:root{--ink:#182B3A;--muted:#506474;--blue:#035EFD;--blue-hover:#0048CA;--paper:#FFFFFF;--wash:#F4F7FA;--concept:#E8F0FB;--rule:#BDCBD7;--outline:#607483;--gutter:48px;--header-height:89px}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:calc(var(--header-height) + 16px);scroll-padding-bottom:8px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.56 Arial,Helvetica,sans-serif}
.container{width:calc(100% - 2 * var(--gutter));max-width:1248px;margin-inline:auto}.composition{width:100%;margin-inline:auto}.reading{max-width:760px}.editorial{max-width:1040px}.wide{max-width:1248px}
h1,h2,h3,p,figure,ol,ul,dl,dd{margin:0}h1,h2,h3{font-weight:700;overflow-wrap:break-word}h1{font-size:48px;line-height:1.1;max-width:23ch}.page-home h1{font-size:52px;line-height:1.08;max-width:20ch}h2{font-size:34px;line-height:1.18;max-width:44ch}.reading h2{max-width:36ch}h3{font-size:23px;line-height:1.24}.hero-copy>p,.composition>p{max-width:66ch}p+p{margin-top:16px}h2+p,h3+p{margin-top:16px}[id],a{scroll-margin-top:0}a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}a:hover{color:var(--blue-hover);text-decoration:underline;text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;box-shadow:0 0 0 3px var(--paper)}main:focus{outline:none}img{display:block;max-width:100%;height:auto}div,section,article,figure,li,nav{min-width:0}[hidden]{display:none!important}
.eyebrow,.badge{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.02em;color:var(--muted);margin-bottom:12px}.caption,figcaption{font-size:16px;line-height:1.45;color:var(--muted)}.qualification{font-size:15px;line-height:1.45;color:var(--muted)}.text-action,.social-links a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:16px;line-height:1.35}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:1px solid var(--blue);border-radius:6px;padding:12px 16px;font-size:16px;line-height:1.35;font-weight:700;text-decoration:none}.button-primary{background:var(--blue);color:var(--paper)}.button-primary:hover{background:var(--blue-hover);color:var(--paper);border-color:var(--blue-hover)}.section-action{margin-top:24px}
.skip-link{position:absolute;left:16px;top:8px;z-index:60;min-height:44px;min-width:44px;padding:8px 16px;background:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--rule)}.header-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding-block:8px}.brand{display:inline-flex;align-items:center;gap:8px;justify-self:start;text-decoration:none;color:var(--ink)}.logo{width:72px;height:72px;flex-shrink:0;object-fit:contain}.brand-name{font-size:24px;line-height:1.3;font-weight:700}.registration{font-size:.45em;line-height:1;position:relative;top:-.55em;margin-left:.08em}.page-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.page-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;font-size:16px;line-height:1.35;text-decoration:none}.page-nav a[aria-current]{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:7px}.page-nav a:hover,.page-nav a:focus-visible{text-decoration:underline}
.hero{padding-block:40px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}.hero-copy .hero-lead{margin-top:16px}.hero-supporting{margin-top:16px}.hero-status{margin-top:24px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.section{padding-block:56px}.wash{background:var(--wash)}.prose-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:24px}.prose-pair>p{max-width:66ch;margin:0}.paragraph-close{margin-top:24px}.responsibilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px;padding-left:24px}.responsibilities li{border-top:1px solid var(--rule);padding-top:16px}.responsibilities li::marker{font-size:16px;font-weight:700;color:var(--muted)}.responsibilities .step-content{grid-template-columns:1fr;gap:16px}.two-outcomes,.home-outcomes,.figure-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.two-outcomes article{border-top:1px solid var(--rule);padding-top:16px}.two-outcomes h3{font-size:23px;line-height:1.24;font-weight:700}.easy-start .composition{border-top:1px solid var(--rule);padding-top:32px}
.semantic-figure{font-size:16px;line-height:1.45}.figure-title{font-size:18px;line-height:1.35;font-weight:700;margin-bottom:16px}.node-title{font-size:18px;line-height:1.35;font-weight:700}.node-body{font-size:16px;line-height:1.45;margin-top:8px}.semantic-figure>figcaption,.semantic-figure>.caption{margin-top:16px}.semantic-figure .badge{margin-bottom:12px}.home-source .node-title{font-size:16px}.home-source .node-body{margin-top:4px}.home-core{padding:24px;background:var(--concept);border-radius:12px;margin-top:16px}.home-core-intro>.node-title{font-size:24px;line-height:1.2}.home-roles{display:grid;gap:12px;margin-top:16px}.role-row dt{font-size:16px;font-weight:700}.role-row dd{font-size:16px;line-height:1.45}.home-outcome-intro{margin-top:24px}.home-outcome-intro .node-body{margin-top:4px}.home-outcome{border-top:1px solid var(--rule);padding-top:16px}.home-outcome .node-title{font-size:18px;line-height:1.35}.home-map>figcaption{font-size:15px}
.page-index{background:var(--wash);padding:16px 24px}.index-title{font-size:16px;font-weight:700}.page-index ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:4px 12px;margin-top:8px}.page-index a{display:flex;align-items:center;min-width:44px;min-height:44px;font-size:16px;line-height:1.35;padding-right:4px}
.planned-forms h2{font-size:28px;line-height:1.2}.planned-forms>p:not(.badge):not(.qualification):not(.caption){font-size:18px;line-height:1.56;margin-top:16px}.form-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.form-panel{padding:24px;background:var(--concept);border-radius:12px}.form-drawing{width:100%;max-width:180px;height:80px;object-fit:contain;margin:0 auto 16px}.form-panel h3{font-size:23px;line-height:1.24}.form-panel p{font-size:18px;line-height:1.56;margin-top:16px}.form-panel .qualification{font-size:15px;line-height:1.45}.planned-forms>.form-note{margin-top:24px}.data-copy{margin-bottom:24px}.data-materials{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr);gap:24px;align-items:start}.data-region,.data-access{border:1.5px solid var(--outline);padding:24px;border-radius:12px}.data-access{background:var(--concept)}.data-account-lane{border-top:1px solid var(--rule);padding-top:24px;margin-top:24px}.data-signin{margin-bottom:16px}.data-service{background:var(--paper)}
.experience-figure{margin-top:24px}.sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px;background:var(--concept);border-radius:12px;margin-top:24px;list-style-position:inside}.sequence li{position:relative;padding:16px;border:1.5px solid var(--outline);border-radius:12px;background:var(--paper)}.sequence li::marker{font-size:16px;font-weight:700}.sequence li>.node-title{margin-top:8px}.sequence li:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:24px;border-top:1.5px solid var(--outline)}.sequence li:not(:last-child)::before{content:"";position:absolute;left:calc(100% + 18px);top:calc(50% - 3px);width:6px;height:6px;border-top:1.5px solid var(--outline);border-right:1.5px solid var(--outline);transform:rotate(45deg)}.narrative-steps{padding-left:28px;margin-top:32px}.narrative-steps li{padding-block:24px;border-top:1px solid var(--rule)}.narrative-steps li::marker{font-size:18px;font-weight:700;color:var(--muted)}.step-content{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr);gap:32px}.step-content p{margin-top:0;max-width:66ch}.product-outcomes article{padding:24px;border:1.5px solid var(--outline);border-radius:12px;background:var(--paper)}.product-outcomes article:first-child{background:var(--concept)}.closing-note{margin-top:24px}.faq-list{margin-top:24px}.faq-list article{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:32px;padding-block:24px;border-top:1px solid var(--rule)}.faq-list p{margin-top:0}
.preview-criteria{padding:16px;background:var(--wash);display:grid;gap:12px;list-style:none}.preview-criterion{font-size:18px;line-height:1.35;font-weight:700;margin:0}.preview-work{font-size:24px;line-height:1.2;font-weight:700;padding:24px;background:var(--concept);border-radius:12px;margin-top:24px}.preview-decision{font-size:18px;line-height:1.35;font-weight:700;border:1.5px solid var(--outline);padding:16px;border-radius:12px;margin-top:16px}.figure-outcome{padding:16px;border:1.5px solid var(--outline);border-radius:12px;background:var(--paper)}.figure-outcome:last-child{background:var(--concept)}.next-use{margin-top:24px;padding:24px;background:var(--wash);border-radius:12px}.criteria-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin-top:24px;list-style:none}.criterion{border-top:1px solid var(--rule);padding-top:16px}.episode-figure{margin-top:32px}.episode-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;align-items:start}.episode-pair>div{padding:24px;border:1.5px solid var(--outline);border-radius:12px}.episode-work,.episode-retained{background:var(--concept)}.episode-work .node-title{font-size:24px;line-height:1.2}.dependency-chain{background:var(--paper)}.story-steps{margin-top:40px}
.research-record{border:1.5px solid var(--outline);border-radius:12px;padding:24px;margin-top:24px}.research-record h3{font-size:18px;line-height:1.35}.research-record .caption{margin-top:12px}.result-record{margin-top:24px}.result-row{display:grid;grid-template-columns:minmax(0,28fr) minmax(0,72fr);gap:24px;border-top:1px solid var(--rule);padding-block:16px}.result-row:last-child{padding-bottom:0}.result-row dt{font-size:16px;font-weight:700;line-height:1.45}.result-row dd{font-size:18px;line-height:1.56;max-width:62ch}.brief-chapter{padding-bottom:0}.next-chapter{padding-top:32px}.foundation-build{padding-bottom:0}.task-chapter{padding-top:32px}
.settings-list{margin-top:24px}.setting{border-top:1px solid var(--rule);padding-top:40px;margin-top:40px}.setting:first-child{margin-top:0}.setting .eyebrow{margin-bottom:8px}.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;margin-top:24px}.task-output{margin-top:16px}.task-figure{padding:16px;background:var(--wash);border-radius:12px}.task-cell{padding:16px;border:1.5px solid var(--outline);border-radius:12px;background:var(--paper);margin-top:12px}.task-cell p{font-size:16px;line-height:1.45;margin:0}.task-cell .task-label{font-weight:700;margin-bottom:8px}.task-cell .qualification{font-size:15px;line-height:1.45;margin-bottom:8px}.task-unknown{background:var(--wash)}.task-retained{background:var(--concept)}.task-outcome-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.journey-item{border-top:1px solid var(--rule);padding-top:16px}.about-story{padding-top:32px}.about-follow{padding-top:32px}.social-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:16px}.page-next{padding-block:32px}.contact-band{background:var(--concept);padding-block:40px}.contact-band h2{font-size:28px;line-height:1.2}.site-footer{padding-block:40px;border-top:1px solid var(--rule)}.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 40px}.footer-identity p+p{margin-top:8px}.footer-navigation>.page-nav a:first-child{padding-left:0}.footer-navigation>.social-links{display:grid;gap:0;justify-items:start;margin-top:12px}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);padding-top:16px}.not-found{padding-block:56px}.not-found h1+p{margin-top:16px}
@media(max-width:1279px){:root{--gutter:32px}}
@media(max-width:1099px){h1{font-size:42px;line-height:1.12}.page-home h1{font-size:44px;line-height:1.1}h2{font-size:30px;line-height:1.2}h3,.two-outcomes h3,.form-panel h3{font-size:22px;line-height:1.25}.hero{padding-block:32px}.section{padding-block:48px}.hero-grid{grid-template-columns:1fr;gap:32px}.home-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.responsibilities,.criteria-group,.journey-strip{grid-template-columns:1fr;gap:24px}.sequence{grid-template-columns:1fr}.sequence li:not(:last-child)::before,.sequence li:not(:last-child)::after{display:none;content:none;border:0}.setting-grid{grid-template-columns:1fr}}
@media(max-width:1023px){:root{--gutter:24px}}
@media(max-width:899px){.home-hero-grid,.prose-pair,.step-content,.faq-list article,.data-materials,.episode-pair{grid-template-columns:1fr}.prose-pair{gap:16px}.step-content,.faq-list article{gap:12px}.home-map{width:100%;max-width:760px;margin-inline:auto}}
@media(max-width:767px){:root{--gutter:20px;--header-height:119px}h1{font-size:34px;line-height:1.14}.page-home h1{font-size:36px;line-height:1.12}h2{font-size:28px;line-height:1.2}.hero{padding-block:24px 32px}.section{padding-block:40px}.header-row{grid-template-columns:1fr auto;gap:4px 8px}.logo{width:54px;height:54px}.brand-name{font-size:22px}.header-contact{grid-column:2;grid-row:1;padding-inline:12px;font-size:15px}.header-row>.page-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:0}.page-nav a{font-size:15px;line-height:1.4;padding-inline:8px}.page-index{padding:16px}.home-core,.form-panel,.sequence,.product-outcomes article,.data-region,.data-access,.episode-pair>div,.research-record,.next-use{padding:20px}.result-row{grid-template-columns:1fr;gap:8px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{grid-column:auto;align-items:start}}
@media(max-width:599px){.home-outcomes,.form-panels,.two-outcomes,.figure-outcomes,.task-outcome-pair{grid-template-columns:1fr}}
@media(max-width:359px){:root{--gutter:16px}.page-home h1{font-size:34px}h1{font-size:32px}.brand{gap:4px}.brand-name{font-size:20px}.header-contact{padding-inline:8px}.page-nav a{padding-inline:7px}}
.brief-chapter,.foundation-build{padding-bottom:0}.next-chapter,.task-chapter{padding-top:32px}
@media(max-height:519px){html{scroll-padding-top:16px}.site-header{position:static}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
