/* Clinical Data Readiness Navigator v1.0 layer. Loads last.
   Brand colours: charcoal #161B22, warm ivory #F7F5F0, white, muted teal #65B7AD (actions),
   soft gold #D5B478 (sparing accents), slate #718D92. Deep teal #2F6F68 is used where teal
   must be read as text on a light background, for contrast. */
:root{
  --navy:#161B22;--navy-2:#0F141A;--ink:#161B22;
  --bg:#F7F5F0;--accent:#65B7AD;--accent-2:#8FCBC3;--accent-text:#0B1F1C;
  --link:#2F6F68;--teal:#2F6F68;--teal-soft:#E7F2F0;
  --gold:#D5B478;--gold-deep:#8A6D33;--slate:#718D92;--champagne:#D5B478;--champagne-soft:#F6EFE2;
}
a{text-underline-offset:3px}

/* logo mark in header and footer */
.brand-mark.brand-logo,.site-header .brand-mark.brand-logo,.site-footer .brand-mark.brand-logo{width:40px;height:40px;padding:0;border:0!important;background:none!important;box-shadow:none!important;border-radius:10px;overflow:hidden;display:block;flex:0 0 40px}
.brand-mark.brand-logo img{display:block;width:40px;height:40px}

/* focus: always visible, never colour alone */
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
main :focus-visible{outline-color:var(--link)}

/* version label */
.version-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px}
.version-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}

