.reference-family{color:#262626;min-height:100vh;font:400 15px/normal var(--font-body);letter-spacing:normal;background:#f9f9f9}.reference-family *,.reference-family :before,.reference-family :after{box-sizing:border-box}.reference-family a{color:inherit;text-decoration:none}.reference-family :is(button,a,input):focus-visible{outline-offset:3px;outline:2px solid #262626}.reference-family button{font:inherit}.reference-family__intro,.reference-catalogue{border-inline:1px solid #26262617;max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}.reference-family__intro{flex-direction:column;gap:16px;padding-top:clamp(24px,3.5vw,40px);display:flex}.reference-family__intro h1{color:#262626;max-width:900px;font:600 clamp(29px, 3.4vw, 39px)/1.1 var(--font-body);letter-spacing:-.025em;text-wrap:pretty;margin:0}.reference-family__intro>p{color:#404040;text-wrap:pretty;max-width:680px;margin:0;font-size:14px;line-height:1.6}.reference-crumbs{color:#737373;align-items:center;gap:8px;font-size:11px;display:flex}.reference-crumbs span:last-child{color:#262626}.reference-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reference-tabs>button{all:unset;box-sizing:border-box;color:#262626;cursor:pointer;height:36px;font:600 11px var(--font-mono);white-space:nowrap;background:#fff;border:1px solid #d4d4d4;border-radius:8px;padding:0 14px}.reference-tabs>button:hover{border-color:#262626}.reference-tabs>button[aria-pressed=true]{color:#fff;background:#262626;border-color:#262626}.reference-tabs>span:last-child{color:#737373;font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-left:6px}.reference-catalogue{grid-template-columns:228px minmax(0,1fr);gap:24px 40px;padding-top:clamp(24px,3vw,36px);padding-bottom:clamp(48px,6vw,72px);display:grid}.reference-catalogue__rail{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:84px}.reference-overline{color:#737373;font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.reference-overline--spaced{margin-top:12px}.reference-catalogue__rail nav{flex-direction:column;gap:6px;display:flex}.reference-catalogue__rail button{all:unset;box-sizing:border-box;cursor:pointer;color:#262626;white-space:normal;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-size:14px;display:flex}.reference-catalogue__rail button:hover,.reference-catalogue__rail button[aria-pressed=true]{background:#f2f2f2}.reference-catalogue__rail button[aria-pressed=true]{font-weight:600}.reference-catalogue__rail button small{color:#8c8c8c;font:500 10px var(--font-mono)}.reference-catalogue__rail button small:last-child{margin-left:auto}.reference-scenarios .reference-catalogue__rail nav[aria-label=Scenario\ domains] button>span:last-child{align-items:center;gap:7px;min-width:0;display:flex}.reference-scenarios .reference-catalogue__rail nav[aria-label=Scenario\ domains] button>span:last-child small{flex:none}.reference-catalogue__body{flex-direction:column;gap:20px;min-width:0;display:flex}.reference-search{background:#fff;border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:14px;height:56px;padding:0 20px;display:flex}.reference-search>span{color:#404040;font-size:15px}.reference-search input{color:#262626;min-width:0;height:100%;font:400 15px var(--font-body);background:0 0;border:0;outline:0;flex:1}.reference-search:focus-within{border-color:#f3a787;box-shadow:0 0 0 2px #f647091a}.reference-search input:focus-visible{box-shadow:none;outline:none}.reference-search input::placeholder{color:#8c8c8c}.reference-search button{all:unset;color:#8c8c8c;cursor:pointer;display:flex}.reference-results-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.reference-results-head strong{font:600 15px var(--font-body);letter-spacing:-.01em}.reference-results-head>span{color:#8c8c8c;font:400 11px var(--font-mono)}.reference-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;display:grid}.reference-topic-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:28px 28px 20px;display:flex}.reference-topic-card:hover{color:#262626;border-color:#262626}.reference-card-index{color:#404040;font:500 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.reference-card-title{align-items:center;gap:10px;display:flex}.reference-card-title>span{color:#8c8c8c;flex:none}.reference-card-title h2{color:#262626;font:600 clamp(17px, 1.5vw, 20px)/1.25 var(--font-body);letter-spacing:-.015em;margin:0}.reference-topic-card>p{color:#404040;margin:0;font-size:14px;line-height:1.55}.reference-topic-card footer{color:#737373;border-top:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;font-size:13px;display:flex}.reference-topic-card footer>span:last-of-type:not(:first-child){margin-left:auto}.reference-domain-pills{gap:4px;display:flex}.reference-domain-pills small{color:#737373;font:500 10px var(--font-mono);background:#f2f2f2;border-radius:5px;padding:4px 7px}.reference-empty{color:#737373;text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:32px;font-size:13px}.reference-topic-card.is-planned{opacity:.68}@media (max-width:899px){.reference-catalogue{grid-template-columns:minmax(0,1fr)}.reference-catalogue__rail{position:static}.reference-catalogue__rail nav{flex-flow:wrap}.reference-tabs>span:last-child{white-space:normal;width:100%;margin-left:0}}@media (max-width:520px){.reference-family__intro{padding-top:20px}.reference-catalogue{gap:20px;padding-top:24px}.reference-card-grid{grid-template-columns:1fr;gap:12px}.reference-topic-card{padding:20px 20px 16px}.reference-search{height:52px;padding-inline:16px}}@media (prefers-reduced-motion:reduce){.reference-family [data-anim]{animation:none!important}}.reference-detail{color:#262626;max-width:1200px;min-height:100vh;font:400 15px/normal var(--font-body);letter-spacing:normal;background:#f9f9f9;border-inline:1px solid #26262617;margin:0 auto}.reference-detail a{color:inherit}.reference-detail>.breadcrumb-nav{z-index:auto;background:0 0;border:0;padding:clamp(24px,4vw,40px) clamp(16px,4vw,32px) 0;position:static}.reference-detail>.breadcrumb-nav .container{width:auto;max-width:none;padding:0}.reference-detail>.breadcrumb-nav ol{color:#737373;font:400 11px var(--font-body);letter-spacing:0;text-transform:none}.reference-detail>.breadcrumb-nav a{color:#737373}.reference-detail>.template-hero{background:0 0;border:0;padding:24px clamp(16px,4vw,32px) 32px}.reference-detail>.template-hero>.container{width:auto;max-width:none;padding:0}.reference-concept-detail .template-hero-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:center;gap:32px 48px}.reference-detail .template-hero .h1{color:#262626;font:600 clamp(29px, 3.4vw, 39px)/1.1 var(--font-body);letter-spacing:-.025em;text-transform:none;text-wrap:pretty;margin:0}.reference-detail .template-hero .lead{color:#404040;max-width:640px;margin-top:16px;font-size:14px;line-height:1.6}.reference-detail .template-hero .kicker,.reference-detail .reading-time{color:#737373;font:500 11px var(--font-mono);letter-spacing:.04em}.reference-detail .reading-time{margin:10px 0 0}.reference-detail .template-hero .reading-time{width:max-content;max-width:100%;box-shadow:none;background:0 0;border:0;flex-wrap:wrap;gap:8px 12px;padding:0;display:flex}.reference-detail-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.reference-detail-actions :is(a){color:#262626;border:2px solid #262626;border-radius:10px;align-items:center;min-height:44px;padding:11px 20px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.reference-detail-actions a:first-child{color:#fff;box-shadow:none;background:#f64709;border-color:#f64709}.reference-detail-actions a:first-child:hover{box-shadow:none;background:#f64709}.reference-detail-actions a:last-child:hover{background:#e0e0e0;border-color:#e0e0e0}.reference-detail .template-card,.reference-detail .scenario-hero-mascot,.reference-detail .scenario-hero-banner{box-shadow:none;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.reference-concept-detail .concept-hero-card{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,#efe8dc 0 12px,#f2f2f2 12px 24px)}.reference-concept-detail .concept-hero-frame{background:0 0;height:100%;min-height:0;padding:0}.reference-concept-detail .concept-hero-frame img{object-fit:cover;filter:grayscale();width:100%;height:100%;opacity:.18!important}.reference-concept-detail .template-card-row{display:none}.reference-detail>.container{width:auto;max-width:none;margin-inline:clamp(16px,4vw,32px);padding:0}.reference-detail .scenario-callout{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:16px}.reference-detail .page-layout-wide{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;padding-top:16px;padding-bottom:clamp(48px,7vw,80px)}.reference-detail .article{flex-direction:column;gap:40px;display:flex}.reference-detail .article-section{border:0;padding:0;scroll-margin-top:84px}.reference-detail .article-section>.eyebrow{color:#f64709;font:500 11px var(--font-mono);letter-spacing:.04em;margin-bottom:12px}.reference-detail .article-section>h2{color:#262626;font:600 clamp(19px, 2.2vw, 23px)/1.25 var(--font-body);letter-spacing:-.015em;text-transform:none;margin:0 0 12px}.reference-detail .article-section>h3{color:#262626;font-family:var(--font-body);text-transform:none;letter-spacing:normal}.reference-detail .article-section .copy{color:#262626;font-size:15px;line-height:1.6}.reference-detail :is(.accordion,.component-card,.budget-card,.build-step,.quiz-block,.false-positive-item){box-shadow:none;background:#fff;border-color:#e5e5e5;border-radius:8px}.reference-detail :is(.callout,.scenario-meta-strip){box-shadow:none;border-radius:8px}.reference-detail .side-rail{gap:16px;top:84px}.reference-detail .rail-card{box-shadow:none;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px}.reference-detail .rail-card.dark{background:#262626;border-color:#262626}.reference-detail .rail-card h3{color:inherit;font:600 15px var(--font-body);letter-spacing:0;text-transform:none}.reference-detail .domain-pager{border-top:1px solid #e5e5e5;margin-top:40px;padding-top:20px}.reference-detail .concept-footer{color:#737373}.reference-scenario-detail .scenario-hero-stack{gap:0}.reference-scenario-detail .scenario-hero-top{display:block}.reference-scenario-detail .scenario-hero-text{max-width:680px}.reference-scenario-detail .scenario-domain-kicker{align-items:center;gap:8px;display:inline-flex}.reference-scenario-detail .scenario-plainenglish-inline{color:#404040;max-width:640px;margin:16px 0 0;font-size:14px;line-height:1.6}.reference-scenario-detail :is(.scenario-hero-mascot,.scenario-hero-banner),.reference-scenario-detail .template-hero :is(.reading-time,.lead),.reference-scenario-detail .template-hero :is(.badge-row,.scenario-source-row,.scenario-meta-strip){display:none}.reference-scenario-outcomes{margin-bottom:16px}.reference-concept-detail .template-hero-grid>div:first-child{flex-direction:column;display:flex}.reference-concept-detail .template-hero-grid .kicker{order:1}.reference-concept-detail .template-hero-grid .reading-time{order:2}.reference-concept-detail .template-hero-grid .h1{order:3;margin-top:16px}.reference-concept-detail .template-hero-grid .lead{order:4}.reference-concept-detail .template-hero-grid .reference-detail-actions{order:5}.reference-concept-detail .template-hero-grid .badge-row{order:6}.reference-concept-detail .template-hero-grid .concept-mastery{order:7}.reference-outcomes,.reference-ai-panel,.reference-facts{border-radius:12px;margin-inline:clamp(16px,4vw,32px)}.reference-facts{background:#fff;border:1px solid #e5e5e5;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:16px 24px;margin-bottom:16px;padding:16px 20px;display:grid}.reference-facts div{flex-direction:column;gap:4px;display:flex}.reference-facts span{color:#8c8c8c;font:500 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.reference-facts strong{font:600 15px/1.3 var(--font-body)}.reference-outcomes{background:#fff;border:1px solid #e5e5e5;padding:18px 20px}.reference-outcomes>div{color:#8c8c8c;font:500 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.reference-outcomes ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.reference-outcomes li{grid-template-columns:20px 1fr;gap:12px;font-size:15px;line-height:1.5;display:grid}.reference-outcomes li:before{content:"✓";color:#fff;background:#3fa34d;border-radius:50%;place-items:center;width:16px;height:16px;margin-top:4px;font-size:9px;font-weight:700;display:grid}.reference-ai-panel{color:#fff;background:#262626;margin-top:16px;padding:clamp(20px,3vw,28px)}.reference-ai-panel>.reference-overline{color:#f64709}.reference-ai-panel>h2{color:#fff;font:600 clamp(19px, 2.2vw, 23px)/1.25 var(--font-body);letter-spacing:-.015em;margin:8px 0 0}.reference-ai-panel .coach-prompts>p{max-width:640px;color:#bdbdbd!important;margin:8px 0 14px!important;font-size:13px!important;line-height:1.5!important}.reference-ai-panel .coach-prompts>ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px!important;display:grid!important}.reference-ai-panel .coach-prompts li{color:#fff;background:#333;min-width:0;border-color:#444!important;border-radius:8px!important;align-items:flex-start!important;padding:16px!important}.reference-ai-panel .coach-prompts li>div{flex-basis:100%!important}.reference-ai-panel .coach-prompts li>div>div:last-child{color:#bdbdbd!important}.reference-ai-panel .coach-prompts button{color:#f64709;min-height:32px;box-shadow:none;background:0 0;border:0;padding:0}.reference-primitives-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;display:grid}.reference-primitives-grid>a{background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;gap:8px;min-height:120px;padding:14px;display:flex}.reference-primitives-grid>a:hover{color:#262626;border-color:#f64709}.reference-primitives-grid span{color:#8c8c8c;font:500 10px var(--font-mono)}.reference-primitives-grid strong{font:600 13px var(--font-body)}.reference-primitives-grid small{color:#737373;font-size:11px;line-height:1.4}@media (max-width:899px){.reference-detail .page-layout-wide{grid-template-columns:minmax(0,1fr);gap:32px}.reference-detail .side-rail{flex-direction:column;display:flex;position:static}.reference-ai-panel .coach-prompts>ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.reference-detail>.breadcrumb-nav,.reference-detail>.template-hero{padding-top:20px}.reference-detail .page-layout-wide{margin-inline:16px}.reference-detail-actions{flex-direction:column}.reference-detail-actions a{justify-content:center;width:100%}.reference-detail .article{gap:32px}.reference-detail .side-rail{display:flex}.reference-detail .mobile-toc{width:100%;max-width:100%;margin-inline:0;padding-inline:0}.reference-ai-panel .coach-prompts>ul{grid-template-columns:1fr}}.reference-route-family{background:#f9f9f9;min-height:100vh}.reference-anchor-alias{pointer-events:none;width:0;height:0;position:absolute}.reference-route-family>.breadcrumb-nav{border:0;background:0 0;border-inline:1px solid #26262617;max-width:1200px;margin:0 auto;padding:clamp(24px,4vw,40px) clamp(16px,4vw,32px) 0;position:static}.reference-route-family>.breadcrumb-nav .container{width:auto;max-width:none;padding:0}.reference-route-family>.template-hero,.reference-route-family>.section{background:0 0;border-inline:1px solid #26262617;max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}.reference-route-family>.section .container,.reference-route-family>.template-hero .container{width:auto;max-width:none;padding-inline:0}.reference-route-family>.section :is(.card,.accordion,.callout),.reference-route-family>.template-hero :is(.template-card,.card){box-shadow:none;border-radius:12px}
