/* Stage 2 pages (audience sections, guides, shared pages). Loaded after pages.css, which holds
   the brand tokens and fonts. Plain CSS, no build step needed. */

.site-skip{position:absolute;left:-9999px;top:0;background:var(--clr-primary);color:#fff;padding:10px 16px;z-index:100;border-radius:0 0 8px 0}
.site-skip:focus{left:0}

/* Draft banner: only ever rendered for status: draft pages, which are not built for production */
.site-draft{background:#FEF3C7;border-bottom:1px solid #F59E0B;color:#78350F;font-size:13px;font-weight:600;padding:10px 20px;text-align:center}

/* Header */
.site-header{background:var(--clr-white);border-bottom:1px solid var(--clr-border);position:sticky;top:0;z-index:50}
.site-header-inner{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px}
.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--clr-text-dark);font-weight:800;font-size:18px;white-space:nowrap}
.site-brand img{width:32px;height:32px;display:block}
.site-nav{display:flex;gap:4px;margin-left:12px}
.site-nav a{color:var(--clr-text-mid);text-decoration:none;font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--clr-text-dark);background:var(--clr-surface)}
.site-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.site-lang{font-size:12px;font-weight:700;color:var(--clr-text-mid);text-decoration:none;border:1px solid var(--clr-border);border-radius:99px;padding:6px 12px}
.site-lang:hover{background:var(--clr-surface);color:var(--clr-text-dark)}
.site-book{display:inline-block;padding:9px 18px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;background:var(--clr-primary);color:#fff}
.site-book:hover{background:var(--clr-primary-hover)}
.site-menu{display:none}
.site-menu summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--clr-border);border-radius:8px;font-weight:700;font-size:13px}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu nav{position:absolute;left:0;right:0;top:100%;background:var(--clr-white);border-bottom:1px solid var(--clr-border);padding:8px 20px 16px;display:flex;flex-direction:column}
.site-menu nav a{padding:12px 0;text-decoration:none;color:var(--clr-text-dark);font-weight:600;border-bottom:1px solid var(--clr-border)}

/* Page */
.site-main{max-width:1080px;margin:0 auto;padding:28px 20px 72px}
.site-crumbs ol{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--clr-text-mid)}
.site-crumbs li+li::before{content:"›";margin-right:6px;color:var(--clr-border)}
.site-crumbs a{color:var(--clr-text-mid)}
.site-article{max-width:760px}
.site-article h1{font-size:36px;line-height:1.2;font-weight:800;margin:0 0 14px}
.site-lede{font-size:18px;color:var(--clr-text-mid);margin:0 0 24px}
.site-meta{font-size:13px;color:var(--clr-text-mid);margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--clr-border)}
.prose h2{font-size:24px;line-height:1.3;margin:36px 0 12px}
.prose h3{font-size:18px;margin:24px 0 8px}
.prose p,.prose li{font-size:16px}
.prose ul,.prose ol{padding-left:22px}
.prose table{border-collapse:collapse;width:100%;font-size:14px;margin:16px 0}
.prose th,.prose td{border:1px solid var(--clr-border);padding:8px 10px;text-align:left;vertical-align:top}
.prose th{background:var(--clr-surface)}
.prose blockquote{margin:16px 0;padding:8px 16px;border-left:3px solid var(--clr-secondary);color:var(--clr-text-mid)}
.site-sources{margin-top:40px;padding-top:20px;border-top:1px solid var(--clr-border);font-size:14px}
.site-sources h2{font-size:16px;margin:0 0 8px}

/* Call to action band */
.site-cta{margin:56px 0 0;padding:32px;border-radius:16px;background:linear-gradient(135deg,var(--clr-primary),#1E4F82);color:#fff}
.site-cta h2{margin:0 0 8px;font-size:24px}
.site-cta p{margin:0 0 18px;opacity:.9}
.site-cta .site-book{background:#fff;color:var(--clr-primary)}

/* "More from the platform" strip (partials/platform-strip.njk) */
.site-strip{margin:40px 0 0;padding:20px 24px;background:var(--clr-white);border:1px solid var(--clr-border);border-radius:12px}
.site-strip h2{margin:0 0 6px;font-size:18px}
.site-strip p{margin:0 0 10px;color:var(--clr-text-mid)}
.site-strip ul{margin:0 0 10px;padding-left:20px}
.site-strip li{margin:4px 0}

/* Footer */
.site-footer{background:var(--clr-white);border-top:1px solid var(--clr-border);color:var(--clr-text-mid);font-size:14px}
.site-footer-inner{max-width:1080px;margin:0 auto;padding:32px 20px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.site-footer p{margin:0 0 6px;max-width:420px}
.site-footer a{color:var(--clr-text-mid)}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}

@media (max-width:860px){
  .site-nav{display:none}
  .site-menu{display:block}
  .site-header-inner{position:relative}
}
@media (max-width:560px){
  .site-brand span{display:none}
  .site-article h1{font-size:28px}
  .site-book{padding:8px 12px}
}