@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#006b50;--green-dark:#004b39;--green-pale:#eaf4ee;--ink:#183b32;--muted:#63746e;--line:#dce4de;--paper:#f4f6f2;--white:#fff;--amber:#94540e;--amber-bg:#fff3de;--blue:#275c85;--blue-bg:#edf4fb;--radius:14px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #dd9b32;outline-offset:3px}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px}h2{font-size:24px;line-height:1.3;letter-spacing:-.5px}h3{font-size:18px;line-height:1.4}h4{font-size:16px}p+p{margin-top:10px}code{font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}button:disabled{opacity:.45;cursor:default}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--white);gap:20px}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);font:16px Manrope,sans-serif}.brand strong{display:block;font-size:18px}.brandmark{background:var(--green);color:white;font-size:26px;font-weight:800;width:48px;height:48px;display:grid;place-items:center;border-radius:15px}.edition{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.edition-date{padding-left:12px;border-left:1px solid var(--line);margin-left:5px}.status-dot{width:7px;height:7px;border-radius:50%;background:#8eaa62;display:inline-block}.shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:calc(100vh - 80px)}.navigation{padding:32px 18px;border-right:1px solid var(--line);background:#f9faf7}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--muted);margin-bottom:18px}.navigation nav{display:flex;flex-direction:column;gap:5px}.nav-button{border:0;background:transparent;display:flex;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:9px;font-size:14px;font-weight:600;min-height:44px}.nav-button[aria-current=page]{background:var(--green);color:white}.nav-number{font:11px ui-monospace,monospace;opacity:.6}.nav-note{margin:36px 10px 24px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.nav-note strong{color:var(--ink);font-size:14px}.nav-note p{margin-top:8px}.source-link{display:block;margin:0 10px;font-size:12px;line-height:1.8;color:var(--muted);text-decoration:none}.source-link:hover{text-decoration:underline}main{padding:32px 36px;min-width:0;max-width:1780px;width:100%;margin:auto}.page-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-head p{margin-top:9px;color:var(--muted);max-width:800px;font-size:15px}.micro-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.head-counter{text-align:right;flex-shrink:0;color:var(--muted);font-size:13px}.head-counter strong{font:800 32px Manrope;color:var(--green);display:block}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden;min-height:680px}.list-panel{border-right:1px solid var(--line);background:#fcfdfb;min-width:0}.list-controls{padding:18px;border-bottom:1px solid var(--line)}label.control{display:block;font-size:13px;color:var(--muted);font-weight:600}input[type=search],select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-size:14px;min-height:42px;margin-top:7px}input::placeholder{color:#78877f}.list-summary{font-size:12px;color:var(--muted);padding:14px 18px 8px}.item-list{max-height:690px;overflow:auto;padding:0 8px 12px}.list-item{display:block;width:100%;padding:13px 12px;border:0;border-radius:8px;text-align:left;background:transparent;margin:2px 0;border-left:3px solid transparent}.list-item:hover{background:#f0f5ed}.list-item.selected{background:var(--green-pale);border-left-color:var(--green)}.list-item strong{font-size:14px;font-weight:600;display:block}.list-item small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.list-item code{font-size:11px}.detail-panel{min-width:0;padding:28px}.detail-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:5px;display:inline-block;line-height:1.4;background:#f1f3ef;color:#5d6d63;white-space:normal}.badge.green{background:var(--green-pale);color:var(--green)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.p1{background:#183b32;color:white}.badge.p2{background:#d9e8c8;color:#2c552e}.badge.p3{background:#ecf0e3;color:#586938}.badge.p4,.badge.p5{background:#f4f2eb;color:#796842}.muted{color:var(--muted)}.small{font-size:13px}.note{border-left:3px solid #d5a256;background:#fffbf3;padding:12px 15px;font-size:13px;color:#765c34;line-height:1.6;margin:18px 0}.note.green{border-left-color:var(--green);background:#f2f8f2;color:#3f6356}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.meta-cell{padding:12px 14px;border:1px solid var(--line);border-radius:8px;min-width:0}.meta-cell span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.meta-cell code{font-size:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.section-head small{color:var(--muted);font-size:12px}.event-card{padding:15px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}.event-card:last-child{border-bottom:1px solid var(--line)}.event-card-main{min-width:0;flex:1}.event-card-main strong{font-size:14px;display:block}.event-card-main code{font-size:12px;color:var(--muted)}.event-card .chips{margin:6px 0 0}.quiet{background:white;border:1px solid var(--line);border-radius:7px;padding:8px 12px;font-size:13px;font-weight:600;min-height:38px}.quiet:hover{border-color:var(--green);background:#f4f8f1}.primary{border:0;background:var(--green);color:white;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;min-height:42px}.text-button{border:0;background:none;color:var(--green);text-align:left;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:14px}.details-block{margin-top:18px;border:1px solid var(--line);border-radius:9px;padding:0 16px}.details-block summary{padding:13px 0;cursor:pointer;font-size:14px;font-weight:600}.details-block .details-content{padding:0 0 15px;font-size:14px;color:var(--muted)}.preline{white-space:pre-line;overflow-wrap:anywhere}dialog{border:1px solid var(--line);border-radius:16px;padding:0;color:var(--ink);max-width:900px;width:calc(100% - 40px);max-height:90vh;box-shadow:0 24px 80px #17352830}dialog::backdrop{background:#12312866;backdrop-filter:blur(3px)}.dialog-bar{position:sticky;top:0;background:white;padding:16px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:14px;font-weight:600}#dialog-body{padding:28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:12px;z-index:10;background:white;padding:12px}.skip:focus{top:8px}.empty{padding:32px;color:var(--muted);text-align:center}.footer-note{font-size:12px;color:var(--muted);margin-top:18px}
@media(min-width:1550px){.workspace{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1100px){.shell{grid-template-columns:180px minmax(0,1fr)}main{padding:26px 22px}.workspace{grid-template-columns:240px minmax(0,1fr)}.detail-panel{padding:22px}.nav-note{margin-top:24px}.navigation{padding:26px 12px}.meta-grid{grid-template-columns:1fr}.event-card{flex-wrap:wrap}}
@media(max-width:820px){.topbar{height:72px;padding:0 18px}.edition-date{display:none}.shell{display:block}.navigation{padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.navigation>.eyebrow,.nav-note,.source-link{display:none}.navigation nav{flex-direction:row;overflow:auto;gap:2px}.nav-button{white-space:nowrap;padding:10px 12px}.nav-number{display:none}main{padding:22px 16px}.page-head{margin-bottom:20px}.page-head h1{font-size:26px}.workspace{grid-template-columns:220px minmax(0,1fr)}.detail-panel{padding:18px}.head-counter{display:none}}
@media(max-width:620px){.edition{font-size:11px}.brand{gap:10px;font-size:13px}.brand strong{font-size:15px}.brandmark{width:40px;height:40px;font-size:23px}.workspace{display:block;min-height:0}.list-panel{border-right:0;border-bottom:1px solid var(--line)}.list-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.list-controls label:only-child{grid-column:1/-1}.item-list{max-height:200px}.list-item{padding:10px 12px}.list-summary{padding-top:8px}.detail-panel{padding:20px 16px}.detail-heading{flex-wrap:wrap}h2{font-size:22px}.event-card{gap:8px}.event-card .quiet{margin-left:auto}#dialog-body{padding:20px 16px}.dialog-bar{padding:14px 16px}.page-head p{font-size:14px}.meta-grid{grid-template-columns:1fr}}
.surface{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-width:0}.screen-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.screen-actions>a{font-size:13px}.entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.entity-link{display:block;text-align:left;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fcfdfb;min-width:0;transition:background .15s,border-color .15s}.entity-link:hover{background:var(--green-pale);border-color:#a4c6b2}.entity-link strong{font-size:14px;display:block}.entity-link code,.entity-link>span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.ticket-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.ticket-row strong{font-size:14px;font-weight:600}.ticket-row a{text-decoration:none}.ticket-row a:hover{text-decoration:underline}.ticket-row p{margin-top:5px}.ticket-row .quiet{flex-shrink:0}.variant-row{padding:12px 0;border-bottom:1px solid var(--line)}.variant-row p{margin-top:5px}.variant-row strong{color:var(--ink);font-size:14px}.measurement{margin:28px 0 32px;padding-top:24px;border-top:1px solid var(--line)}.trigger{margin:16px 0}.priority-reason{padding:16px 18px;margin:20px 0;background:#f0f5e9;border-radius:9px;font-size:14px}.priority-reason p{margin-top:6px}.value-table{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:18px 0}.value-table>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px}.value-table>div:last-child{border-bottom:0}.value-table code{color:var(--green);font-weight:600}.value-table span{overflow-wrap:anywhere}.code-block{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f3f5f0;border-radius:8px;font:12px/1.7 ui-monospace,monospace;margin:12px 0 0}.source-ref{margin-top:16px;font-size:13px}.dialog-bottom{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.param-list{margin:12px 0}.param{border:1px solid var(--line);border-radius:7px;margin:7px 0;overflow:hidden}.param summary{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;background:#fafbf8}.param summary code{font-weight:600;color:var(--green)}.param summary span{font-size:12px;color:var(--muted);text-align:right}.param[open] summary{background:var(--green-pale)}.param-body{padding:16px;font-size:14px}dl{display:grid;grid-template-columns:140px minmax(0,1fr);font-size:13px;gap:9px 18px;margin:16px 0 0}dt{font-weight:600;color:var(--ink)}dd{margin:0;overflow-wrap:anywhere}.event-name{margin-top:8px;color:var(--muted)}.design-select{margin:20px 0}.design-figure{margin:0}.design-figure img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px;margin:auto;max-height:none}.design-figure figcaption{font-size:12px;color:var(--muted);margin:12px 0}.filterbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.filterbar label{flex:1;min-width:160px}.filterbar input{margin-top:7px}.filterbar button{margin-bottom:1px}.table-top{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin:22px 0 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}thead{background:#eef3ea}th{font-size:12px;font-weight:600;padding:13px 14px;white-space:nowrap}td{vertical-align:top;border-top:1px solid var(--line);padding:14px;min-width:130px;max-width:310px}td p{margin-top:8px}td:nth-child(3){min-width:260px}td:last-child{min-width:135px}.block-code{display:block;margin-top:5px;color:var(--muted);font-size:11px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.info-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fbfcf9;min-width:0}.info-card p{font-size:14px}.info-card h3+p{margin-top:10px}.info-card p+p{margin-top:9px}.funnel-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.funnel-list{padding:10px;align-self:start}.funnel-list .list-item{padding:12px}.funnel-question{margin:18px 0 24px;font-size:17px;line-height:1.6;max-width:900px}.flow-chain{display:flex;list-style:none;padding:0;margin:24px 0;gap:9px;overflow:auto;padding-bottom:8px}.flow-chain li{flex:1;min-width:124px}.flow-step{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:15px 12px;border:1px solid var(--line);border-radius:10px;background:#f7f9f3;width:100%;min-height:192px;gap:9px;height:100%}.flow-step.active{border:2px solid var(--green);padding:14px 11px;background:var(--green-pale)}.flow-step strong{font-size:14px;line-height:1.4}.flow-step small{font-size:12px;color:var(--muted);margin-bottom:auto}.step-number{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:white;border:1px solid var(--line);font:700 12px Manrope;flex-shrink:0}.active .step-number{background:var(--green);color:white;border-color:var(--green)}.flow-inspector{background:#f5f8f1;border:1px solid #d9e5d1;border-radius:10px;padding:20px;margin:12px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.flow-inspector p:not(.micro-label){font-size:14px;margin-top:7px}.flow-inspector code{font-size:12px;color:var(--muted)}.flow-inspector .primary{flex-shrink:0}.platform-section{margin-top:24px}.platform-section>.section-head{margin-top:0}.platform-choice{background:var(--green-pale);border-color:#b2ceb9}.comparison-row{padding:20px 0;border-bottom:1px solid var(--line)}.comparison-row .two-col{margin:10px 0}.value-driver{padding:19px 0;border-bottom:1px solid var(--line)}.value-driver h4{margin-bottom:8px;color:var(--ink)}.value-driver p+p{margin-top:8px}.dashboard-blueprint{border:1px solid var(--line);border-radius:12px;overflow:hidden}.blueprint-heading{background:var(--green-dark);color:white;padding:15px 20px;font-size:14px;font-weight:600}.blueprint-row{display:flex;align-items:flex-start;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.blueprint-row:last-child{border-bottom:0}.blueprint-row strong{font-size:15px}.blueprint-row p{font-size:14px;color:var(--muted);margin-top:7px}.blueprint-row .step-number{background:var(--green-pale);color:var(--green);border:0}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:0 0 24px}.stat-strip>div{padding:18px 22px;background:white;display:flex;gap:14px;align-items:center}.stat-strip strong{font:800 30px Manrope;color:var(--green)}.stat-strip span{font-size:13px;color:var(--muted)}.epic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.epic-grid h3{font-size:15px}.epic-grid a{text-decoration:none}.epic-grid a:hover{text-decoration:underline}.epic-grid p:last-child{margin-top:10px}.rules-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rules-intro h2{font-size:21px}.property-card{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.property-card p{font-size:13px;color:var(--muted);margin-top:5px}.property-card+.small{margin-top:16px}.legend-list{margin-top:20px;font-size:14px}.legend-list p{padding:10px 0;border-bottom:1px solid var(--line)}.legend-list .badge{margin-bottom:6px;display:table}.priority-line{display:flex;align-items:flex-start;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.priority-line>div{flex:1}.priority-line h3{font-size:16px}.priority-line p{font-size:14px;margin-top:7px}.priority-line .quiet{flex-shrink:0}.priority-disc{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-pale);font-weight:700;color:var(--green);flex-shrink:0}.priority-disc.p1{background:var(--ink);color:white}.priority-disc.p2{background:#d9e8c8}.priority-disc.p4,.priority-disc.p5{background:#f2efe4;color:#796842}.rule-list .details-block{margin-top:12px}.details-content .info-card p{color:var(--ink)}.details-content .entity-grid{margin-top:10px}.detail-panel>.section-head:first-child{margin-top:0}
@media(min-width:1450px){.navigation{position:sticky;top:0;height:calc(100vh - 80px)}.list-panel .item-list{max-height:730px}.detail-panel{padding:30px 34px}.flow-chain li{min-width:142px}}
@media(max-width:1100px){.funnel-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.surface{padding:22px}.flow-inspector{align-items:flex-start;flex-direction:column}.entity-grid{grid-template-columns:1fr}.stat-strip>div{flex-direction:column;align-items:flex-start;gap:3px}.rules-intro{grid-template-columns:1fr}.epic-grid{grid-template-columns:1fr}}
@media(max-width:820px){.funnel-layout{grid-template-columns:190px minmax(0,1fr)}.two-col{grid-template-columns:1fr}.surface{padding:20px}.filterbar label{min-width:180px}.priority-line{flex-wrap:wrap}.priority-line .quiet{margin-left:56px}.page-head{align-items:flex-start}.ticket-row{flex-direction:column;gap:8px}}
@media(max-width:620px){.funnel-layout{display:block}.funnel-list{display:flex;overflow:auto;margin-bottom:16px;gap:5px;padding:8px}.funnel-list .list-item{min-width:185px;margin:0}.funnel-list .list-item strong{font-size:13px}.surface{padding:18px 16px}.filterbar{gap:10px}.filterbar label{min-width:calc(50% - 10px)}.filterbar label select{max-width:100%}.flow-chain li{min-width:142px}.flow-inspector{padding:16px}.flow-inspector .primary{width:100%}.stat-strip{grid-template-columns:1fr}.stat-strip>div{flex-direction:row;align-items:center;gap:16px;padding:12px 18px}.stat-strip strong{font-size:25px}.value-table>div{grid-template-columns:1fr;gap:3px}.param summary{flex-direction:column;align-items:flex-start;gap:4px}.param summary span{text-align:left}dl{grid-template-columns:1fr;gap:5px}dd+dt{margin-top:7px}.priority-line{gap:12px}.priority-line .quiet{margin-left:50px}.screen-actions{gap:8px}.entity-grid{grid-template-columns:1fr}}
