:root{--bg:#f7f5ef;--paper:#fffefb;--ink:#153c3e;--muted:#6f807c;--line:#dce2d9;--teal:#28776c;--mint:#e5eee2;--orange:#b9693e;--peach:#f4e5d5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.08}h1{font-size:clamp(44px,6vw,84px)}h2{font-size:40px}h3{font-size:19px;letter-spacing:-.035em}p,.muted{color:var(--muted)}small,.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:var(--teal);font-weight:700;margin-bottom:16px}.container{max-width:1440px;padding:0 48px;margin:auto}header{height:88px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand .muted{font-weight:400}.bean{display:inline-block;width:26px;height:34px;background:var(--teal);border-radius:60% 40% 55% 45%;transform:rotate(30deg);position:relative}.bean:after{content:'';position:absolute;left:12px;top:0;bottom:0;border-left:3px solid var(--bg);transform:rotate(12deg)}header nav{display:flex;gap:28px;flex:1}header nav a{font-size:13px;color:var(--muted);padding:12px 0}header nav a.on{color:var(--ink);box-shadow:0 2px var(--ink)}.badge{font-size:11px;border:1px solid var(--line);padding:5px 10px;border-radius:30px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:white;border-radius:30px;padding:13px 22px;font-size:13px}.btn.soft{background:var(--mint);color:var(--ink)}.btn.line{border:1px solid var(--line);background:transparent;color:var(--ink)}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:470px;gap:40px;padding:42px 0}.hero p{max-width:410px;margin:23px 0;font-size:17px}.hero-art{height:365px;position:relative;display:flex;justify-content:center;align-items:center}.hero-art:before{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:#e7eddc}.hero-art img{position:relative;height:350px;transform:rotate(7deg);filter:drop-shadow(0 18px 20px #25383112)}.float-note{position:absolute;bottom:25px;left:0;background:var(--paper);padding:12px 18px;border-radius:15px;box-shadow:0 8px 30px #153c3e0c;font-size:12px}.float-note span{color:var(--teal)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:35px 0 22px;gap:20px}.paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path{border:1px solid var(--line);border-radius:22px;padding:27px;background:var(--paper);transition:transform .2s}.path:hover{transform:translateY(-4px)}.path:first-child{background:var(--mint)}.path:last-child{background:var(--peach)}.path h3{font-size:25px;margin:15px 0 4px}.path p{font-size:13px}.path-top{display:flex;justify-content:space-between}.path-art{height:100px;display:flex;justify-content:center;align-items:center;gap:6px}.slab{width:62px;height:50px;border:1px solid #718d794d;border-radius:9px;background:#ffffff70;transform:skewY(-14deg);box-shadow:0 8px 0 #c4d3bd}.slab:nth-child(2){margin-top:-20px}.slab:nth-child(3){margin-top:-40px}.mini-screen{width:215px;height:94px;border:1px solid #a8958366;border-radius:9px;background:#fff9f3;display:grid;grid-template-columns:35px 1fr;overflow:hidden}.mini-screen aside{background:#dedccf}.mini-tiles{padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mini-tiles i{background:#c5d2b9;border-radius:3px}.mini-tiles i:nth-child(2n){background:#e7be9d}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.example{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:23px;text-align:left}.example .num{font-size:11px;color:var(--orange)}.example h3{margin:20px 0 8px}.example p{font-size:13px}.example .go{display:block;margin-top:22px;font-size:12px;color:var(--teal)}footer{padding:30px 0;border-top:1px solid var(--line);margin-top:55px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:25px}.page-title{margin:36px 0 27px}.page-title h1{font-size:48px}.page-title p{margin-top:14px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px}.toolbar input{padding:11px 15px;border:1px solid var(--line);background:var(--paper);border-radius:10px;flex:1;min-width:0}.toolbar select{padding:11px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.architecture{display:flex;flex-direction:column;gap:12px}.layer-row{display:grid;grid-template-columns:170px 1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--paper)}.layer-label{padding:22px;background:var(--mint)}.layer-label strong{display:block;font-size:19px;letter-spacing:-.03em;margin:9px 0}.layer-label p{font-size:12px}.layer-row:nth-child(2) .layer-label{background:#e7ebef}.layer-row:nth-child(3) .layer-label{background:var(--peach)}.layer-row:nth-child(4) .layer-label{background:#eee8ef}.layer-row:nth-child(5) .layer-label{background:#e9e6d6}.group-wrap{display:flex;gap:9px;padding:14px;flex-wrap:wrap}.group{border:1px solid var(--line);border-radius:10px;padding:10px;flex:1;min-width:155px}.group-title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.block-chip{display:block;width:100%;text-align:left;border-radius:6px;padding:6px 7px;background:transparent;font-size:12px}.block-chip:hover{background:var(--mint);color:var(--teal)}.screen-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px}.screen-nav button{background:transparent;padding:12px;display:block;width:100%;text-align:left;border-radius:10px;font-size:13px}.screen-nav button.on{background:var(--mint);font-weight:600}.screen-nav p{font-size:11px;padding:15px 12px}.screen-shell{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.screen-cap{padding:13px 18px;background:var(--mint);font-size:12px;display:flex;justify-content:space-between;gap:10px}.frame-holder{width:100%;position:relative;overflow:hidden;background:#fff}.frame-holder iframe{width:1280px;height:820px;transform-origin:0 0;border:0;position:absolute;inset:0}.control-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.control-list button{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:9px 16px;font-size:12px}.control-list button:hover{background:var(--mint)}.screen-note{margin-top:15px;font-size:12px}.detail-head{max-width:850px;margin:35px 0}.detail-head h1{font-size:52px}.detail-head p{font-size:17px;max-width:630px;margin-top:17px}.back{font-size:12px;color:var(--teal);display:inline-block;margin-top:25px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.flow-panel{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:26px}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.panel-top h3{font-size:18px}.flow-nodes{display:flex;flex-direction:column;max-width:620px;margin:auto}.flow-node{padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:grid;grid-template-columns:32px 1fr;gap:14px;text-align:left;width:100%;transition:background .2s,box-shadow .2s}.flow-node.active{background:var(--mint);border-color:var(--teal);box-shadow:0 0 0 3px #28776c12}.step-no{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:11px;color:var(--teal)}.flow-node small{color:var(--muted);font-size:9px}.flow-node strong{display:block;font-size:15px;font-weight:550}.flow-node p{font-size:12px;margin-top:4px}.connector{height:26px;display:grid;place-items:center;color:#9aac9f;font-size:17px}.detail-aside{display:flex;flex-direction:column;gap:15px}.side-card{border:1px solid var(--line);border-radius:17px;padding:21px;background:var(--paper)}.side-card.warm{background:var(--peach)}.side-card h3{font-size:17px;margin:8px 0}.side-card p{font-size:13px}.side-card select{width:100%;margin:12px 0;background:var(--paper);border:1px solid #cdbca6;padding:10px;border-radius:8px;color:var(--ink)}.answer{padding:13px;border-radius:9px;background:#fff9;font-size:13px;margin-top:10px}.detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:22px 0}.detail-tabs button{background:none;padding:10px 0;font-size:13px}.detail-tabs button.on{box-shadow:0 2px var(--teal)}code{font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--teal)}details{margin-top:15px;border-top:1px solid var(--line);padding-top:13px;font-size:12px}summary{cursor:pointer;color:var(--teal)}details p{margin-top:12px;font-size:12px}.source-link{display:block;text-decoration:underline;margin-top:10px;font-size:12px}.empty{padding:30px;text-align:center}.module-lead{padding:24px;border-radius:16px;background:var(--mint);margin:20px 0}.module-lead p{max-width:850px}.tiny{font-size:11px;color:var(--muted)}.route-label{font:10px ui-monospace,monospace;color:var(--muted);margin-bottom:20px}.spaced{margin-top:28px}.step-explain{min-height:85px}.hidden{display:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:950px){.container{padding:0 24px}.hero{gap:15px}.hero-art:before{width:240px;height:240px}.hero-art img{height:280px}.detail-grid{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr}.layer-row{grid-template-columns:140px 1fr}header{gap:22px}header nav{gap:18px}.badge{display:none}}@media(max-width:620px){.container{padding:0 17px}header{height:auto;min-height:90px;flex-wrap:wrap;gap:3px;padding:14px 0}header nav{order:2;flex-basis:100%;gap:24px}.brand{font-size:21px}.hero{grid-template-columns:1fr;padding:32px 0 15px}.hero-art{height:235px}.hero-art img{height:245px}.hero-art:before{width:210px;height:210px}.float-note{left:12px;bottom:0}.paths,.examples,.detail-aside{grid-template-columns:1fr}.section-head h2{font-size:30px}.layer-row{grid-template-columns:1fr}.layer-label{padding:13px 17px;display:flex;align-items:center;gap:15px}.layer-label strong{margin:0}.layer-label p{margin-left:auto;font-size:11px}.screen-layout{grid-template-columns:1fr}.screen-nav{display:flex;overflow:auto}.screen-nav button{min-width:max-content}.screen-nav p{display:none}.page-title h1,.detail-head h1{font-size:38px}.flow-panel{padding:16px}.toolbar{flex-wrap:wrap}.screen-cap{font-size:10px}.screen-cap span:last-child{display:none}.panel-top{flex-wrap:wrap}}
/* Visual refinement: a clear hierarchy, restrained colour, progressive disclosure. */
header{position:relative}.page-title{margin-top:48px}.page-title p{max-width:650px}.layer-row{border-radius:20px;box-shadow:0 3px 12px #153c3e03}.group-wrap{padding:18px;gap:13px}.group{background:#f8f9f4;border-color:#e3e8de;padding:13px;min-width:180px}.group-title{font-weight:650;letter-spacing:.07em;min-height:28px;line-height:1.4}.block-chip{background:var(--paper);margin-top:5px;border:1px solid transparent;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.4}.block-chip:hover{border-color:#adc9b7;background:#eef4e9}.block-chip-name{min-width:0}.block-chip-meta{display:inline-flex;align-items:center;gap:8px;color:var(--teal);opacity:.72;white-space:nowrap}.block-chip-meta small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.block-chip-meta span{color:var(--teal);opacity:.7}.layer-label{border-right:1px solid #153c3e09}.layer-label small{color:#60766a}.flow-node:not(.active) p{display:none}.flow-node.active{padding:20px 18px}.flow-node{min-height:76px}.flow-node strong{font-size:16px}.flow-node p{line-height:1.6;margin-top:8px}.step-no{border:1px solid var(--line)}.flow-node.active .step-no{background:var(--teal);color:white;border-color:var(--teal)}.flow-panel{box-shadow:0 8px 35px #153c3e04}.flow-panel .connector{height:32px}.side-card{border-radius:20px}.screen-shell{box-shadow:0 15px 35px #153c3e08}.control-list button{border-radius:10px;min-height:44px}.screen-nav button{border-left:3px solid transparent;border-radius:0 9px 9px 0}.screen-nav button.on{border-left-color:var(--teal)}.flow-node:focus-visible p{display:block}.example:hover{border-color:#a9c3ad}.hero .btn:hover{background:var(--teal)}.layer-label strong{font-weight:550}.tiny,.screen-note{color:#63716a}@media(min-width:1000px){.detail-aside{align-self:start;position:sticky;top:24px}}@media(max-width:620px){.group-wrap{padding:12px}.group{min-width:140px}.layer-label{border-right:0;border-bottom:1px solid #153c3e09}.page-title{margin-top:30px}.flow-node.active{padding:16px}.control-list button{width:100%;text-align:left;justify-content:start}}
.archive-legend{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.archive-legend span{padding:9px 13px;background:var(--mint);border-radius:8px;font-size:12px}.archive-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:24px;align-items:start}.archive-inspector{display:grid;gap:14px;position:sticky;top:20px;min-width:0}.archive-inspector>*{min-width:0}.archive-inspector .tiny{overflow-wrap:anywhere}.archive-grid .flow-node p{display:block;font-size:13px}.branch{margin:10px 0 0 48px;border-left:2px solid #c6936a;padding:8px 12px;font-size:12px;background:#faf0e4;border-radius:0 8px 8px 0;color:#7b5337}.io{display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:13px;margin:18px 0}.io dt{font-weight:700;color:var(--teal)}.io dd{margin:0}pre{background:#142e30;border-radius:11px;padding:17px;overflow:auto;max-width:100%;min-width:0;margin:15px 0}pre code{color:#d5eadc;font-size:12px;line-height:1.7;white-space:pre}.archive-inspector pre code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.source-audit{margin-top:30px}.archive-grid .side-card details{margin-top:8px}@media(max-width:850px){.archive-grid{grid-template-columns:1fr}.archive-inspector{position:static}.archive-grid .flow-nodes{max-width:none}}@media(max-width:620px){.branch{margin-left:20px}.archive-legend{gap:6px}.archive-legend span{font-size:10px}}
.screen-explanation{margin-top:20px;padding:24px;background:var(--mint);border:1px solid #bacdb7;border-radius:18px;display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.screen-explanation .eyebrow{margin-bottom:8px}.screen-explanation h3{font-size:23px}.screen-explanation p{font-size:13px;margin:8px 0}.screen-explanation .btn{grid-column:1/-1;justify-self:start}.control-list .selected{border-color:var(--teal);background:var(--mint)}@media(max-width:620px){.screen-explanation{grid-template-columns:1fr;padding:18px}}
.inline-link{display:inline;margin-left:8px}.interface-page{padding:36px 0 80px}.interface-actions{display:flex;align-items:center;gap:18px;margin:24px 0}.interface-map-panel{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:24px;box-shadow:0 8px 28px #153c3e06}.interface-panel-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}.interface-panel-head h2{font-size:28px;margin-top:7px}.interface-panel-head p{max-width:390px;font-size:13px}.interface-svg{display:block;width:100%;height:auto;min-height:390px;overflow:visible}.interface-svg marker path{fill:var(--ink)}.interface-node rect{fill:#f4f7f1;stroke:#b9c9bb;stroke-width:2}.interface-node.memory rect{fill:#f7f1e5;stroke:#c7b88a}.interface-node-label{font:600 19px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:var(--ink)}.interface-node-sub{font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:var(--muted)}.interface-axis-label{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;fill:var(--muted);text-transform:uppercase}.interface-edge path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.82;transition:stroke-width .15s,opacity .15s}.interface-edge circle{stroke-width:2;transition:r .15s}.interface-edge text{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.interface-edge.contract path{stroke:#28776c}.interface-edge.contract circle{fill:#e1f0e9;stroke:#28776c}.interface-edge.contract text{fill:#28776c}.interface-edge.data path{stroke:#456ca1}.interface-edge.data circle{fill:#e8eef9;stroke:#456ca1}.interface-edge.data text{fill:#456ca1}.interface-edge.ownership path{stroke:#b36532;stroke-dasharray:10 8}.interface-edge.ownership circle{fill:#f9eadc;stroke:#b36532}.interface-edge.ownership text{fill:#8a4e28}.interface-edge.evidence path{stroke:#747633}.interface-edge.evidence circle{fill:#f0efd9;stroke:#747633}.interface-edge.evidence text{fill:#65652e}.interface-edge:hover path,.interface-edge:focus path,.interface-edge.selected path{stroke-width:7;opacity:1}.interface-edge:hover circle,.interface-edge:focus circle,.interface-edge.selected circle{r:17}.interface-legend{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:16px;margin-top:6px;font-size:12px;color:var(--muted)}.interface-legend span{display:inline-flex;align-items:center;gap:7px}.interface-legend i{display:inline-block;width:20px;height:4px;border-radius:4px;background:#28776c}.interface-legend i.data{background:#456ca1}.interface-legend i.ownership{background:#b36532}.interface-legend i.evidence{background:#747633}.interface-detail{margin-top:24px;border:1px solid var(--line);border-radius:20px;background:var(--mint);padding:26px}.interface-detail-heading{border-bottom:1px solid #c7d7c8;padding-bottom:18px;margin-bottom:20px}.interface-detail-heading h2{font-size:34px;margin:7px 0}.interface-detail-heading p{font-size:13px}.interface-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.interface-detail h3{font-size:17px;margin:0 0 12px}.interface-detail dl{margin:0;display:grid;gap:12px}.interface-detail dl div{display:grid;grid-template-columns:95px 1fr;gap:16px;border-bottom:1px solid #cfe0d0;padding-bottom:10px}.interface-detail dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-weight:700}.interface-detail dd{margin:0;font-size:13px;color:var(--ink)}.interface-detail aside{border-left:1px solid #c7d7c8;padding-left:24px}.interface-detail aside p{font-size:13px;margin-bottom:20px}.interface-block-links{display:flex;flex-direction:column;gap:8px}.interface-block-links a,.interface-block-links span{font-size:12px;color:var(--teal);text-decoration:underline}.interface-note{margin-top:24px;border-left:5px solid var(--orange);border-radius:12px;background:var(--peach);padding:20px 24px}.interface-note strong{font-size:16px}.interface-note p{font-size:13px;margin:8px 0 12px;max-width:800px}.interface-note a{font-size:12px;color:#7e4c30;text-decoration:underline}@media(max-width:850px){.interface-panel-head{display:block}.interface-panel-head p{margin-top:10px}.interface-detail-grid{grid-template-columns:1fr}.interface-detail aside{border-left:0;border-top:1px solid #c7d7c8;padding:20px 0 0}.interface-svg{min-width:720px}.interface-map-panel{overflow:auto}}@media(max-width:620px){.interface-page{padding-top:24px}.interface-actions{align-items:flex-start;flex-direction:column}.interface-map-panel{padding:16px}.interface-detail{padding:20px 17px}.interface-detail-heading h2{font-size:28px}.interface-detail dl div{grid-template-columns:1fr;gap:4px}.interface-note{padding:17px}.interface-svg{min-width:720px}}
.sequence-scroll{overflow-x:auto}.sequence-scroll svg{display:block;width:100%;min-width:700px}.engineering-article{max-width:950px;margin:40px auto}.engineering-article h2{font-size:30px;margin:35px 0 20px}.engineering-article h3{margin:24px 0 12px}.engineering-article p{line-height:1.8;margin:14px 0}.transition{margin-top:22px;border:1px solid var(--line);border-left:5px solid;padding:22px;border-radius:10px;background:var(--paper)}.layer-row:nth-child(1) .layer-label{box-shadow:inset 5px 0 #2c7863}.layer-row:nth-child(2) .layer-label{box-shadow:inset 5px 0 #456ca1}.layer-row:nth-child(3) .layer-label{box-shadow:inset 5px 0 #b36532}.layer-row:nth-child(4) .layer-label{box-shadow:inset 5px 0 #865c9d}.layer-row:nth-child(5) .layer-label{box-shadow:inset 5px 0 #747633}
.walk-crumb{margin:26px 0;font-size:12px;color:var(--teal)}.walk-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start}.walk-canvas{background:radial-gradient(#ced7ca 1px,transparent 1px);background-size:18px 18px;border:1px solid var(--line);border-radius:20px;padding:24px}.walk-canvas-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.walk-map{max-width:430px;margin:auto}.walk-node{display:flex;flex-direction:column;border:1px solid var(--line);border-left:6px solid var(--owner);border-radius:12px;background:var(--paper);padding:18px 22px;box-shadow:0 5px 14px #153c3e05}.walk-node.selected{outline:2px solid var(--owner);outline-offset:3px}.walk-node small{color:var(--owner);font-weight:700}.walk-node strong{font-size:20px;margin:5px 0}.walk-node span{color:var(--muted);font-size:13px}.walk-node b{font-size:11px;color:var(--teal);margin-top:10px}.walk-edge{text-align:center;padding:8px;color:#728575;font-size:13px}.walk-detail{display:grid;gap:15px;position:sticky;top:20px}.walk-photo{width:170px;margin:15px 0}.walk-boundary{border:1px dashed #b78561;background:#fff7ed;padding:15px;border-radius:10px;font-size:12px;margin-top:25px;color:#79543c}.walk-hit{text-align:right;font-size:11px;color:var(--teal);padding:9px 0}.walk-hit span{background:var(--mint);padding:3px 8px;border-radius:12px}@media(max-width:800px){.walk-layout{grid-template-columns:1fr}.walk-detail{position:static}.walk-canvas{padding:18px}}
.traceability-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 26px;padding:14px 17px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-size:12px;color:var(--muted)}.traceability-strip strong{color:var(--ink);margin-right:6px}.traceability-strip span{padding-left:12px;border-left:1px solid var(--line)}.traceability-strip b{color:var(--teal);font-size:14px}.traceability-strip a{margin-left:auto;color:var(--teal);text-decoration:underline}@media(max-width:620px){.traceability-strip{align-items:flex-start;flex-direction:column;gap:8px}.traceability-strip span{padding-left:0;border-left:0}.traceability-strip a{margin-left:0}}
.interface-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.interface-list-head{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:4px 2px 5px;color:var(--muted);font-size:12px}.interface-list-head strong{color:var(--ink);font-size:14px}.interface-list-item{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:11px 13px;min-width:0}.interface-list-item:hover,.interface-list-item:focus-visible,.interface-list-item.selected{border-color:var(--teal);background:var(--mint)}.interface-list-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e1f0e9;color:var(--teal);font:700 10px ui-monospace,monospace}.interface-list-item strong{display:block;font-size:13px;font-weight:600}.interface-list-item small{display:block;margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:.02em;text-transform:none}.interface-list-item>span:last-child{color:var(--teal);text-align:right}@media(max-width:620px){.interface-list{grid-template-columns:1fr}.interface-list-head{display:block}.interface-list-head span{display:block;margin-top:3px}}
@media(max-width:620px){.paths .path{min-width:0}}
.paths{grid-template-columns:repeat(3,minmax(0,1fr))}
.path:nth-child(2){background:#edf3f2}
.path:nth-child(3){background:var(--peach)}
.tracking-mini{width:215px;display:grid;gap:9px}
.tracking-mini i{display:block;height:12px;border-radius:999px;background:#cddbd5;position:relative;overflow:hidden}
.tracking-mini i:after{content:'';display:block;height:100%;width:72%;border-radius:inherit;background:var(--teal)}
.tracking-mini i:nth-child(2):after{width:48%}.tracking-mini i:nth-child(3):after{width:30%;background:var(--orange)}.tracking-mini i:nth-child(4):after{width:84%}
@media(max-width:900px){.paths{grid-template-columns:1fr 1fr}.paths .path:last-child{grid-column:1/-1}}
@media(max-width:620px){.paths{grid-template-columns:1fr}.paths .path:last-child{grid-column:auto}}
.architecture-guide{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:24px 26px;margin:24px 0 28px;box-shadow:0 8px 25px #153c3e05}.architecture-guide-head{display:flex;justify-content:space-between;align-items:end;gap:28px;border-bottom:1px solid var(--line);padding-bottom:20px}.architecture-guide-head h2{font-size:30px;margin-top:7px}.architecture-guide-head p{max-width:490px;font-size:13px}.architecture-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 0}.architecture-levels article{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8f9f4}.architecture-levels article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--mint);color:var(--teal);font:700 10px ui-monospace,monospace}.architecture-levels strong{display:block;font-size:14px}.architecture-levels small{display:block;color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.architecture-levels p{font-size:11px;line-height:1.5;margin-top:8px}.architecture-levels em{color:var(--teal);font-style:normal}.architecture-guide-foot{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding-top:17px}.architecture-guide-foot h3{font-size:17px;margin:5px 0}.architecture-guide-foot p{font-size:12px;max-width:760px}.architecture-guide-foot .btn{white-space:nowrap;font-size:11px;padding:10px 15px}.architecture-guide>.tiny{margin-top:16px}.group-title{display:grid;gap:2px;min-height:0}.group-title small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.group-title strong{font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--ink);font-weight:650}.group-title span{font-size:9px;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--muted);overflow-wrap:anywhere}@media(max-width:850px){.architecture-guide-head{display:block}.architecture-guide-head p{margin-top:12px}.architecture-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.architecture-guide{padding:19px 17px}.architecture-guide-head h2{font-size:26px}.architecture-levels{grid-template-columns:1fr;padding:14px 0}.architecture-guide-foot{display:block}.architecture-guide-foot .btn{margin-top:13px}.architecture-guide-foot p{font-size:11px}}
.feature-trace{display:inline-flex;align-items:center;gap:3px;color:var(--teal);font:9px ui-monospace,monospace;white-space:nowrap}.interface-feature-trace{display:grid;gap:14px;margin-top:14px}.interface-feature-trace section{display:grid;gap:6px}.interface-feature-trace section>small{color:var(--teal);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.interface-feature-trace a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px}.interface-feature-trace a:hover,.interface-feature-trace a:focus-visible{background:var(--mint);border-color:var(--teal)}.interface-feature-trace a strong{font-weight:600}.interface-feature-trace a span{display:grid;gap:2px;color:var(--muted);font:9px ui-monospace,monospace;text-align:right;overflow-wrap:anywhere}.interface-feature-trace a span small{font:8px/1.35 ui-monospace,monospace;color:var(--teal);letter-spacing:0;text-transform:none;white-space:normal}@media(max-width:620px){.interface-feature-trace a{display:block}.interface-feature-trace a span{display:block;margin-top:3px;text-align:left}.interface-feature-trace a span small{display:block;margin-top:2px}}
.interface-edge-count{font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.interface-edge.contract .interface-edge-count{fill:#28776c}.interface-edge.data .interface-edge-count{fill:#456ca1}.interface-edge.ownership .interface-edge-count{fill:#8a4e28}.interface-edge.evidence .interface-edge-count{fill:#65652e}.module-trace{display:grid;gap:13px;margin:16px 0}.module-trace>div{display:grid;gap:5px}.module-trace strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.module-trace a,.module-trace .trace-gap{font-size:12px;color:var(--teal);line-height:1.45}.module-trace a{text-decoration:underline}.module-trace .trace-gap{color:var(--muted);text-decoration:none}

/* Composition view: the map is readable at a glance, while the source record stays visible. */
.layer-overview{margin:28px 0 34px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 8px 28px #153c3e05}.layer-overview-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,380px);gap:28px;align-items:end}.layer-overview-head>div>small{color:var(--teal);font-weight:700}.layer-overview-head h2{margin-top:8px;font-size:32px}.layer-overview-head p{font-size:13px;line-height:1.55}.layer-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.layer-card{min-width:0;padding:16px;border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:14px;background:#fbfcf9}.layer-card.layer-application{border-top-color:#2c7863}.layer-card.layer-runner{border-top-color:#456ca1}.layer-card.layer-engine{border-top-color:#b36532}.layer-card.layer-ai{border-top-color:#865c9d}.layer-card.layer-memory{border-top-color:#747633}.layer-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.layer-card-number{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.08em}.layer-card-count{font-size:10px;color:var(--muted);white-space:nowrap}.layer-card h3{margin:13px 0 4px;font-size:20px}.layer-card p{min-height:42px;font-size:12px;line-height:1.45}.layer-card-meta{display:grid;gap:3px;margin-top:15px;font-size:10px;color:var(--muted)}.layer-card-bar{height:4px;margin-top:14px;border-radius:99px;background:#e7ebe4;overflow:hidden}.layer-card-bar i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.layer-application .layer-card-bar i{background:#2c7863}.layer-runner .layer-card-bar i{background:#456ca1}.layer-engine .layer-card-bar i{background:#b36532}.layer-ai .layer-card-bar i{background:#865c9d}.layer-memory .layer-card-bar i{background:#747633}.layer-count{display:block;margin-top:14px;font-size:10px;color:var(--muted);letter-spacing:.02em}.group-title{display:grid;gap:3px}.group-title small{font-size:9px}.group-title strong{font-size:12px;color:var(--ink);letter-spacing:0;text-transform:none}.group-title span{font-size:10px;line-height:1.4;letter-spacing:0;text-transform:none}.group-title em{font-size:10px;font-style:normal;color:var(--teal);letter-spacing:0;text-transform:none}.block-chip{align-items:flex-start}.block-chip-content{display:grid;gap:2px;min-width:0;flex:1}.block-chip-name{font-weight:650;overflow-wrap:anywhere}.block-chip-description{display:block;font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.block-chip-source{display:block;font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7b8b82;overflow-wrap:anywhere}.block-chip-source code{font-size:inherit}.block-chip-meta{align-self:flex-start;flex-wrap:wrap;justify-content:flex-end;max-width:175px}.feature-status,.feature-trace{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;padding:2px 6px;font-size:9px;line-height:1.2;letter-spacing:.02em;white-space:nowrap}.feature-status{color:var(--ink);background:#f7f8f4}.status-shipped{border-color:#9bbba9;background:#eef6ef;color:#28674f}.status-thin{border-color:#d5b278;background:#fff7e7;color:#895f21}.status-planned{border-color:#c4adc9;background:#f8f1f8;color:#76507c}.feature-trace{color:var(--teal);background:#f2f7f1}.toolbar{align-items:stretch}.toolbar select{min-width:150px}.architecture{min-width:0}.group-wrap,.group{min-width:0}.group{overflow:hidden}@media(max-width:1100px){.layer-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.layer-overview-head{grid-template-columns:1fr;gap:10px}.layer-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.block-chip-meta{max-width:150px}}@media(max-width:620px){.layer-overview{padding:18px;margin-top:22px}.layer-overview-head h2{font-size:27px}.layer-overview-grid{grid-template-columns:1fr;gap:8px}.layer-card p{min-height:0}.toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.toolbar input{grid-column:1/-1}.toolbar select{min-width:0;width:100%}.toolbar #count{grid-column:1/-1;align-self:center}.block-chip{gap:8px}.block-chip-meta{max-width:120px;gap:4px}.block-chip-meta small{display:none}.block-chip-description{font-size:10px}.block-chip-source{font-size:8px}.group-wrap{display:grid;grid-template-columns:1fr}.group{width:100%}}

/* At tablet widths keep the explanation wide; metadata moves below the responsibility. */
.block-chip-meta{flex-shrink:0}
.group{min-width:220px;flex:1 1 220px}
.group-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.block-chip-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.block-chip-source{color:var(--teal);}
.tracking-status{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start;margin:26px 0 34px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 8px 28px #153c3e05}.tracking-status>div>small{color:var(--teal);font-weight:700}.tracking-status h2{margin-top:8px;font-size:28px}.tracking-status p{font-size:13px;line-height:1.55}.tracking-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tracking-status-card{display:grid;gap:5px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfcf9;color:var(--ink);text-decoration:none}.tracking-status-card:hover,.tracking-status-card:focus-visible{border-color:var(--teal);transform:translateY(-1px)}.tracking-status-card strong{font-size:28px;line-height:1}.tracking-status-card span{font-weight:700}.tracking-status-card small{font-size:10px;line-height:1.4;color:var(--muted)}.tracking-status-card.status-shipped{border-top:4px solid #5b9b7d}.tracking-status-card.status-thin{border-top:4px solid #c58a2f}.tracking-status-card.status-planned{border-top:4px solid #8c64a4}
@media(max-width:950px){.block-chip{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.block-chip-meta{max-width:none;justify-content:flex-start}.block-chip-meta small{display:inline-flex}}
@media(max-width:850px){.tracking-status{grid-template-columns:1fr}.tracking-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.block-chip-meta{gap:5px}.tracking-status{padding:18px}.tracking-status-grid{grid-template-columns:1fr}.group{min-width:0;flex-basis:auto}}

/* Keep the nomenclature available without pushing the feature map below the fold. */
.architecture-guide{padding:0;overflow:hidden}
.architecture-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;list-style:none;color:var(--ink)}
.architecture-guide>summary::-webkit-details-marker{display:none}
.architecture-guide>summary>span:first-child{display:grid;gap:4px;min-width:0}
.architecture-guide>summary small{color:var(--teal);font-weight:700}
.architecture-guide>summary strong{font-size:18px;letter-spacing:-.03em;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide-summary-action{flex:0 0 auto;color:var(--teal);font-size:11px;text-decoration:underline}
.architecture-guide[open]>summary{border-bottom:1px solid var(--line)}
.architecture-guide-body{padding:24px 26px 26px}
.architecture-guide-body .architecture-guide-head{padding-bottom:20px}
@media(max-width:620px){.architecture-guide>summary{align-items:flex-start;padding:16px 17px}.architecture-guide>summary strong{font-size:15px;white-space:normal}.guide-summary-action{font-size:10px;text-align:right}.architecture-guide-body{padding:19px 17px 20px}}

/* Canonical taxonomy review preview. It stays separate from the source-record
   architecture route until the sponsor accepts the proposal. */
.canonical-preview-title{max-width:980px}.proposal-review-status,.canonical-review-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding:12px 15px;border:1px solid #d5b278;border-radius:12px;background:#fff7e7;color:#76501d;font-size:12px}.proposal-review-status strong,.canonical-review-status strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.proposal-review-status span,.canonical-review-status span{color:#8a6b3c}.workflow-state-path{display:block;color:var(--teal);font-size:9px;line-height:1.4;margin-top:4px}.workflow-state-path-panel{display:grid;gap:5px;margin:0 0 18px;padding:12px 14px;border:1px solid #c7d7c8;border-left:4px solid var(--orange);border-radius:10px;background:var(--mint)}.workflow-state-path-panel small{color:var(--teal);font-weight:700}.workflow-state-path-panel strong{font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:var(--ink)}.canonical-review-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;margin:24px 0;padding:18px 20px;border:1px solid #c7d7c8;border-left:5px solid var(--teal);border-radius:14px;background:var(--mint)}.canonical-review-note strong{font-size:15px}.canonical-review-note p{font-size:13px}.canonical-review-note .source-link{grid-column:2;grid-row:1 / span 2;align-self:center;white-space:nowrap}.canonical-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px auto;gap:10px;align-items:center;margin:24px 0 16px}.canonical-toolbar input,.canonical-toolbar select{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);min-width:0}.canonical-map{display:grid;gap:18px}.canonical-layer{border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden;box-shadow:0 8px 25px #153c3e05}.canonical-layer>header{height:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line);border-top:5px solid var(--teal);background:#fbfcf9}.canonical-layer-application>header{border-top-color:#2c7863;background:#edf5ef}.canonical-layer-runner>header{border-top-color:#456ca1;background:#eef1f7}.canonical-layer-engine>header{border-top-color:#b36532;background:#fbf0e5}.canonical-layer-ai>header{border-top-color:#865c9d;background:#f4eef5}.canonical-layer-memory>header{border-top-color:#747633;background:#f1f0e3}.canonical-layer>header small{color:var(--teal);font-weight:700}.canonical-layer>header h2{font-size:30px;margin-top:8px}.canonical-layer>header p{font-size:12px;margin-top:6px}.canonical-layer>header>span{font-size:11px;color:var(--muted);white-space:nowrap}.canonical-empty-layer{grid-column:1/-1;padding:18px;border:1px dashed var(--line);border-radius:12px;background:#fbfcf9;color:var(--muted)}.canonical-empty-layer strong{display:block;color:var(--ink);font-size:13px}.canonical-empty-layer p{font-size:11px;margin-top:5px}.canonical-subblocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.canonical-subblock{min-width:0;border:1px solid var(--line);border-radius:14px;padding:15px;background:#f8f9f4}.canonical-subblock-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px}.canonical-subblock-heading small{color:var(--teal);font-size:9px}.canonical-subblock-heading h3{font-size:17px;margin-top:4px}.canonical-subblock-heading p{font-size:11px;line-height:1.45;margin-top:4px}.canonical-subblock-heading>strong{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:var(--mint);color:var(--teal);font:700 11px ui-monospace,monospace}.canonical-review-list{display:grid;gap:7px}.canonical-review-item{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);transition:border-color .15s,background .15s,transform .15s}.canonical-review-item:hover,.canonical-review-item:focus-visible{border-color:var(--teal);background:#f1f7f2;transform:translateY(-1px)}.canonical-review-item-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.canonical-review-item-id,.canonical-review-item-count{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);overflow-wrap:anywhere}.canonical-review-item-count{white-space:normal;text-align:right}.canonical-review-item-link{display:grid;gap:5px;min-width:0}.canonical-review-item strong{font-size:14px}.canonical-review-item p{font-size:11px;line-height:1.45}.canonical-review-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:9px;color:var(--teal)}.canonical-feature-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:3px;padding-top:7px;border-top:1px solid var(--line);font-size:10px}.canonical-feature-workflow,.canonical-feature-detail{color:var(--teal);font-weight:700}.canonical-feature-workflow.pending,.canonical-feature-detail{color:var(--muted)}.canonical-review-meta span+span{padding-left:8px;border-left:1px solid var(--line)}.classification-badge{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--line);border-radius:99px;font-size:9px;font-weight:700;white-space:nowrap}.classification-feature{color:var(--teal);background:#edf7f0;border-color:#b6d8c1}.classification-mechanism{color:#8a5a28;background:#fbf0e5;border-color:#e5c09b}.classification-record{color:#6c6b2f;background:#f1f0e3;border-color:#d2d1a0}.classification-contract,.classification-interface{color:#456ca1;background:#eef1f7;border-color:#b6c8e2}.classification-product{color:#865c9d;background:#f4eef5;border-color:#d2bddc}.feature-interface-preview{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 8px 25px #153c3e05}.feature-interface-preview-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,410px);gap:28px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}.feature-interface-preview-head small{color:var(--teal);font-weight:700}.feature-interface-preview-head h2{font-size:31px;margin-top:8px}.feature-interface-preview-head p{font-size:13px;line-height:1.55}.feature-interface-diagram{display:grid;gap:0;margin-top:20px}.feature-interface-band{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;align-items:stretch;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfcf9}.feature-interface-band.application-band{border-left:5px solid #2c7863;background:#edf5ef}.feature-interface-band.runner-band{border-left:5px solid #456ca1;background:#eef1f7}.feature-interface-band.engine-band{border-left:5px solid #b36532;background:#fbf0e5}.feature-interface-band.ai-band{border-left:5px solid #865c9d;background:#f4eef5}.feature-interface-band.memory-band{border-left:5px solid #747633;background:#f1f0e3}.feature-interface-band-label{align-self:start;padding:8px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.feature-interface-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feature-interface-component{display:grid;gap:5px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.feature-interface-component:hover,.feature-interface-component:focus-visible{border-color:var(--teal);background:#f1f7f2}.feature-interface-component-layer{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.feature-interface-component strong{font-size:12px;line-height:1.25}.feature-interface-port{font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal);overflow-wrap:anywhere}.feature-interface-port b{font-family:inherit;font-weight:700;color:var(--ink)}.feature-interface-port.provided{color:#8a5a28}.feature-interface-port.muted-port{color:var(--muted)}.feature-interface-connector-row{position:relative;display:grid;place-items:center;min-height:42px;color:var(--teal);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.feature-interface-connector-row::before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #9bb9aa;z-index:0}.feature-interface-connector-row span{position:relative;z-index:1;padding:4px 10px;border:1px solid #c7d7c8;border-radius:99px;background:var(--paper)}.canonical-detail{padding-bottom:20px}.canonical-detail .detail-head{max-width:780px}.canonical-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.canonical-detail-grid main{display:grid;gap:15px}.canonical-detail-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.canonical-detail-card>small{color:var(--teal);font-weight:700}.canonical-detail-card h2{font-size:25px;margin:8px 0}.canonical-detail-card p{font-size:13px;line-height:1.6}.canonical-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.canonical-detail-meta span{display:grid;gap:3px;padding-top:10px;border-top:1px solid var(--line);font-size:12px}.canonical-detail-meta b{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.canonical-source-list,.canonical-workflow-list{display:grid;gap:7px;margin-top:14px}.canonical-source-row,.canonical-workflow-list a,.canonical-workflow-list span{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#f8f9f4;font-size:12px}.canonical-source-row:hover,.canonical-source-row:focus-visible,.canonical-workflow-list a:hover,.canonical-workflow-list a:focus-visible{border-color:var(--teal);background:var(--mint)}.canonical-source-row span:first-child{display:grid;gap:3px;min-width:0}.canonical-source-row small{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);overflow-wrap:anywhere}.canonical-detail-side{display:grid;gap:15px;position:sticky;top:20px}.canonical-detail-side .canonical-review-status{display:grid;align-items:start;margin:0}.canonical-detail-card dl{display:grid;gap:10px;margin:14px 0 0}.canonical-detail-card dl div{display:grid;gap:4px;padding-top:9px;border-top:1px solid var(--line)}.canonical-detail-card dt{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-weight:700}.canonical-detail-card dd{margin:0;font-size:12px;overflow-wrap:anywhere}
@media(max-width:850px){.canonical-toolbar{grid-template-columns:minmax(0,1fr) 170px}.canonical-toolbar .tiny{grid-column:1/-1}.canonical-subblocks{grid-template-columns:1fr}.feature-interface-preview-head{grid-template-columns:1fr;gap:10px}.canonical-detail-grid{grid-template-columns:1fr}.canonical-detail-side{position:static}.canonical-layer>header{align-items:flex-start;flex-direction:column;gap:8px}.canonical-layer>header>span{white-space:normal}.feature-interface-band{grid-template-columns:1fr}.feature-interface-band-label{padding:0}.feature-interface-components{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.canonical-review-note{display:block;padding:16px}.canonical-review-note .source-link{margin-top:12px;white-space:normal}.canonical-toolbar{grid-template-columns:1fr}.canonical-toolbar .tiny{grid-column:auto}.canonical-layer>header{padding:18px}.canonical-layer>header h2{font-size:26px}.canonical-subblocks{padding:10px}.canonical-subblock{padding:13px}.canonical-review-meta{display:grid;gap:3px}.canonical-review-meta span+span{padding-left:0;border-left:0}.feature-interface-preview{padding:18px}.feature-interface-preview-head h2{font-size:27px}.feature-interface-components{grid-template-columns:1fr}.feature-interface-connector-row{min-height:54px;font-size:9px}.feature-interface-connector-row span{max-width:90%;line-height:1.35}.canonical-detail-meta{grid-template-columns:1fr}}

/* Keep the public feature map aligned with the original layer rail: each layer
   owns a readable left-hand header and its feature groups sit beside it. */
@media(min-width:851px){
  .canonical-layer{display:grid;grid-template-columns:220px minmax(0,1fr)}
  .canonical-layer>header{grid-column:1;grid-row:1;min-height:100%;align-items:flex-start;flex-direction:column;justify-content:flex-start;padding:22px 20px;border-top:0;border-right:1px solid var(--line);border-left:5px solid var(--teal);border-bottom:0}
  .canonical-layer-application>header{border-left-color:#2c7863}
  .canonical-layer-runner>header{border-left-color:#456ca1}
  .canonical-layer-engine>header{border-left-color:#b36532}
  .canonical-layer-ai>header{border-left-color:#865c9d}
  .canonical-layer-memory>header{border-left-color:#747633}
  .canonical-layer>header>span{margin-top:auto;white-space:normal;line-height:1.4}
  .canonical-layer>.canonical-subblocks{grid-column:2;grid-row:1;align-content:start}
}
@media(max-width:850px){
  .canonical-layer{display:block}
  .canonical-layer>header{border-top:5px solid var(--teal);border-left:0;border-right:0;border-bottom:1px solid var(--line)}
  .canonical-layer-application>header{border-top-color:#2c7863}
  .canonical-layer-runner>header{border-top-color:#456ca1}
  .canonical-layer-engine>header{border-top-color:#b36532}
  .canonical-layer-ai>header{border-top-color:#865c9d}
  .canonical-layer-memory>header{border-top-color:#747633}
}

/* Keep the review note links in a single readable row instead of stacking
   several absolute grid assignments on top of one another. */
.canonical-review-note{grid-template-columns:minmax(0,1fr);gap:12px}
.tracking-progress header{margin:0;padding:0;border:0;min-height:0}
.canonical-review-note-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:10px;border-top:1px solid #c7d7c8}
.canonical-review-note .source-link{grid-column:auto;grid-row:auto;align-self:auto;white-space:normal}

.proposal-extension-panel{margin-top:28px;padding:24px;border:1px solid #d5b278;border-radius:22px;background:#fffaf0;box-shadow:0 8px 25px #153c3e05}.proposal-extension-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,410px);gap:28px;align-items:end;padding-bottom:18px;border-bottom:1px solid #ead9b8}.proposal-extension-head small,.proposal-extension-layer{color:#8a5a28;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.proposal-extension-head h2{font-size:29px;margin-top:8px}.proposal-extension-head p{font-size:13px;line-height:1.55;color:#76501d}.proposal-extension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.proposal-extension-group{padding:16px;border:1px solid #ead9b8;border-radius:14px;background:#fffdf8}.proposal-extension-group-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.proposal-extension-group-head h3{font-size:18px;margin-top:5px}.proposal-extension-group-head p{font-size:11px;line-height:1.45;margin-top:5px;color:#76501d}.proposal-extension-badge{padding:5px 8px;border:1px solid #d5b278;border-radius:999px;color:#8a5a28;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.proposal-extension-list{display:grid;gap:7px;margin-top:13px}.proposal-extension-item{padding:10px 11px;border:1px solid #ead9b8;border-radius:10px;background:#fff}.proposal-extension-item strong{font-size:13px}.proposal-extension-item p{font-size:11px;line-height:1.45;margin-top:3px}.proposal-extension-item small{display:block;font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6b3c;margin-top:5px;overflow-wrap:anywhere}
@media(max-width:850px){.proposal-extension-head{grid-template-columns:1fr;gap:10px}.proposal-extension-grid{grid-template-columns:1fr}}
@media(max-width:620px){.proposal-extension-panel{padding:18px}.proposal-extension-head h2{font-size:25px}.proposal-extension-group-head{display:block}.proposal-extension-badge{display:inline-block;margin-top:9px}}
.brand-mark{display:block;width:30px;height:30px;flex:0 0 30px;border-radius:9px}
.tracking-progress{padding:18px 22px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.tracking-progress header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.tracking-progress h2{font-size:20px;margin:0}.tracking-progress header>span{font-size:14px;color:var(--muted)}.tracking-progress-bar{display:flex;height:24px;border-radius:8px;overflow:hidden;background:#d5dfd7;margin:16px 0}.tracking-progress-bar>span{height:100%}.tracking-progress-legend{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;padding:0;margin:0}.tracking-progress-legend li{display:flex;gap:7px;align-items:center;font-size:14px}.tracking-progress-legend i{width:10px;height:10px;border-radius:3px}.tracking-progress p{font-size:12px;color:var(--muted);margin:12px 0 0}@media(max-width:620px){.tracking-progress{padding:16px}.tracking-progress-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tracking-progress-legend li{font-size:12px}}

.canonical-proposal-subblock{border-color:#d5b278;background:#fffaf0}.canonical-proposal-subblock .canonical-subblock-heading{align-items:start}.canonical-proposal-badge{padding:5px 8px;border:1px solid #d5b278;border-radius:999px;color:#8a5a28;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.canonical-proposal-list,.canonical-proposal-additions{display:grid;gap:7px}.canonical-proposal-feature{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:10px 11px;border:1px solid #ead9b8;border-radius:10px;background:#fff}.canonical-proposal-feature strong{font-size:13px}.canonical-proposal-feature p{font-size:11px;line-height:1.45;margin-top:3px}.canonical-proposal-feature>span{display:grid;gap:3px;min-width:90px;text-align:right}.canonical-proposal-feature b{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a5a28;text-transform:uppercase}.canonical-proposal-feature small{font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6b3c;overflow-wrap:anywhere}.canonical-proposal-additions{margin-top:11px;padding-top:11px;border-top:1px solid #ead9b8}.canonical-proposal-additions-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:0 2px}.canonical-proposal-additions-label span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a5a28}.canonical-proposal-additions-label small{font-size:9px;color:#8a6b3c}@media(max-width:620px){.canonical-proposal-feature{display:block}.canonical-proposal-feature>span{display:block;text-align:left;margin-top:6px}.canonical-proposal-additions-label{display:block}.canonical-proposal-additions-label small{display:block;margin-top:4px}}
.feature-interface-connector-row a{position:relative;z-index:1;color:var(--teal);text-decoration:none}.feature-interface-connector-row a:hover span,.feature-interface-connector-row a:focus-visible span{border-color:var(--teal);background:var(--mint)}.feature-interface-secondary{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:18px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.feature-interface-secondary>div>small{color:var(--teal);font-weight:700}.feature-interface-secondary>div>p{font-size:11px;line-height:1.45;margin-top:5px}.feature-interface-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feature-interface-secondary-edge{display:grid;gap:4px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8f9f4}.feature-interface-secondary-edge:hover,.feature-interface-secondary-edge:focus-visible{border-color:var(--teal);background:var(--mint)}.feature-interface-secondary-edge strong{font-size:12px}.feature-interface-secondary-edge span{font-size:10px;color:var(--muted)}.feature-interface-secondary-edge code{font-size:9px;overflow-wrap:anywhere}@media(max-width:850px){.feature-interface-secondary{grid-template-columns:1fr;gap:10px}}@media(max-width:620px){.feature-interface-secondary-grid{grid-template-columns:1fr}}

.delivery-board{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);min-width:0}.delivery-board iframe{display:block;width:100%;height:75vh;min-height:480px;border:1px solid var(--line);border-radius:12px;background:white}.delivery-how{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:14px}.delivery-how summary{cursor:pointer;font-weight:700}.delivery-how li{margin:10px 0}@media(max-width:620px){.delivery-board{padding:10px}.delivery-board iframe{height:70vh}}

.tracking-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 16px}.tracking-heading h1{font-size:36px;margin:8px 0}.tracking-heading p{margin:0;color:var(--muted)}.tracking-tabs{display:flex;gap:8px;margin:20px 0}.tracking-tabs button{font:inherit;padding:10px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer}.tracking-tabs button[aria-pressed=true]{background:var(--teal);color:white}#tracking-board{width:100%;height:78vh;min-height:540px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}@media(max-width:620px){.tracking-heading{align-items:flex-start;flex-direction:column}.tracking-heading h1{font-size:30px}#tracking-board{height:75vh}}

/* Website integration: canonical tracker controls and full-screen presentation. */
#tracking-board-panel{position:relative}
.tracker-board-actions{display:flex;justify-content:flex-end;margin:0 0 10px}
.tracker-board-actions button{min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:600 14px/1 inherit;cursor:pointer}
.tracker-board-actions button:hover,.tracker-board-actions button:focus-visible{border-color:var(--teal);color:var(--teal)}
#tracking-board-panel:fullscreen,#tracking-board-panel.tracker-fullscreen-fallback{display:flex;flex-direction:column;padding:16px;background:var(--bg,#f7f6f0)}
#tracking-board-panel:fullscreen #tracking-board,#tracking-board-panel.tracker-fullscreen-fallback #tracking-board{flex:1;height:auto!important;min-height:0;border-radius:12px}
#tracking-board-panel.tracker-fullscreen-fallback{position:fixed;inset:0;z-index:10000}
.tracker-fullscreen-open{overflow:hidden}
@media(max-width:620px){.tracker-board-actions{margin-bottom:8px}#tracking-board-panel:fullscreen,#tracking-board-panel.tracker-fullscreen-fallback{padding:8px}}