/* Getting Started: calm help and FAQ surface using native details accordions. */
body.cs2day-v2 .cs2-guide { display: grid; gap: clamp(30px, 4vw, 52px); max-width: 1120px; padding-bottom: clamp(48px, 7vw, 90px); }
body.cs2day-v2 .cs2-guide :is(section, details) { scroll-margin-top: 108px; }
body.cs2day-v2 .cs2-guide h1 { font-size: clamp(34px, 4.2vw, 54px); line-height: 1.04; margin: 7px 0 2px; }
body.cs2day-v2 .cs2-guide h2 { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.12; margin: 3px 0 0; }
body.cs2day-v2 .cs2-guide h3 { font-size: 16px; margin: 0 0 5px; }
body.cs2day-v2 .cs2-guide p { color: var(--cs2-text-muted); margin: 0; }
body.cs2day-v2 .cs2-guide__intro { border-bottom: 1px solid var(--cs2-border); max-width: 880px; padding: clamp(8px, 2vw, 18px) 0 30px; }
body.cs2day-v2 .cs2-guide__subtitle { color: var(--cs2-text); font-size: clamp(18px, 2vw, 22px); font-weight: 750; margin-bottom: 19px; }
body.cs2day-v2 .cs2-guide__intro-copy { display: grid; gap: 10px; font-size: 16px; line-height: 1.6; max-width: 800px; }
body.cs2day-v2 .cs2-guide__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 21px; }
body.cs2day-v2 .cs2-guide__jump { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
body.cs2day-v2 .cs2-guide__jump a { background: var(--cs2-card); border: 1px solid var(--cs2-border); color: var(--cs2-text-muted); flex: 0 0 auto; font-size: 12px; font-weight: 800; padding: 9px 11px; text-decoration: none; }
body.cs2day-v2 .cs2-guide__jump a:hover, body.cs2day-v2 .cs2-guide__jump a:focus-visible { border-color: var(--cs2-accent); color: var(--cs2-text); outline: 0; }
body.cs2day-v2 .cs2-guide__section { display: grid; gap: 15px; }
body.cs2day-v2 .cs2-guide__section > header { display: grid; gap: 2px; }
body.cs2day-v2 .cs2-guide__accordions { border: 1px solid var(--cs2-border); display: grid; }
body.cs2day-v2 .cs2-guide details { background: var(--cs2-card); border-bottom: 1px solid var(--cs2-border); }
body.cs2day-v2 .cs2-guide details:last-child { border-bottom: 0; }
body.cs2day-v2 .cs2-guide details[open] { background: var(--cs2-card-elevated); }
body.cs2day-v2 .cs2-guide summary { align-items: center; color: var(--cs2-text); cursor: pointer; display: flex; font-size: 16px; font-weight: 800; gap: 14px; list-style: none; min-height: 60px; padding: 16px 20px; }
body.cs2day-v2 .cs2-guide summary::-webkit-details-marker { display: none; }
body.cs2day-v2 .cs2-guide summary::after { color: var(--cs2-text-muted); content: '+'; font-size: 22px; font-weight: 400; line-height: 1; margin-left: auto; }
body.cs2day-v2 .cs2-guide details[open] summary { box-shadow: inset 2px 0 0 var(--cs2-accent); color: var(--cs2-text); }
body.cs2day-v2 .cs2-guide details[open] summary::after { color: var(--cs2-accent); content: '−'; }
body.cs2day-v2 .cs2-guide summary:focus-visible { outline: 2px solid var(--cs2-accent); outline-offset: -3px; }
body.cs2day-v2 .cs2-guide__answer { animation: cs2-guide-reveal .16s ease-out; border-top: 1px solid var(--cs2-border); display: grid; gap: 14px; line-height: 1.62; padding: 18px 20px 21px; }
body.cs2day-v2 .cs2-guide-list { color: var(--cs2-text-muted); display: grid; gap: 6px; margin: 0; padding-left: 20px; }
body.cs2day-v2 .cs2-guide-list--ordered { padding-left: 22px; }
body.cs2day-v2 .cs2-guide-links { display: flex; flex-wrap: wrap; gap: 14px; }
body.cs2day-v2 .cs2-guide-links a, body.cs2day-v2 .cs2-guide__steps a { color: var(--cs2-text); font-size: 13px; font-weight: 800; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--cs2-accent) 70%, transparent); text-underline-offset: 4px; }
body.cs2day-v2 .cs2-guide-links a:hover, body.cs2day-v2 .cs2-guide-links a:focus-visible, body.cs2day-v2 .cs2-guide__steps a:hover, body.cs2day-v2 .cs2-guide__steps a:focus-visible { color: var(--cs2-accent); }
body.cs2day-v2 .cs2-guide__key-sentence, body.cs2day-v2 .cs2-guide__notice { border-left: 2px solid var(--cs2-accent); color: var(--cs2-text) !important; font-weight: 700; padding: 7px 0 7px 13px; }
body.cs2day-v2 .cs2-guide__steps { counter-reset: guide-step; display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
body.cs2day-v2 .cs2-guide__steps li { background: var(--cs2-card); display: grid; gap: 16px; grid-template-columns: 27px minmax(0, 1fr); padding: 20px; }
body.cs2day-v2 .cs2-guide__steps li > span { align-items: center; background: var(--cs2-card-elevated); color: var(--cs2-accent); display: flex; font-size: 12px; font-weight: 900; height: 27px; justify-content: center; width: 27px; }
body.cs2day-v2 .cs2-guide__steps p { line-height: 1.5; }
body.cs2day-v2 .cs2-guide__steps a { display: inline-block; margin-top: 13px; }
body.cs2day-v2 .cs2-guide__help { align-items: center; background: var(--cs2-card); border: 1px solid var(--cs2-border); display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) auto; padding: clamp(20px, 3vw, 30px); }
body.cs2day-v2 .cs2-guide__help .cs2-guide__actions { justify-content: flex-end; margin: 0; }
@keyframes cs2-guide-reveal { from { opacity: .55; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 680px) { body.cs2day-v2 .cs2-guide { gap: 32px; } body.cs2day-v2 .cs2-guide__intro { padding-bottom: 23px; } body.cs2day-v2 .cs2-guide summary { font-size: 15px; min-height: 56px; padding: 14px 16px; } body.cs2day-v2 .cs2-guide__answer { padding: 15px 16px 18px; } body.cs2day-v2 .cs2-guide__steps { grid-template-columns: minmax(0, 1fr); } body.cs2day-v2 .cs2-guide__help { align-items: start; grid-template-columns: minmax(0, 1fr); } body.cs2day-v2 .cs2-guide__help .cs2-guide__actions { justify-content: flex-start; margin-top: 0; } body.cs2day-v2 .cs2-guide__actions .cs2-button { flex: 1 1 auto; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { body.cs2day-v2 .cs2-guide__answer { animation: none; } }