/* PSCA Survey Guide: scoped styles for the US sponsor resource. */
.survey-guide { background: #fcfaf7; color: #29232e; }
.survey-guide .nav-wrap { background: #2c1d33; }
.survey-guide .nav-inner { max-width: 1280px; margin: auto; padding: 14px 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.survey-guide .logo-img { height: 36px; width: auto; display: block; }
.survey-guide .nav-links a { color: #fff; }
.survey-guide .nav-links a.active { color: #edc38b; }
.survey-guide .container { max-width: 1240px; }
.survey-guide a:focus-visible, .survey-guide button:focus-visible, .survey-guide summary:focus-visible { outline: 3px solid #ab72d6; outline-offset: 5px; }
.survey-guide .guide-hero { background: #2c1d33; color: #fffaf5; padding: 148px 0 64px; }
.guide-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px 12px; font-size: 13px; color: #d4c6da; margin-bottom: 42px; }
.guide-breadcrumb a { color: #fffaf5; text-decoration: underline; text-underline-offset: 4px; }
.guide-kicker { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #713397; margin-bottom: 16px; }
.guide-hero .guide-kicker { color: #edc38b; }
.guide-hero h1 { max-width: 1060px; font-size: clamp(38px,5.1vw,68px); line-height: 1.08; letter-spacing: -.035em; margin-bottom: 26px; }
.guide-hero h1 span { color: #edc38b; }
.guide-hero-lead { max-width: 850px; font-size: clamp(17px,1.8vw,20px); line-height: 1.7; color: #dfd3e1; margin-bottom: 30px; }
.guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.guide-actions .btn { min-height: 48px; }
.guide-actions .btn-primary { background: #8440b7; color: white; }
.guide-download { background: transparent; border: 1px solid #88758f; color: #fffaf5; }
.guide-download:hover { background: #45314f; color: #fff; }
.guide-file-size { font-size: 12px; font-weight: 400; color: #dfd3e1; }
.guide-share { min-height: 48px; padding: 12px 16px; background: transparent; border: 0; color: #fffaf5; font: inherit; font-size: 14px; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.guide-share-status { min-height: 22px; font-size: 13px; color: #edc38b; margin-top: 12px; }
.guide-share-url { width: min(100%,640px); padding: 12px; font: inherit; border: 1px solid #88758f; border-radius: 8px; }
.guide-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 64px; align-items: start; padding-top: 64px; padding-bottom: 76px; }
.guide-toc { position: sticky; top: 112px; }
.guide-toc nav > p { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #716374; margin-bottom: 18px; }
.guide-toc ol { list-style: none; padding: 0; margin: 0; }
.guide-toc li a { display: flex; align-items: center; gap: 10px; padding: 12px 0; font-size: 14px; line-height: 1.45; color: #4d3b56; border-bottom: 1px solid #e9e0e8; }
.guide-toc li span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: #73369b; background: #efe4f5; flex-shrink: 0; font-weight: 600; }
.guide-toc a:hover { color: #76389f; text-decoration: underline; text-underline-offset: 4px; }
.guide-toc-faq { display: inline-block; padding: 18px 0; color: #5e456a; font-size: 14px; }
.guide-content { min-width: 0; }
.survey-guide .guide-step { padding: 0 0 56px; margin-bottom: 56px; border-bottom: 1px solid #dfd3df; scroll-margin-top: 112px; }
.survey-guide .guide-step:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.guide-step h2 { font-size: clamp(28px,3vw,40px); line-height: 1.15; letter-spacing: -.025em; margin-bottom: 22px; }
.guide-step h3 { font-size: 19px; line-height: 1.35; margin: 0 0 12px; }
.guide-step p { line-height: 1.75; margin-bottom: 18px; color: #5d5362; }
.guide-step .guide-kicker { color: #713397; margin-bottom: 12px; }
.guide-step .guide-lead { font-size: 18px; margin-bottom: 28px; }
.guide-step strong, .guide-step dt { color: #312438; }
.guide-two, .guide-three { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 28px 0; }
.guide-three { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.guide-three > div { padding-top: 20px; border-top: 2px solid #d8c2e4; }
.guide-card { padding: 24px; border-radius: 16px; background: white; border: 1px solid #e3d8e7; }
.guide-card h3 { color: #713397; }
.guide-card p:last-child, .guide-three p:last-child { margin-bottom: 0; }
.guide-entry { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center; gap: 32px; }
.guide-entry h3:not(:first-child) { margin-top: 28px; }
.guide-text-link, .guide-controls a, .guide-faq a { color: #713397; text-decoration: underline; text-underline-offset: 4px; font-weight: 500; }
.guide-screen { margin: 28px 0; }
.guide-screen > a { display: block; padding: 8px; background: #eee7f0; border-radius: 16px; border: 1px solid #ded0e5; transition: border-color .15s; }
.guide-screen > a:hover { border-color: #9647d7; }
.guide-screen img { display: block; width: 100%; height: auto; border-radius: 10px; }
.guide-annotated > a { padding: 0; border: 0; background: transparent; }
.guide-annotated img { border-radius: 16px; }
.guide-callouts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 28px; padding: 0; margin: 24px 0 30px; list-style: none; color: #5d5362; line-height: 1.65; }
.guide-callouts li { display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.guide-callouts li > div { min-width: 0; }
.guide-callout-number { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: #efe4f5; color: #713397; font-size: 15px; line-height: 1; font-weight: 600; }
.guide-callouts a { color: #713397; text-decoration: underline; text-underline-offset: 4px; }
.guide-callouts-compact { grid-template-columns: 1fr; gap: 10px; margin: 12px 0; font-size: 12px; }
.guide-callouts-compact .guide-callout-number { flex-basis: 22px; height: 22px; font-size: 12px; }
.guide-screen figcaption { font-size: 12px; line-height: 1.7; color: #6e6075; margin-top: 10px; }
.guide-screen figcaption a { color: #713397; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.guide-sidebar-screen { max-width: 300px; }
.guide-editions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 28px 0; }
.guide-edition { padding: 22px; background: #fff; border: 1px solid #ded0e5; border-radius: 16px; }
.guide-edition > strong { display: block; font-family: 'Space Grotesk',sans-serif; font-size: 36px; line-height: 1.2; margin-bottom: 12px; }
.guide-edition h3 { font-size: 16px; margin-bottom: 6px; }
.guide-edition p { font-size: 14px; margin-bottom: 16px; }
.guide-edition span { display: inline-block; background: #eee7f0; color: #5d466a; border-radius: 20px; padding: 4px 10px; font-size: 12px; }
.guide-current { border: 2px solid #9647d7; }
.guide-current span { background: #f1e7f9; color: #713397; }
.guide-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 30px; margin: 28px 0; }
.guide-controls dt { font-weight: 600; margin-bottom: 5px; }
.guide-controls dd { margin: 0; color: #5d5362; line-height: 1.65; }
.guide-step .guide-note { padding: 18px 22px; border-left: 3px solid #ad77cc; background: #f1eaf4; border-radius: 0 10px 10px 0; color: #514059; margin-top: 28px; margin-bottom: 0; font-size: 15px; }
.guide-instructions { padding-left: 24px; margin: 24px 0; color: #5d5362; line-height: 1.75; }
.guide-instructions li { padding-left: 6px; margin: 10px 0; }
.guide-step kbd { padding: 3px 9px; border: 1px solid #c8b7cf; border-radius: 5px; background: white; font-size: 14px; color: #513560; }
.guide-measures { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 32px; }
.guide-measure-group { padding: 22px; border: 1px solid #ded0e5; border-radius: 14px; background: white; }
.guide-measure-group h3 { color: #713397; font-size: 15px; }
.guide-measure-group ol { list-style-type: decimal-leading-zero; padding-left: 25px; color: #504158; }
.guide-measure-group li { padding: 8px 0 8px 4px; line-height: 1.5; font-size: 14px; }
.guide-measure-group li::marker { color: #93739f; }
.guide-unlock-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; padding: 0; margin: 30px 0; list-style: none; }
.guide-unlock-steps p { font-size: 15px; }
.guide-faq details { border-bottom: 1px solid #dfd3df; padding: 0; }
.guide-faq summary { cursor: pointer; padding: 20px 30px 20px 0; font-weight: 600; font-size: 17px; line-height: 1.5; }
.guide-faq details p { padding: 0 24px 8px 0; }
.guide-faq .guide-source { font-size: 13px; margin-top: 32px; }
.survey-guide footer { padding: 64px 0 28px; background: #2c1d33; }
.survey-guide [hidden] { display: none !important; }
@media (max-width: 1050px) { .guide-layout { grid-template-columns: 180px minmax(0,1fr); gap: 32px; } .guide-three, .guide-measures, .guide-unlock-steps { grid-template-columns: 1fr; } .guide-measure-group ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 30px; } .guide-edition { padding: 16px; } }
@media (max-width: 760px) {
 .survey-guide .guide-hero { padding: 172px 0 38px; } .guide-breadcrumb { margin-bottom: 28px; font-size: 12px; }
 .guide-layout { display: block; padding-top: 32px; padding-bottom: 48px; }
 .guide-toc { position: static; margin-bottom: 40px; } .guide-toc ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
 .guide-toc li a { height: 100%; } .guide-toc-faq { padding-bottom: 0; }
 .survey-guide .guide-step { scroll-margin-top: 160px; padding-bottom: 38px; margin-bottom: 38px; }
 .guide-two, .guide-entry, .guide-controls, .guide-callouts { grid-template-columns: 1fr; gap: 20px; }
 .guide-entry { margin-top: 24px; } .guide-sidebar-screen { max-width: 260px; margin: 0 auto 12px; }
 .guide-editions { gap: 10px; } .guide-edition { padding: 12px; } .guide-edition > strong { font-size: 28px; }
 .guide-edition h3 { font-size: 14px; } .guide-edition p { font-size: 12px; } .guide-edition span { font-size: 10px; padding: 4px 7px; }
 .guide-actions { align-items: stretch; } .guide-actions .btn { font-size: 14px; padding: 12px 16px; } .guide-file-size { display: none; }
 .guide-hero h1 { font-size: clamp(34px,8vw,52px); } .guide-hero-lead { font-size: 17px; }
 .guide-step .guide-lead { font-size: 17px; } .guide-controls { gap: 18px; }
}
@media (max-width: 380px) { .guide-editions { grid-template-columns: 1fr; } .guide-edition { display: grid; grid-template-columns: 74px 1fr; gap: 6px 12px; align-items: center; } .guide-edition > strong { grid-row: span 3; margin: 0; } .guide-edition p, .guide-edition h3 { margin: 0; } .guide-edition span { justify-self: start; } .guide-toc ol, .guide-measure-group ol { grid-template-columns: 1fr; } }
@media print { .survey-guide .nav-wrap, .guide-toc, .guide-actions, .guide-share-status, .survey-guide footer, .guide-screen figcaption a { display: none; } .survey-guide .guide-hero { padding: 24px 0; color: #29232e; background: white; } .guide-hero h1 span, .guide-hero-lead, .guide-hero .guide-kicker, .guide-breadcrumb, .guide-breadcrumb a { color: inherit; } .guide-layout { display: block; } .guide-screen, .guide-card { break-inside: avoid; } .survey-guide .guide-step { padding-bottom: 24px; margin-bottom: 24px; } }

.survey-guide .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 760px) { .survey-guide .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; } .survey-guide .footer-brand { grid-column: 1 / -1; } .survey-guide .footer-bottom { flex-direction: column; gap: 12px; align-items: flex-start; } }
@media (max-width: 380px) { .survey-guide .footer-grid { grid-template-columns: 1fr; } }