html{scroll-behavior:smooth;scroll-padding-top:30px}.design-document{background:#f7f7f0;color:#344538}.design-header{height:auto;min-height:103px;padding:24px 0;max-width:1080px;margin:0 auto;border-bottom:1px solid #dce3d2;display:flex;justify-content:space-between;align-items:center}.design-header .brand{letter-spacing:2px;font-size:25px}.design-header .brand img{border-radius:13px}.back-link{font-size:12px;color:#718663;padding:8px 0;border-bottom:1px solid #d3dec7}.design-main{max-width:1080px;margin:0 auto;min-height:0}.design-hero{padding:78px 0 52px}.design-hero .eyebrow{margin-bottom:24px;color:#8c9c7b}.design-hero h1{font-size:56px;line-height:1.45;letter-spacing:1px;margin-bottom:26px;color:#3f5935}.hero-lead{font-size:16px;line-height:2;color:#7b8b6d;max-width:720px}.design-meta{display:flex;gap:10px 22px;flex-wrap:wrap;margin:26px 0;color:#94a181;font-size:11px}.design-actions{display:flex;gap:13px;margin-top:30px}.design-actions .primary{background:#607c4c;border-radius:9px;padding:12px 20px;font-size:12px;display:flex;gap:35px}.design-actions .secondary{border:1px solid #d4dfc7;border-radius:9px;padding:12px 20px;font-size:12px;color:#7e926c}.design-toc{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0;padding:22px 0;border-top:1px solid #dce3d2;border-bottom:1px solid #dce3d2}.design-toc a{padding:0;color:#7a8c69;font-size:12px;border-radius:0}.design-toc a:hover{color:#36572a;background:none}.design-section{display:grid;grid-template-columns:165px minmax(0,1fr);gap:35px;padding:61px 0;border-bottom:1px solid #dce3d2}.section-number{font-size:11px;letter-spacing:1px;color:#98a68b;padding-top:8px}.section-content{max-width:800px;min-width:0}.section-content>h2{font:30px/1.6 var(--serif);color:#49623c;margin-bottom:24px;letter-spacing:.4px}.section-content>p{font-size:14px;line-height:2.1;color:#7a8a6e;margin-bottom:22px}.section-content blockquote{margin:30px 0;padding:7px 0 7px 22px;border-left:2px solid #b3c49f;color:#678452;font:23px/1.7 var(--serif)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 0}.principles strong{font-size:13px;color:#6f875c;font-weight:500}.principles p{font-size:12px;color:#96a487;line-height:1.9;margin:8px 0 0}.journey{list-style:none;padding:0;margin:30px 0 0}.journey li{display:flex;gap:23px;margin:0;padding:0 0 25px;position:relative}.journey li:not(:last-child):before{content:'';position:absolute;left:27px;top:35px;bottom:0;border-left:1px solid #dce4d2}.journey li>span{flex-shrink:0;width:56px;height:31px;border:1px solid #d7e2ca;color:#87a173;border-radius:7px;text-align:center;line-height:30px;font-size:10px;background:#f1f4e9}.journey h3{font-size:14px;font-weight:500;color:#70895c;margin:3px 0 8px}.journey p{font-size:12px;line-height:1.9;color:#96a487;margin:0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-list article{border:1px solid #dce5d0;padding:25px;border-radius:12px;background:#fbfcf7}.feature-list .main-feature{grid-column:1/-1;background:#eaf0df}.feature-list article>span,.demo-routes article>span{font-size:9px;letter-spacing:1px;color:#9cae8a}.feature-list h3{font:24px/1.5 var(--serif);color:#6b8953;margin:9px 0 12px}.feature-list p{font-size:12px;line-height:1.95;color:#90a27c;margin:0}.section-content .subheading{margin:32px 0 15px;font-size:16px;font-weight:500;color:#698157}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 32px;margin:30px 0}.context-grid h3{font-size:14px;color:#728a5f;font-weight:500;margin-bottom:10px}.context-grid p{font-size:12px;line-height:2;color:#97a58a;margin:0}.design-note{border-left:2px solid #b6c79e;background:#edf2e4;padding:21px 24px;margin-top:27px}.design-note strong{font-weight:500;font-size:13px;color:#748e60}.design-note p{font-size:12px;line-height:2;color:#98a789;margin:10px 0 0}.build-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:23px 0 30px;flex-wrap:wrap}.build-flow span{font-size:11px;color:#7d966a;border:1px solid #dae3ce;border-radius:7px;padding:9px}.build-flow b{font-weight:400;font-size:12px;color:#bac7ac}.build-list{margin:0}.build-list>div{display:grid;grid-template-columns:74px 1fr;gap:15px;border-top:1px solid #e0e7d6;padding:19px 0}.build-list dt{font-size:12px;color:#789262}.build-list dd{margin:0;font-size:12px;line-height:2;color:#95a587}.section-content .build-footnote{font-size:11px;line-height:1.9;color:#a1ad95;margin-top:20px}.demo-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:27px 0 30px}.demo-routes h3{font:20px/1.6 var(--serif);color:#738c5e;margin:9px 0 12px}.demo-routes p{font-size:12px;line-height:2;color:#97a78a;margin:0}.capability-table-wrap{overflow-x:auto}.capability-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;color:#8a9e7b}.capability-table caption{text-align:left;color:#708960;font-size:13px;margin-bottom:15px}.capability-table th,.capability-table td{padding:16px 14px;border:1px solid #dfe6d5;vertical-align:top;line-height:1.9;font-weight:400}.capability-table thead{background:#edf2e5;color:#789363}.capability-table tbody th{width:38%;color:#81976f;background:#fafbf5}.capability-table td>span{display:block;width:fit-content;margin-bottom:5px;font-size:10px;padding:1px 6px;border-radius:4px}.status-real{background:#e5eeda;color:#7b9961}.status-mock{background:#f0eadd;color:#ac966f}.design-ending{padding:76px 0 64px;text-align:center}.design-ending>img{border-radius:20px;margin-bottom:23px}.design-ending .eyebrow{font-size:9px;color:#a2b092;letter-spacing:2px}.design-ending h2{font:34px/1.5 var(--serif);color:#688251;margin:23px 0}.design-ending>p:not(.eyebrow){font-size:13px;color:#9aab88;line-height:2.1;margin-bottom:25px}.design-footer{max-width:1080px;padding:24px 0 32px;margin:0 auto;border-top:1px solid #dce3d2;display:flex;gap:20px;font-size:10px;color:#9baa8c}.design-footer>span:last-child{margin-left:auto}.design-footer a{color:#81996d}
@media(max-width:1200px){.design-header,.design-main,.design-footer{margin-left:48px;margin-right:48px}.design-section{grid-template-columns:130px minmax(0,1fr);gap:25px}}
@media(max-width:700px){.design-header,.design-main,.design-footer{margin-left:22px;margin-right:22px}.design-header{min-height:80px;padding:18px 0}.design-header .brand{font-size:23px}.design-header .brand small{font-size:8px}.design-header .back-link{font-size:11px}.design-hero{padding:44px 0 33px}.design-hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:21px}.design-hero h1{font-size:34px;line-height:1.6;margin-bottom:21px}.hero-lead{font-size:13px;line-height:2}.desktop-break{display:none}.design-meta{display:grid;gap:7px;font-size:10px;margin:22px 0}.design-actions{margin-top:26px;gap:10px}.design-actions .primary,.design-actions .secondary{font-size:11px;padding:11px 16px}.design-actions .primary{gap:18px}.design-toc{gap:14px 0;justify-content:space-between;padding:19px 0}.design-toc a{width:33.333%;font-size:11px;text-align:center}.design-section{display:block;padding:35px 0}.section-number{padding:0;font-size:10px;margin-bottom:19px}.section-content>h2{font-size:25px;line-height:1.65;margin-bottom:20px}.section-content>p{font-size:13px;line-height:2}.section-content blockquote{font-size:20px;padding-left:17px;margin:25px 0}.principles{grid-template-columns:1fr;gap:19px;margin-top:26px}.principles p{margin-top:5px}.journey li{gap:15px;padding-bottom:25px}.journey li>span{width:47px;font-size:9px}.journey li:not(:last-child):before{left:23px}.journey h3{font-size:13px;line-height:1.8;margin-top:2px}.journey p{font-size:11px}.feature-list{gap:12px;grid-template-columns:1fr}.feature-list .main-feature{grid-column:auto}.feature-list article{padding:22px}.feature-list h3{font-size:23px}.feature-list p{font-size:12px}.context-grid{grid-template-columns:1fr;gap:22px;margin:24px 0}.context-grid h3{font-size:13px}.design-note{padding:18px}.design-note strong{font-size:12px}.design-note p{font-size:11px}.build-flow{justify-content:flex-start;gap:9px;padding:10px 0 24px}.build-flow span{padding:7px;font-size:10px}.build-list>div{grid-template-columns:52px 1fr;gap:13px}.build-list dd{font-size:11px}.demo-routes{grid-template-columns:1fr;gap:23px}.demo-routes h3{margin:5px 0 8px}.capability-table{font-size:10px}.capability-table th,.capability-table td{padding:12px 10px}.capability-table tbody th{width:40%}.design-ending{padding:45px 0}.design-ending h2{font-size:26px}.design-ending>p:not(.eyebrow){font-size:11px}.design-footer{flex-wrap:wrap;gap:10px 17px;padding-top:21px}.design-footer>span:last-child{width:100%;margin-left:0}.design-document{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.section-content>h2{text-wrap:balance}