/* home hero additions */
.home-actions-secondary{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.home-actions-secondary .button{min-height:44px}
.home-explainer{max-width:62ch;color:var(--ink-2);font-size:1.06rem;margin:0 0 26px}

/* illustrative scenario */
.sc-label{background:var(--champagne-soft);border-left:4px solid var(--gold);border-radius:10px;padding:12px 16px;max-width:75ch;color:var(--ink)}
.sc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.sc-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.sc-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.sc-step h2{font-size:1.25rem;margin:4px 0 10px}
.sc-num{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--bg);display:grid;place-items:center;font-weight:800}
.sc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.sc-facts div{background:var(--surface-2);border-radius:10px;padding:10px 12px}
.sc-facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.sc-facts dd{margin:2px 0 0;font-weight:600}
.sc-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.sc-compare>div{border:1px solid var(--line);border-radius:12px;padding:14px}
.sc-compare strong{display:block;font-size:1.6rem;line-height:1.2}
.sc-compare small{color:var(--muted)}
.sc-k{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--muted)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sc-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
.sc-table th,.sc-table td{text-align:left;vertical-align:top;padding:10px 10px;border-bottom:1px solid var(--line)}
.sc-table thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.sc-table th small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.sc-id{font-weight:800;color:var(--link)}
.sc-chip{display:inline-block;font-size:.74rem;font-weight:800;border-radius:999px;padding:2px 10px;border:1px solid}
.sc-blocking{background:#FBEAEA;color:#8A1F1F;border-color:#E3B4B4}
.sc-watch{background:#FBF3E2;color:#6E5214;border-color:#E5CF9E}
.sc-clear{background:#E7F2F0;color:#1F5650;border-color:#A9D3CC}
.sc-toggles{border:0;margin:0;padding:0;display:grid;gap:10px}
.sc-toggles label{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border-radius:10px;padding:12px 14px;cursor:pointer}
.sc-toggles input{width:20px;height:20px;min-height:0;margin-top:2px;flex:0 0 20px}
.sc-risks{margin:0;padding-left:0;list-style:none;display:grid;gap:10px}
.sc-result{position:sticky;top:140px;background:var(--navy);color:var(--bg);border-radius:18px;padding:24px;border-top:6px solid #E3B4B4}
.sc-result[data-state="watch"]{border-top-color:var(--gold)}
.sc-result[data-state="clear"]{border-top-color:var(--accent)}
.sc-result h2{color:#fff;font-size:1.7rem;margin:4px 0 8px}
.sc-result .eyebrow{color:var(--accent)!important}
.sc-result .muted,.sc-result p{color:#D8DCE0}
.sc-result a:not(.button){color:var(--accent-2)}
.sc-counts{list-style:none;padding:0;margin:12px 0;display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:960px){.sc-layout{grid-template-columns:1fr}.sc-result{position:static}}
@media (max-width:560px){.sc-facts,.sc-compare{grid-template-columns:1fr}.sc-step{grid-template-columns:1fr;padding:18px}.sc-num{width:32px;height:32px}}

/* About the creator */
.creator{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.creator-photo{margin:0}
.creator-photo img,.creator-photo .photo-placeholder{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:var(--surface-2)}
.photo-placeholder{display:grid!important;place-items:center;text-align:center;padding:18px;color:var(--muted);font-size:.85rem;border:2px dashed var(--line-strong)!important}
.photo-placeholder strong{display:block;color:var(--ink);font-size:.95rem;margin-bottom:6px}
.creator-role{font-size:1.05rem;color:var(--ink-2);margin:0 0 16px}
.creator-facts{margin:18px 0;padding-left:20px}
.creator-facts li{margin:4px 0}
.creator-note{font-size:.88rem;color:var(--muted)}
.creator-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}
.creator-links>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.creator-links h3{font-size:.95rem;margin:0 0 6px}
.creator-links p{margin:0;font-size:.88rem;color:var(--muted)}
@media (max-width:760px){.creator{grid-template-columns:1fr}.creator-photo{max-width:240px}}

/* generic status pills used across v1.0 pages */
.status-pill{display:inline-block;font-size:.75rem;font-weight:800;border-radius:999px;padding:3px 10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2)}
.status-pill.is-draft{background:#FBF3E2;border-color:#E5CF9E;color:#6E5214}
.status-pill.is-planned{background:#EEF1F2;border-color:#C9D3D5;color:#3F5357}
.status-pill.is-done{background:#E7F2F0;border-color:#A9D3CC;color:#1F5650}

/* header call to action and dark home hero text */
.site-header .header-cta{background:var(--accent)!important;background-image:none!important;color:var(--accent-text)!important;box-shadow:none!important}
.site-header .header-cta:hover{background:var(--accent-2)!important}
.home-hero .home-explainer{color:#CDD3D9}
.home-hero .home-sub,.home-actions-secondary .home-sub{color:#B4BCC4}
.home-hero .home-sub a{color:var(--accent-2)}
.home-actions-secondary .button-secondary{background:transparent;color:#F7F5F0;border-color:rgba(247,245,240,.45)}
.home-actions-secondary .button-secondary:hover{border-color:var(--accent);color:#fff;background:rgba(101,183,173,.12)}
.hb-meta .hb-meta-wide{grid-column:1/-1;flex-basis:100%}

/* forms */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.turnstile-box{margin:14px 0;min-height:65px}
.turnstile-box[hidden]{display:none}
.form-status-success{background:#E7F2F0;border-left:4px solid var(--accent);color:#16413C}
.form-status-error{background:#FBEAEA;border-left:4px solid #B54747;color:#6B1C1C}
.form-status-warn{background:#FBF3E2;border-left:4px solid var(--gold);color:#5B4410}
.form-status-info{background:var(--surface-2);border-left:4px solid var(--slate)}
[aria-invalid="true"]{border-color:#B54747!important;box-shadow:0 0 0 3px rgba(181,71,71,.15)!important}
.compact-list{margin:0;padding-left:18px}.compact-list li{margin:4px 0}
.contribution-form .consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0}
.contribution-form .consent input{width:20px;height:20px;min-height:0;flex:0 0 20px;margin-top:3px}
.review-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.review-steps .sc-step h3{margin:4px 0 6px;font-size:1.05rem}
.review-areas{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px}
.review-areas legend{font-size:.82rem;font-weight:700;margin-bottom:7px;color:var(--ink-2)}
.review-areas label{display:flex;gap:8px;align-items:center;font-size:.9rem}
.review-areas input{width:18px;height:18px;min-height:0}

/* contrast fixes found by tests/a11y-audit.js */
:root{--muted:#565E68}
.callout .h3-size{font-size:var(--h3);margin-top:0}
.home-hero .home-sub a,.home-hero .home-sub a:visited{color:var(--accent-2)!important}
.sc-result a:not(.button){color:var(--accent-2)!important}
.sc-result .button-secondary{background:#fff!important;color:#161B22!important;border-color:#fff!important}
:is(#intelImpact,#intelArtifactCount,#intelFunctionCount,#intelDecisionDue)+small{color:#4C545D}

/* layout audit fixes: no sideways scroll at 360px, 24px minimum targets for standalone links */
.contribute-layout>*,.article-layout>*,.page-hero-grid>*,.sc-layout>*{min-width:0}
.turnstile-box{max-width:100%;overflow:hidden}
.learn-strip a,.pillar a,.evidence-status a,.sidebar-card a,.creator-links a,.hb-card-link,.br-card h3 a,.path-cta,.tool-card b,.scenario-card b{min-height:24px;display:inline-flex;align-items:center;padding-block:2px}
#intelResetEvidence{min-height:24px;min-width:44px;padding:2px 10px}
.sc-step>*,.sc-steps>*{min-width:0}
.reference-card a{min-height:24px;display:inline-flex;align-items:center;padding-block:2px}
input:focus,select:focus,textarea:focus{border-color:var(--link)!important;box-shadow:0 0 0 3px rgba(47,111,104,.45)!important}

/* v36 fit layer: shorter page openings so content starts above the fold on laptop screens */
.page-hero{padding:clamp(28px,5.5vh,56px) 0 clamp(24px,4.5vh,44px)}
.page-hero h1{font-size:clamp(1.9rem,3.3vw,2.75rem);margin-bottom:12px}
.page-hero .lead{font-size:clamp(1.02rem,1.3vw,1.16rem);margin-top:0}
.page-hero-grid{gap:40px}
.page-aside{padding:16px 18px}
.hb-hero{padding:clamp(28px,5vh,48px) 0 26px}
.hb-hero h1{font-size:clamp(1.9rem,3.4vw,2.8rem)}
.hb-head{padding:26px 0 20px}
.hb-head h1{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.intel-intro{padding:clamp(28px,5vh,52px) 0 28px}
.intel-intro h1{font-size:clamp(2rem,3.8vw,3.1rem);margin-bottom:14px}
.watch-hero{padding:clamp(32px,6vh,60px) 0 clamp(28px,5vh,48px)}
.section{padding:clamp(48px,9vh,84px) 0}
.section-sm{padding:clamp(36px,6.5vh,56px) 0}
.page-hero .page-photo{margin-top:14px}
.page-hero .page-photo img{display:block;width:100%;height:clamp(130px,24vh,220px);object-fit:cover}
.page-aside p{margin-bottom:.6em}
.page-aside>*:last-child{margin-bottom:0}
.watch-hero h1{font-size:clamp(2rem,3.6vw,3rem)}
.page-hero-grid>div>h1{max-width:24ch}
@media (min-width:1041px){.page-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}}
@media (max-width:760px){
  .page-hero .page-photo{display:none}
  .page-hero-grid{gap:18px}
  .page-hero .lead{font-size:1rem;line-height:1.55}
  .page-aside{padding:14px 16px!important;font-size:.9rem}
  .page-hero h1,.hb-head h1,.hb-hero h1,.watch-hero h1,.intel-intro h1{font-size:clamp(1.7rem,7.4vw,2.2rem)}
}
@media (max-width:760px){
  .page-hero .action-row,.page-hero .hero-actions{gap:8px;margin-top:16px}
  .page-hero .action-row .button,.page-hero .hero-actions .button{min-height:44px;padding:0 14px;font-size:.88rem;flex:1 1 auto}
  .hb-head .hb-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:14px}
}
.changelog-list.cl-collapsed>.cl-older{display:none}
.cl-more{margin-top:20px}
.walkthrough-chapters button{cursor:pointer;display:flex;align-items:center;gap:7px;min-width:0;min-height:40px;padding:9px 10px;border:1px solid rgba(255,255,255,.10);border-radius:10px;color:#C9D0D7;background:rgba(255,255,255,.035);font:inherit;font-size:.74rem;line-height:1.2;text-align:left}
.walkthrough-chapters button:hover{border-color:rgba(101,183,173,.4);color:#fff}
.walkthrough-chapters button.is-active{background:rgba(101,183,173,.14);border-color:rgba(101,183,173,.55);color:#e8fffb}
.walkthrough-chapters button b{font-size:.68rem;letter-spacing:.08em;color:#65B7AD}
@media (max-width:760px){.walkthrough-chapters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}