/* SoldOutRadar — shared styles for the content cluster (spoke pages). Crown charte. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fbfaf7;color:#1c1a22;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#146c45}
:focus-visible{outline:3px solid #1b9c5e;outline-offset:2px;border-radius:4px}

.btn{display:inline-block;background:#17864f;color:#fff;font-weight:700;font-size:15px;padding:15px 30px;border-radius:10px;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .15s ease;touch-action:manipulation}
.btn:hover{background:#136f42}
.btn:active{transform:scale(.98)}
.btn-ghost{background:transparent;color:#146c45;border:1.5px solid #17864f;font-weight:600}
.btn-ghost:hover{background:#eaf4ee}

/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,48px);border-bottom:1px solid #ece6da;background:#fbfaf7}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:#15324a;text-decoration:none}
.ring{width:22px;height:22px;border-radius:50%;border:2px solid #c98a2e;display:grid;place-items:center;flex:none}
.ring i{width:5px;height:5px;border-radius:50%;background:#1b9c5e;display:block}
.nav-links{display:flex;align-items:center;gap:6px;font-size:14px}
.nav-links a{color:#4d4738;text-decoration:none;padding:10px;border-radius:6px}
.nav-links a:hover{color:#15324a;text-decoration:underline;text-underline-offset:4px}
.nav-bell{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;padding:0 !important}
.nav-bell:hover{background:#f3eee3}
.nav-cta{background:#17864f;color:#fff !important;font-weight:600;padding:11px 20px;border-radius:8px}
.nav-cta:hover{background:#136f42;text-decoration:none !important}

/* breadcrumb */
.crumb{max-width:820px;margin:0 auto;padding:20px clamp(20px,5vw,32px) 0;font-size:12.5px;color:#8a7f6b}
.crumb a{color:#8a7f6b;text-decoration:none}
.crumb a:hover{text-decoration:underline}

/* guide hero (paper, article-style) */
.ghero{max-width:820px;margin:0 auto;padding:22px clamp(20px,5vw,32px) 8px}
.eyebrow{font:600 12px/1 'Inter',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8a5c14}
h1{font:400 clamp(28px,5vw,42px)/1.12 'Fraunces',serif;letter-spacing:-.02em;color:#15324a;margin:14px 0 0;max-width:20ch}
.ghero .sub{font-size:17px;line-height:1.65;color:#4d4738;margin:16px 0 0;max-width:60ch}
.ghero .sub b{color:#15324a;font-weight:600}
.ghero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}

/* sections */
.section{max-width:820px;margin:0 auto;padding:38px clamp(20px,5vw,32px)}
.section.wide{max-width:1000px}
h2{font:500 clamp(23px,3.6vw,30px)/1.18 'Fraunces',serif;letter-spacing:-.02em;color:#15324a;margin:0 0 4px}
.prose p{font-size:16px;line-height:1.72;color:#3f3a30;margin:14px 0 0;max-width:66ch}
.prose p b{color:#15324a;font-weight:600}
.prose ul{margin:14px 0 0;padding-left:20px}
.prose li{font-size:16px;line-height:1.7;color:#3f3a30;margin:7px 0;max-width:64ch}

/* live callout card → hub */
.callout{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid #e5dcc9;border-radius:16px;padding:20px 22px;box-shadow:0 14px 40px rgba(21,50,74,.10);margin-top:22px}
.callout .ct{font-size:15px;color:#4d4738;line-height:1.55}
.callout .ct b{color:#15324a;font-weight:600}
.callout .live{display:inline-flex;align-items:center;gap:7px;font:600 11px/1 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#146c45;margin-bottom:6px}
.callout .live i{width:7px;height:7px;border-radius:50%;background:#1b9c5e;animation:sor-pulse 1.8s ease-in-out infinite;display:block}
@keyframes sor-pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* mini stat row */
.ministats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.ministat{background:#fff;border:1px solid #e5dcc9;border-radius:14px;padding:18px 16px;text-align:center}
.ministat .n{font:500 28px/1 'Fraunces',serif;color:#15324a}
.ministat .l{font-size:12.5px;color:#736a57;line-height:1.5;margin-top:7px}

/* horizontal bar breakdown */
.bars{margin-top:20px;background:#fff;border:1px solid #e5dcc9;border-radius:16px;padding:22px;box-shadow:0 12px 34px rgba(21,50,74,.08)}
.bar-row{display:grid;grid-template-columns:150px 1fr 46px;align-items:center;gap:12px;margin:11px 0}
.bar-row .lab{font-size:13.5px;color:#4d4738;text-align:right}
.bar-track{background:#f3eee3;border-radius:6px;height:22px;overflow:hidden}
.bar-fill{height:100%;border-radius:6px;background:#17864f}
.bar-fill.hot{background:#c98a2e}
.bar-row .val{font:500 14px/1 'Fraunces',serif;color:#15324a}
@media (max-width:560px){.bar-row{grid-template-columns:110px 1fr 40px}.bar-row .lab{font-size:12px}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.step{background:#fff;border:1px solid #e5dcc9;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(21,50,74,.06)}
.step .num{font:500 36px/1 'Fraunces',serif;color:#ffc879;-webkit-text-stroke:1px #c98a2e}
.step h3{font:500 17px/1.3 'Fraunces',serif;color:#15324a;margin:10px 0 8px}
.step p{font-size:14px;color:#5a5446;line-height:1.65;margin:0}

/* chart (hours) */
.chart-card{background:#fff;border:1px solid #e5dcc9;border-radius:18px;padding:clamp(18px,3vw,26px);box-shadow:0 14px 40px rgba(21,50,74,.10);margin-top:22px}
.chart-card h3{font:500 18px/1.3 'Fraunces',serif;color:#15324a;margin:0 0 4px}
.chart-sub{font-size:12.5px;color:#736a57;margin:0 0 14px}
.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart-card svg{width:100%;min-width:560px;height:auto;display:block}
.chips{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:#4d4738}
.chips span{display:inline-flex;align-items:center;gap:7px}
.chip-dot{width:10px;height:10px;border-radius:3px;flex:none}

/* navy CTA band */
.band{background:#15324a;color:#eaf1f7;padding:56px clamp(20px,5vw,48px);text-align:center;margin-top:44px}
.band h2{color:#fff}
.band p{color:#b7c6d4;font-size:15.5px;line-height:1.65;max-width:52ch;margin:14px auto 0}
.band .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.band .btn-ghost{color:#eaf4ee;border-color:rgba(255,255,255,.55)}
.band .btn-ghost:hover{background:rgba(255,255,255,.1)}

/* related links */
.related{max-width:820px;margin:0 auto;padding:36px clamp(20px,5vw,32px)}
.related h2{font-size:20px;margin-bottom:14px}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.rel-card{display:block;background:#fff;border:1px solid #e5dcc9;border-radius:14px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s}
.rel-card:hover{border-color:#17864f;transform:translateY(-2px)}
.rel-card .t{font:500 16px/1.3 'Fraunces',serif;color:#15324a}
.rel-card .d{font-size:13px;color:#736a57;margin-top:6px;line-height:1.5}

/* faq */
.faq{max-width:820px;margin:0 auto;padding:8px clamp(20px,5vw,32px) 8px}
.faq details{border-top:1px solid #e5dcc9}
.faq details:last-child{border-bottom:1px solid #e5dcc9}
.faq summary{font:500 17px/1.35 'Fraunces',serif;color:#15324a;padding:19px 34px 19px 2px;cursor:pointer;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";content:"+" / "";position:absolute;right:6px;top:50%;transform:translateY(-50%);font:400 22px/1 'Inter',sans-serif;color:#8a5c14}
.faq details[open] summary::after{content:"–";content:"–" / ""}
.faq .a{font-size:14.5px;color:#5a5446;line-height:1.7;padding:0 2px 19px;max-width:70ch}
.faq .a b{color:#15324a}

/* footer */
footer{background:#0f2336;color:#9fb2c4;padding:42px clamp(20px,5vw,48px);margin-top:20px}
.foot-in{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:28px}
.foot-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;color:#eaf1f7;margin-bottom:11px}
.foot-brand .ring{border-color:#ffc879}
.foot-disc{font-size:12px;color:#7c93a6;line-height:1.65;max-width:32rem}
.foot-cols{display:flex;gap:44px;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:11px;font-size:13px}
.foot-label{color:#8a9db0;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:3px}
.foot-col a{color:#cdd9e4;text-decoration:none;padding:2px 0}
.foot-col a:hover{text-decoration:underline}
.copy{max-width:1000px;margin:26px auto 0;padding-top:18px;border-top:1px solid #1d3346;font-size:11px;color:#8a9db0}

@media (max-width:720px){
  .nav-links a:not(.nav-cta):not(.nav-bell){display:none}
  .ministats{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .callout .live i{animation:none}
  .btn{transition:none}
}