:root{color-scheme:light;--ink:#21333f;--muted:#586b78;--teal:#306d7e;--deep:#25576b;--pale:#eaf3f6;--paper:#fff;--bg:#f7fafb;--border:#dbe5ea;--line:#a8c1cc;--gold:#876328;font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button{background:none;border:0}a{color:var(--deep)}button,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #286c92;outline-offset:4px}h1:focus{outline:none}::selection{background:#d4eaf0}[hidden]{display:none!important}h1,h2,p,figure{margin:0}h1,h2{letter-spacing:-.045em;line-height:1.15}h1{font-size:30px;font-weight:650}h2{font-size:20px;font-weight:650}.story-shell{width:min(100%,580px);min-height:100dvh;display:flex;flex-direction:column;margin:auto;background:var(--bg)}.brand-header{padding:17px 24px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);border-bottom:1px solid var(--border)}.brand-header img{width:133px;height:auto}.brand-header>span{font-size:11px;color:var(--muted)}.scene-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:12px 18px 0;gap:3px}.scene-nav button{font-size:10px;font-weight:600;min-height:53px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-bottom:2px solid transparent;border-radius:5px 5px 0 0;color:var(--muted);white-space:nowrap}.scene-nav button>span{font-size:10px;font-weight:500;opacity:.85}.scene-nav button[aria-current]{border-bottom-color:var(--teal);color:var(--deep);background:#eaf3f5}.scene-nav button:hover{background:var(--pale)}main{flex:1;padding:0 24px}.scene{padding:27px 0 24px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.11em;font-weight:650;color:var(--teal);display:block}.scene-heading{margin-bottom:21px}.scene-heading .eyebrow{margin-bottom:12px}.scene-heading>p:last-child{margin-top:13px;font-size:14px;line-height:1.65;color:var(--muted);max-width:440px}.graphic-stage{background-color:#f5f9fb;background-image:linear-gradient(#d7e4eb35 1px,transparent 1px),linear-gradient(90deg,#d7e4eb35 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden}.graphic-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--deep);padding:18px 18px 0}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.layer-illustration{display:block;width:100%;max-height:395px;margin:0 auto}.page-layer{transform:translateY(66px);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.reading-layer{transform:translateY(-12px);opacity:.65;transition:transform .65s,opacity .65s}.semantic-layer{transform:translateY(-90px);opacity:.35;transition:transform .65s,opacity .65s}.layer-guides{opacity:0;transition:opacity .5s}.structure-labels{position:absolute;left:18px;right:18px;bottom:35px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s}.structure-labels>span{font-size:10px;display:flex;align-items:center;gap:5px;background:var(--paper);border:1px solid #b8ced7;border-radius:5px;padding:5px 6px}.structure-labels b{font-size:10px;font-weight:650;color:var(--teal)}.structure-revealed .page-layer,.structure-revealed .reading-layer,.structure-revealed .semantic-layer{transform:translateY(0);opacity:1}.structure-revealed .layer-guides,.structure-revealed .structure-labels{opacity:1;transform:translateY(0)}.structure-revealed .layer-illustration{margin-bottom:35px}.graphic-footnote{font-size:10px;color:var(--muted);text-align:center;padding:0 0 12px}.action-button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #9dbbc7;background:var(--paper);color:var(--deep);padding:10px 14px;min-height:45px;border-radius:7px;font-size:13px;font-weight:600}.action-button:hover{background:var(--pale)}#reveal-structure{margin-top:13px;width:100%}#reveal-structure[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:white}.takeaway{font-size:13px;line-height:1.65;color:var(--deep);padding-left:12px;margin-top:19px;border-left:2px solid #96bcc9}.presenter-controls{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px 16px;border-top:1px solid var(--border);background:rgba(255,255,255,.98)}.presenter-controls>button{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:600;padding:9px 13px;border:1px solid var(--border);border-radius:7px;color:var(--deep);background:white}.presenter-controls>button:last-child{background:var(--teal);color:white;border-color:var(--teal)}.presenter-controls>button:hover:not(:disabled){filter:brightness(.94)}.presenter-controls>button:disabled{opacity:.35}.presenter-controls>div{display:flex;flex-direction:column;align-items:center;gap:2px}#scene-count{font-size:11px;letter-spacing:.06em;color:var(--deep);font-variant-numeric:tabular-nums}#next-scene-name{font-size:10px;color:var(--muted)}.line-icon{display:inline-flex;width:21px;height:21px;flex-shrink:0;color:var(--teal)}.line-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.source-switch,.scope-tabs,.segmented{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:7px;background:#edf3f6}.source-switch{margin:17px 17px 0}.source-switch button,.scope-tabs button,.segmented button{border-radius:5px;min-height:38px;font-size:12px;font-weight:600;padding:7px 10px;flex:1;color:var(--muted)}.source-switch button[aria-pressed=true],.scope-tabs button[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--paper);color:var(--deep);box-shadow:0 1px 3px #244d6014}.source-art{height:224px;position:relative;margin:9px auto 0;width:250px;display:grid;place-items:center}.paper{width:145px;height:181px;background:var(--paper);border:1px solid #b1c8d2;border-radius:8px;position:absolute;box-shadow:0 8px 16px #315b7010;transition:transform .45s,opacity .45s}.paper-back{opacity:0;transform:translate(0,0)}.collection .paper-back{opacity:1}.collection .paper-back.one{transform:rotate(8deg) translate(22px,-4px)}.collection .paper-back.two{transform:rotate(-9deg) translate(-22px,-5px)}.collection .front{transform:translateY(8px)}.front{padding:15px 16px}.paper-symbol{font-size:10px;letter-spacing:.06em;color:var(--teal);border:1px solid #c6dce5;border-radius:3px;display:inline-block;padding:2px 5px;background:#edf5f8}.paper-title{display:block;font-size:11px;font-weight:650;margin:11px 0}.paper i,.sample-lines i{height:4px;background:#d6e3e9;border-radius:2px;margin-top:6px;display:block}.paper i:nth-of-type(2){width:83%}.paper i:nth-of-type(3){width:65%}.paper-table{height:26px;background:repeating-linear-gradient(0deg,transparent,transparent 7px,#ccdee6 7px,#ccdee6 8px);border:1px solid #ccdee6;border-radius:2px;margin-top:12px}.system-chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;padding:0 12px;margin-bottom:10px}.system-chips span,.agent-tags span{font-size:10px;border:1px solid #c4d8e1;background:white;border-radius:5px;padding:4px 6px;color:var(--deep)}.source-caption{text-align:center;color:var(--muted);font-size:12px;padding:0 12px}.connector.down{position:relative;height:30px;width:1px;background:var(--line);margin:9px auto}.connector.down:after{content:'';position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-right:1.5px solid var(--teal);border-bottom:1.5px solid var(--teal);transform:rotate(45deg)}.process-pair{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;padding:0 17px 20px}.mini-node{background:white;border:1px solid #cadce4;border-radius:10px;display:flex;flex-direction:column;gap:5px;align-items:center;padding:15px 6px;box-shadow:0 3px 5px #34556804}.mini-node strong{font-size:15px;font-weight:600}.mini-node small{font-size:11px;color:var(--muted)}.connector.horizontal{height:1px;background:var(--line);position:relative}.connector.horizontal:after{content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1.5px solid var(--teal);border-right:1.5px solid var(--teal);transform:rotate(45deg)}.approach-map{padding:18px 15px}.branch-origin{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:9px;background:white;border:1px solid #bad0db;border-radius:7px;min-height:43px;margin:auto;width:175px;position:relative}.fork{height:27px;width:1px;background:var(--line);margin:auto}.approach-routes{display:grid;gap:13px}.route-card{background:white;border:1px solid #bbd1dc;border-radius:10px;padding:17px}.route-title{display:flex;gap:9px;align-items:center}.route-title h2{font-size:19px;letter-spacing:-.025em}.route-mark{font-size:10px;background:#eaf4f6;border-radius:4px;padding:3px 5px;color:var(--teal);font-weight:600}.route-card ul{font-size:15px;line-height:1.55;padding-left:18px;margin:13px 0}.route-card li{margin-top:7px;padding-left:2px}.route-card li::marker{color:var(--teal)}.route-card strong{font-weight:600}.route-card .action-button{width:100%;font-size:12px}.route-card:nth-child(2){background:#f9fcfd}.example-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:-7px;margin-bottom:8px}.example-topline>span{font-size:10px;color:var(--deep);background:var(--pale);border-radius:4px;padding:5px 8px}.text-button{min-height:44px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;padding:8px 4px;color:var(--deep);border-radius:5px}.text-button:hover{background:var(--pale)}.select-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin:3px 0 6px}select{width:100%;border:1px solid #acc6d1;border-radius:7px;min-height:44px;background:white;padding:8px 12px;font-size:14px;margin-bottom:12px}.gallery-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:white}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}.segmented button{flex:none;padding-inline:14px}.gallery-toolbar .line-icon{width:16px;height:16px}.gallery-card>img{width:100%;height:clamp(300px,45dvh,440px);display:block;object-fit:contain;background:#eaf0f5;padding:8px;border-block:1px solid var(--border)}#example-caption{font-size:12px;padding:12px 14px;line-height:1.6;color:var(--muted)}.synthetic-note{font-size:10px;color:var(--muted);line-height:1.55;margin-top:9px}.loop-stage{padding:17px 13px 12px}.remediation-loop{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px 23px}.remediation-loop>li{position:relative;display:flex;min-width:0}.remediation-loop>li:nth-child(1){grid-area:1/1}.remediation-loop>li:nth-child(2){grid-area:1/2}.remediation-loop>li:nth-child(3){grid-area:2/2}.remediation-loop>li:nth-child(4){grid-area:2/1}.remediation-loop>li:nth-child(5){grid-area:3/1}.remediation-loop>li:nth-child(6){grid-area:3/2}.remediation-loop button{background:white;border:1px solid #b9ced9;border-radius:9px;width:100%;min-height:125px;padding:12px 11px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;transition:background .16s,border-color .16s}.remediation-loop button[aria-pressed=true]{background:#e9f3f6;border-color:var(--teal);box-shadow:inset 0 0 0 .5px var(--teal)}.remediation-loop button:hover{border-color:var(--teal)}.step-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;color:var(--teal);font-size:10px;font-weight:600}.step-top .line-icon{width:18px;height:18px}.remediation-loop strong{font-size:15px;line-height:1.25;font-weight:600;letter-spacing:-.025em}.remediation-loop small{font-size:10px;color:var(--muted);margin-top:auto}.human-step .step-top,.human-step .line-icon,.human-step small{color:var(--gold)}.remediation-loop button.human-step{border-color:#d3c6a8;background:#fffcf6}.remediation-loop button.human-step[aria-pressed=true]{border-color:#937339;box-shadow:inset 0 0 0 .5px #937339;background:#fff6e3}.flow-arrow{position:absolute;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:25px;color:var(--teal);pointer-events:none}.arrow-right{right:-23px;top:calc(50% - 14px);width:23px;height:27px}.arrow-left{left:-23px;top:calc(50% - 14px);width:23px;height:27px}.arrow-down{left:calc(50% - 14px);top:100%;width:27px;height:27px}.loop-back{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:var(--deep);width:100%;margin-top:13px;min-height:44px;border-top:1px solid var(--border)}.loop-back>span{font-size:25px}.loop-back:hover{background:var(--pale)}.step-explanation{padding:15px 0 0 12px;border-left:2px solid #96bcc9;margin-top:17px}.detail-kicker{font-size:11px;font-weight:650;color:var(--deep);margin-bottom:5px}#step-description{font-size:13px;line-height:1.6;color:var(--muted)}.agent-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.scope-tabs{margin:16px}.scope-tabs button{font-size:11px;padding-inline:6px}.campus-layers{width:100%;display:block;max-height:360px;margin-top:-3px}.plate-face{fill:#f9fcfd;stroke:#b3cad5;stroke-width:1}.plate-edge{fill:#eaf1f5;stroke:#b3cad5;stroke-width:1}.plate-detail{fill:#e0eaf0;stroke:#8faebd;stroke-width:1}.scope-plate{opacity:.53;transition:opacity .3s}.scope-plate.is-selected{opacity:1}.scope-plate.is-selected .plate-face{fill:#f5fcfc;stroke:#568797;stroke-width:1.4}.scope-plate.is-selected .plate-detail{fill:#d0e7ed;stroke:#528697}.scope-caption{display:flex;gap:12px;align-items:flex-start;margin:0 17px;padding:16px;background:white;border:1px solid #c4d8e1;border-radius:9px}.scope-caption strong{font-size:15px;font-weight:600;display:block;margin-bottom:4px}.scope-caption div>span{font-size:12px;line-height:1.65;color:var(--muted);display:block}.scope-caption>.line-icon{margin-top:2px}.ongoing-loop{display:flex;gap:11px;align-items:center;justify-content:center;padding:15px 14px;font-size:11px;color:var(--muted)}.ongoing-loop>span:first-child{font-size:26px;color:var(--teal)}.ongoing-loop strong{font-weight:550;color:var(--deep)}.invitation-stage{padding:27px 19px 22px}.your-document{position:relative;background:white;border:1px solid #acc6d2;border-radius:9px;box-shadow:7px 8px 0 #e8f0f4,8px 9px 0 #b8cfd9;width:176px;margin:0 auto 16px;padding:23px 21px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transform:rotate(-4deg)}.document-corner{position:absolute;right:-1px;top:-1px;width:27px;height:27px;background:linear-gradient(45deg,#e2edf2 49%,#f5f9fb 50%);border-bottom:1px solid #b3cbd5;border-left:1px solid #b3cbd5;border-radius:0 8px 0 3px}.your-document strong{font-size:23px;font-weight:600;letter-spacing:-.04em}.your-document>span:not(.line-icon,.document-corner){font-size:12px;color:var(--muted);line-height:1.65}.your-document>.line-icon{width:27px;height:27px}.sample-lines{width:100%;margin-top:3px}.sample-lines i:nth-child(2){width:85%}.sample-lines i:nth-child(3){width:65%}.question-stack{display:grid;gap:9px}.question-stack>div{display:flex;align-items:center;gap:12px;background:white;border:1px solid #c4d8e1;border-radius:8px;padding:14px 12px;min-height:57px}.question-stack>div>span:first-child{font-size:10px;color:var(--teal)}.question-stack strong{font-size:15px;font-weight:550;flex:1}.question-stack .line-icon{width:18px;height:18px}.skip{position:fixed;left:8px;top:-100px;background:white;z-index:99;padding:10px}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--border);padding:0;border-radius:12px;max-width:1100px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:white}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#163345ad;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid var(--border)}.dialog-heading h2{font-size:18px;line-height:1.3;margin-top:4px}.dialog-heading .eyebrow{font-size:9px}.dialog-heading>.text-button{flex-shrink:0}.dialog-tools{display:flex;justify-content:space-between;gap:12px;padding:10px 15px}.dialog-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;background:#eaf0f5;padding:12px;flex:1}.dialog-scroll img{display:block;width:min(100%,750px);height:auto;margin:auto}.dialog-scroll.zoomed img{width:1200px;max-width:none;margin:0 auto}.image-description{font-size:12px;padding:0 16px;max-height:150px;overflow:auto;flex-shrink:0}.image-description summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600}.image-description summary:before{content:'+';font-size:19px;color:var(--teal)}.image-description[open] summary:before{content:'−'}.image-description p{color:var(--muted);line-height:1.7;margin-bottom:10px}.image-description summary::-webkit-details-marker{display:none}dialog>.synthetic-note{margin:0;padding:0 16px 12px}body:has(dialog[open]){overflow:hidden}@media(min-width:500px){.scene-nav button{font-size:11px}.scene-nav{padding-inline:24px}.scene-heading{margin-bottom:24px}h1{font-size:34px}.scene{padding-top:32px}.graphic-stage{border-radius:18px}.access-stage{padding-top:5px}.structure-labels>span{font-size:12px}.structure-labels b{font-size:11px}.remediation-loop button{min-height:130px;padding:15px}.remediation-loop strong{font-size:17px}.remediation-loop small{font-size:11px}.loop-stage{padding:20px}.approach-routes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.route-card{padding:16px 13px;display:flex;flex-direction:column}.route-title{align-items:flex-start}.route-title h2{font-size:19px}.route-card ul{font-size:15px;flex:1}.route-card .action-button{font-size:11px;padding-inline:9px}.fork{height:32px;background:none;width:52%;position:relative;border-top:1px solid var(--line);margin-top:16px}.fork:before{content:'';position:absolute;top:-17px;left:50%;height:16px;width:1px;background:var(--line)}.fork:after{content:'';position:absolute;inset:0;border-inline:1px solid var(--line)}.branch-origin{margin-bottom:0}.gallery-card>img{max-height:470px}}@media(max-width:359px){.brand-header{padding-inline:17px}.brand-header img{width:120px}.brand-header>span{font-size:10px}.scene-nav{padding-inline:10px;gap:1px}.scene-nav button{font-size:9px}.scene-nav button>span{font-size:10px}main{padding-inline:16px}.scene{padding-top:23px}h1{font-size:28px}.scene-heading>p:last-child{font-size:13px}.presenter-controls{padding-inline:16px}.presenter-controls>button{font-size:12px;padding:8px 10px}#next-scene-name{font-size:9px}.loop-stage{padding:13px 10px 9px}.remediation-loop{column-gap:21px}.remediation-loop button{padding:10px 8px;min-height:124px}.remediation-loop strong{font-size:14px}.arrow-right{right:-21px;width:21px}.arrow-left{left:-21px;width:21px}.structure-labels{left:8px;right:8px;gap:4px}.structure-labels>span{font-size:9px;padding:4px}.graphic-label{padding-inline:14px}.approach-map{padding:14px 12px}.route-card{padding:15px}.scope-tabs{margin:12px}.scope-tabs button{font-size:10px}.scope-caption{margin-inline:13px;padding:13px}.question-stack strong{font-size:14px}.dialog-heading{padding:12px}.dialog-heading h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.scene-nav,.presenter-controls,button{display:none}.scene[hidden]{display:block!important}.scene{break-after:page}.story-shell{max-width:580px}.graphic-stage{break-inside:avoid}}

/* Keep each graphic compact enough for a presenter’s narrow companion panel. */
.layer-illustration{height:285px;margin-bottom:30px}.structure-revealed .layer-illustration{margin-bottom:30px}.page-layer{transform:translateY(92px)}.reading-layer{transform:translateY(14px)}.semantic-layer{transform:translateY(-64px)}
.source-art{height:190px;margin-top:5px}.paper{height:162px;width:137px}.front{padding:12px 15px}.paper-title{margin:8px 0}.paper-table{margin-top:9px;height:23px}.source-switch{margin-top:14px}.process-pair{padding-bottom:16px}.mini-node{padding:12px 6px}
.campus-layers{height:270px}.scope-caption{padding:13px}.invitation-stage{padding-block:22px 18px}.your-document{padding-block:18px;gap:8px}.question-stack>div{min-height:52px;padding-block:11px}
.approach-map{padding:18px 12px}.approach-routes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.route-card{padding:14px 10px;display:flex;flex-direction:column}.route-title{flex-direction:column;align-items:flex-start;gap:8px}.route-title h2{font-size:18px;overflow-wrap:anywhere}.route-card ul{font-size:15px;line-height:1.6;padding-left:15px;flex:1;margin-block:15px}.route-card .action-button{font-size:11px;padding:8px;gap:4px}.fork{height:26px;background:none;width:52%;position:relative;border-top:1px solid var(--line);margin-top:15px}.fork:before{content:'';position:absolute;top:-16px;left:50%;height:15px;width:1px;background:var(--line)}.fork:after{content:'';position:absolute;inset:0;border-inline:1px solid var(--line)}
.remediation-loop button{min-height:112px;padding:11px 10px}.loop-stage{padding-top:15px}.step-explanation{padding-top:6px}.scene-heading{margin-bottom:18px}.takeaway{margin-top:16px}.scene{padding-bottom:20px}
@media(max-width:359px){.route-title h2{font-size:16px}.route-card{padding-inline:8px}.route-card ul{font-size:14px;padding-left:14px}.route-card .action-button{font-size:10px;padding-inline:6px}.approach-routes{gap:10px}.approach-map{padding-inline:10px}.remediation-loop button{padding:10px 8px;min-height:113px}.layer-illustration{height:263px}.campus-layers{height:250px}}
.scene-nav button{padding-inline:0;font-size:11px}
@media(max-height:960px){
.brand-header{padding-block:14px 12px}.scene-nav{padding-top:9px}.scene-nav button{min-height:49px}.scene{padding-top:22px;padding-bottom:16px}.scene-heading{margin-bottom:16px}.scene-heading .eyebrow{margin-bottom:9px}h1{font-size:28px}.scene-heading>p:last-child{margin-top:10px;line-height:1.55}.presenter-controls{padding-block:10px 12px}.layer-illustration{height:245px}.campus-layers{height:235px}.takeaway{margin-top:13px;font-size:12px}.source-art{height:177px}.mini-node{padding-block:10px}.remediation-loop button{min-height:101px;padding:9px;gap:6px}.remediation-loop strong{font-size:14px}.loop-stage{padding-top:13px}.step-explanation{margin-top:12px}.approach-map{padding-block:15px}.route-card{padding-block:12px}.route-card ul{margin-block:12px;line-height:1.5}.route-title h2{font-size:17px}.invitation-stage{padding-top:18px}.your-document{padding-block:15px}.question-stack>div{padding-block:10px;min-height:49px}
}

.structure-labels>span,.structure-labels b{font-size:11px}
/* Opening scene: a PDF unfolds diagonally into its remediation workflow. */
.access-stage{width:100%;margin-left:50%;transform:translateX(-50%);transition:width .8s cubic-bezier(.2,.8,.2,1);overflow:hidden;padding-top:0}
.access-stage.structure-revealed{width:min(calc(100vw - 32px),1000px)}
.workflow-graphic-title{font-size:17px;line-height:1.4;letter-spacing:-.025em;padding:18px 18px 2px;color:var(--deep)}
.workflow-canvas{position:relative;--node-width:142px;height:350px;transition:height .8s cubic-bezier(.2,.8,.2,1);margin:0 12px}
.workflow-node{position:absolute;width:var(--node-width);height:118px;left:calc(50% - var(--node-width)/2);top:147px;padding:11px 10px;border:1px solid #9fbdcb;border-radius:9px;background:#fff;box-shadow:0 6px 0 #e7f0f4,0 7px 0 #a6c0cc,0 12px 18px #274c600b;transform:rotate(-6deg);transition:left .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1),transform .8s,height .8s,opacity .5s;display:flex;flex-direction:column;gap:7px}
.workflow-node-title{font-size:13px;line-height:1.3;font-weight:650;letter-spacing:-.02em;color:var(--deep)}
.workflow-node-caption{font-size:10px;line-height:1.35;color:var(--muted);margin-top:auto}
.workflow-node:not(.output-node)>*{opacity:0;transition:opacity .35s .3s}
.source-node{top:172px}.audit-node{top:165px}.remediate-node{top:158px}.inspect-node{top:151px}.output-node{top:136px;height:158px;z-index:5;background:#fff}
.output-node .workflow-node-title,.output-node .workflow-node-caption{opacity:0;transition:opacity .3s}
.workflow-sources{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.workflow-sources span{font-size:10px;line-height:1.3;padding:5px 3px;background:#f0f6f8;border:1px solid #dce8ee;border-radius:3px;text-align:center}.workflow-sources img{display:block;grid-column:1/-1;width:100%;height:auto}
.audit-mini{position:relative;flex:1;min-height:49px;width:78px;align-self:center;border:1px solid #d8e7ec;border-radius:7px;background:linear-gradient(145deg,#f8fcfd,#e9f4f6);box-shadow:inset 0 1px 0 #fff;overflow:hidden}.scan-document{position:absolute;inset:5px auto auto 20px;width:39px;height:45px;background:#fff;border:1px solid #afc8d2;border-radius:3px;padding:7px 5px;transform:rotate(-3deg);box-shadow:0 3px 7px #173b4b18}.scan-document:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal);border-radius:3px 3px 0 0}.scan-document span{display:block;height:4px;background:#719eae;width:22px;margin-bottom:6px;border-radius:2px}.scan-document i{display:block;height:2px;background:#c1d6de;width:27px;margin-top:4px;border-radius:2px}.scan-document i:nth-of-type(2){width:21px}.scan-document b{display:block;width:12px;height:7px;background:#ddedf1;margin-top:4px;border-radius:1px}.scanner-line{position:absolute;z-index:2;top:7px;left:7px;right:7px;height:2px;background:#1ba3af;box-shadow:0 0 0 4px #1ec1cb18,0 0 8px #1ec1cb55;transform:translateY(20px)}.scanner-line i{position:absolute;right:-1px;top:-2px;width:6px;height:6px;border-radius:50%;background:#fff;border:2px solid var(--teal)}.scan-target{position:absolute;z-index:3;width:7px;height:7px;border:1.5px solid #a16f17;border-radius:50%;background:#fff3c2;box-shadow:0 0 0 2px #ffc7042b}.scan-target.one{top:17px;left:28px}.scan-target.two{top:35px;right:21px}
.repair-document{position:relative;border:1px solid #c2d9e1;border-radius:6px;background:linear-gradient(150deg,#fff,#eef7f8);padding:7px 5px 5px 18px;display:grid;gap:3px;margin:0 2px;box-shadow:0 3px 8px #173b4b12;overflow:hidden}.repair-document:before{content:"AI";position:absolute;inset:0 auto 0 0;width:14px;display:grid;place-items:center;background:#07394b;color:#fff;font-size:6px;font-weight:750;letter-spacing:.04em}.repair-document>div{height:13px;display:grid;grid-template-columns:16px 1fr 9px;align-items:center;gap:4px;border:1px solid #a9ccd4;padding:1px 3px;border-radius:3px;background:#fff;box-shadow:0 1px 2px #173b4b0c}.repair-document b{font-size:7px;font-weight:700;color:#fff;line-height:1;min-width:13px;text-align:center;padding:2px 1px;border-radius:2px;background:var(--teal)}.repair-document span{height:2px;background:#a7c8d2;border-radius:2px}.repair-document i{font-style:normal;font-size:7px;color:#087985;font-weight:800}.tag-inspector{position:relative;border:1px solid #d2dfe6;border-radius:6px;padding:4px 5px;background:linear-gradient(145deg,#fff,#f4f8f9);box-shadow:0 3px 8px #173b4b12;overflow:hidden}.inspector-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;min-height:15px;gap:5px}.inspector-head{font-size:7px;color:var(--muted);border-bottom:1px solid var(--border);letter-spacing:.02em}.tag-correction{color:var(--teal);background:#fff4cd;margin:2px 0;padding:1px 3px;border:1px solid #f0d986;border-radius:3px}.tag-correction>span{display:flex;align-items:center;gap:4px}.tag-correction s{color:#7b8790}.tag-correction b{font-weight:750;color:#725717;background:#fff;padding:1px 3px;border-radius:2px}.tag-correction svg{height:12px;width:12px;stroke:#8a661c;stroke-width:1.8;fill:none}.review-approved{display:flex;align-items:center;gap:4px;color:#47616c;font-size:7px;line-height:1}.review-approved i{display:grid;place-items:center;width:10px;height:10px;border-radius:50%;background:var(--teal);color:#fff;font-size:7px;font-style:normal;font-weight:800}.inspect-node{border-color:#b6b292}.inspect-node .workflow-node-title{color:#715923}
.output-document{border:1px solid #b0cad6;border-radius:4px;background:#fff;padding:10px 9px;width:78px;align-self:center;box-shadow:3px 3px 0 #e4eff4;transition:width .6s,padding .6s;position:absolute;top:13px;bottom:12px;display:flex;flex-direction:column;justify-content:center;gap:8px}.output-pdf-label{font-size:11px;font-weight:650;color:var(--teal)}.output-document strong{height:5px;background:#90b5c4;width:90%;display:block}.output-document i{height:3px;background:#ccdee7;display:block}.output-document i:nth-of-type(2){width:72%}.output-tag-lines{display:flex;gap:4px;margin-top:2px}.output-tag-lines span{font-size:8px;border:1px solid #c1d9e2;border-radius:2px;padding:0 3px;color:var(--teal)}
.pdf-pointer{position:absolute;top:51px;left:calc(50% - 114px);font-size:15px;color:var(--deep);font-weight:600;transition:opacity .3s;display:flex;align-items:flex-start;gap:6px;pointer-events:none}.pdf-pointer svg{width:85px;height:57px;margin-top:9px;stroke:var(--teal);stroke-width:1.6;fill:none;overflow:visible}
.workflow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;transition:opacity .4s .5s;z-index:0;pointer-events:none}.workflow-wires>path{fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #fff)}#workflow-return{stroke-width:1.8;stroke-dasharray:5 7;marker-end:url(#workflow-arrow)}.workflow-step-arrow circle{fill:var(--teal);stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 3px #264a5b38)}.workflow-step-arrow path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.return-label{position:absolute;bottom:10px;left:42%;color:var(--deep);font-size:11px;background:#f5f9fb;padding:1px 7px;border-radius:10px;opacity:0;transition:opacity .4s .5s}
.structure-revealed .workflow-canvas{height:575px;--step-x:calc((100% - var(--node-width) - 36px)/4)}
.structure-revealed .workflow-node{left:12px;top:428px;height:118px;transform:rotate(0)}
.structure-revealed .audit-node{left:calc(12px + var(--step-x));top:324px}
.structure-revealed .remediate-node{left:calc(12px + var(--step-x)*2);top:220px}
.structure-revealed .inspect-node{left:calc(12px + var(--step-x)*3);top:116px}
.structure-revealed .output-node{left:calc(12px + var(--step-x)*4);top:12px}
.structure-revealed .workflow-node>*{opacity:1}.structure-revealed .pdf-pointer{opacity:0}.structure-revealed .workflow-wires,.structure-revealed .return-label{opacity:1}
.structure-revealed .output-document{width:47px;position:static;padding:5px;gap:4px;height:57px;box-shadow:2px 2px 0 #e4eff4}.structure-revealed .output-pdf-label{font-size:9px}.structure-revealed .output-document strong{height:3px}.structure-revealed .output-document i{height:2px}.structure-revealed .output-tag-lines{gap:2px;margin:0}.structure-revealed .output-tag-lines span{font-size:6px;padding:0 1px}
.structure-revealed .scanner-line{animation:audit-scan 2.4s ease-in-out .6s 2}.structure-revealed .repair-document>div{animation:repair-row .7s ease both}.structure-revealed .repair-document>div:nth-child(1){animation-delay:.7s}.structure-revealed .repair-document>div:nth-child(2){animation-delay:1s}.structure-revealed .repair-document>div:nth-child(3){animation-delay:1.3s}.structure-revealed .tag-correction b{animation:tag-edit .6s 1.5s both}
@keyframes audit-scan{0%,100%{transform:translateY(20px)}35%{transform:translateY(4px)}70%{transform:translateY(34px)}}@keyframes repair-row{from{opacity:.2;transform:translateX(-8px);border-color:transparent}to{opacity:1;transform:translateX(0);border-color:#9dc4ce}}@keyframes tag-edit{from{opacity:0;transform:translateX(-3px)}to{opacity:1;transform:translateX(0)}}
.access-stage>.graphic-footnote{padding:7px 18px 13px;font-size:10px;line-height:1.5}
@media(min-width:650px){.structure-revealed .workflow-canvas{--node-width:170px;height:475px}.structure-revealed .source-node{top:324px}.structure-revealed .audit-node{top:246px}.structure-revealed .remediate-node{top:168px}.structure-revealed .inspect-node{top:90px}.structure-revealed .output-node{top:12px}.structure-revealed .workflow-node{height:132px}.workflow-node-title{font-size:15px}.workflow-node-caption{font-size:11px}.workflow-sources span{font-size:11px}.tag-inspector{padding:4px 8px}.inspector-row{font-size:11px;min-height:19px}.inspector-row:first-child{font-size:10px}.repair-document>div{height:16px}.repair-document b{font-size:10px}.structure-revealed .output-document{height:67px;width:55px}.return-label{font-size:12px}}
@media(max-width:359px){.workflow-canvas{--node-width:134px;margin-inline:8px}.workflow-graphic-title{font-size:16px;padding-inline:14px}.workflow-node{padding:10px 8px}.workflow-node-title{font-size:12px}.workflow-node-caption{font-size:10px}.workflow-sources{gap:4px}.workflow-sources span{font-size:9px}.pdf-pointer{font-size:14px;left:calc(50% - 110px)}}
@media(prefers-reduced-motion:reduce){.workflow-node,.workflow-canvas,.access-stage{transition:none!important}.scanner-line,.repair-document>div,.tag-correction b{animation:none!important}}
/* Keep each illustrated action unobscured when the companion panel is narrow. */
@media(max-width:949px){
.structure-revealed .workflow-canvas{--node-width:142px;height:755px}
.structure-revealed .workflow-node{height:118px}
.structure-revealed .source-node{top:596px}.structure-revealed .audit-node{top:450px}.structure-revealed .remediate-node{top:304px}.structure-revealed .inspect-node{top:158px}.structure-revealed .output-node{top:12px}
.structure-revealed .workflow-node-title{font-size:13px}.structure-revealed .workflow-node-caption{font-size:10px}.structure-revealed .workflow-sources span{font-size:10px}.structure-revealed .tag-inspector{padding:3px 6px}.structure-revealed .inspector-row{font-size:9px;min-height:16px}.structure-revealed .inspector-row:first-child{font-size:8px}.structure-revealed .repair-document>div{height:13px}.structure-revealed .repair-document b{font-size:8px}.structure-revealed .output-document{height:57px;width:47px}
}
@media(max-width:359px){.structure-revealed .workflow-canvas{--node-width:134px}.structure-revealed .workflow-node-title{font-size:12px}.structure-revealed .workflow-sources span{font-size:9px}}

@media(min-width:950px){.structure-revealed .workflow-canvas{height:510px}}
@media(max-width:949px){
.structure-revealed .workflow-node{gap:5px}
.structure-revealed .output-node{padding-block:9px}
.structure-revealed .repair-document{padding:3px 5px 3px 18px}
.structure-revealed .tag-inspector{padding-block:2px}
.structure-revealed .output-node .workflow-node-caption{font-size:9px;white-space:nowrap}
}

/* One persistent flow, with the supporting detail opened in place. */
.story-shell{width:min(100%,1200px)}
main{padding:0 28px 40px}.intro{max-width:620px;margin:30px auto 25px}.intro h1{font-size:34px;line-height:1.18}.intro>p:last-child{max-width:580px;font-size:15px}
#flow-workspace{max-width:1000px;margin:auto;scroll-margin-top:12px}.flow-dock{min-width:0}.access-stage.structure-revealed{width:100%;margin:0;transform:none}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 20px 0}.workflow-graphic-title{padding:0;font-size:20px}.flow-heading .text-button{flex-shrink:0;font-size:11px}.workflow-node{text-align:left}.workflow-node:hover{border-color:var(--teal);background:#f3fafc}.workflow-node[aria-current]{border:2px solid var(--teal);background:#edf7f9;box-shadow:0 6px 0 #c9e0e7,0 7px 0 #6896a8,0 10px 20px #274c6012}.workflow-node:focus-visible{outline-offset:4px;z-index:6}.node-number{position:absolute;right:8px;top:-13px;width:23px;height:23px;border:1px solid #a9c6d2;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:9px;font-weight:700;color:var(--teal)}.flow-hint{font-size:13px;color:var(--muted);text-align:center;margin:16px 0}.workflow-node .workflow-node-title{padding-right:0}.workflow-node-caption{text-align:left}
.detail-open .flow-dock{position:sticky;top:0;z-index:10;background:var(--bg);padding-bottom:12px}.detail-open .access-stage{border-radius:0 0 12px 12px;box-shadow:0 7px 15px #203e4e0a}.detail-open .flow-heading{padding:5px 12px 0;min-height:45px}.detail-open .workflow-graphic-title{font-size:15px}.detail-open .workflow-canvas{--node-width:124px;height:240px;margin:0 12px}.detail-open .workflow-node{height:36px;min-height:36px;padding:7px 8px;gap:0;box-shadow:0 3px 0 #e2edf2;transition:none;justify-content:center}.detail-open .workflow-node>*:not(.workflow-node-title){display:none}.detail-open .workflow-node-title{font-size:12px}.detail-open .source-node{top:184px}.detail-open .audit-node{top:141px}.detail-open .remediate-node{top:98px}.detail-open .inspect-node{top:55px}.detail-open .output-node{top:12px}.detail-open .graphic-footnote{display:none}.detail-open .return-label{font-size:10px;bottom:0;left:auto;right:20px}.detail-open .workflow-wires{transition:none}.detail-open .workflow-canvas{--step-x:calc((100% - var(--node-width) - 36px)/4)}
.step-panel{min-width:0;padding:24px;background:#fff;border:1px solid var(--border);border-radius:14px;margin-top:10px}.panel-heading .eyebrow{margin-bottom:10px}.panel-heading h2{font-size:28px;line-height:1.2}.panel-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.65;margin-top:12px}#panel-title:focus{outline:none}.document-context{border-block:1px solid var(--border);padding:16px 0;margin:20px 0 24px}.document-context label{font-weight:600;font-size:12px;display:block;margin-bottom:7px}.document-context select{margin:0 0 8px;font-size:15px}.document-context #example-mode{display:inline-block;padding:3px 7px;border-radius:4px;background:var(--pale);color:var(--deep);font-size:11px;font-weight:600}.context-note{display:block;font-size:11px;color:var(--muted);margin-top:7px}.step-panel h3{margin:0 0 10px;font-size:19px;line-height:1.35;letter-spacing:-.025em;font-weight:650}.step-panel h4{font-size:14px;margin:18px 0 6px}.step-panel p:not(.eyebrow):not(.detail-kicker):not(.synthetic-note):not(.takeaway):not(#example-caption){font-size:15px;line-height:1.65}.step-panel .detail-kicker{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:7px}.body-copy{color:var(--muted)}.info-block{padding:20px;background:#f3f8fa;border:1px solid var(--border);border-radius:10px;margin:22px 0}.readable-list{padding-left:21px;font-size:16px;line-height:1.65;margin:12px 0 20px}.readable-list li+li{margin-top:13px}.readable-list li::marker{color:var(--teal)}.readable-list strong{font-weight:650}.finding-card{display:flex;align-items:flex-start;gap:13px;border:1px solid #d8d2b8;background:#fffdf6;border-radius:10px;padding:19px;margin-bottom:25px}.finding-card .line-icon{margin-top:4px}.finding-card p{margin-top:6px}.support-detail{border:1px solid var(--border);border-radius:9px;padding:0 16px;margin:20px 0;background:#fcfdfe}.support-detail summary{font-size:14px;font-weight:600;cursor:pointer;min-height:48px;padding:14px 0;color:var(--deep)}.support-detail[open]{padding-bottom:17px}.support-detail p+p{margin-top:12px}.full-options{grid-template-columns:1fr;margin-top:16px;gap:16px}.route-title h3{margin:0;font-size:21px}.route-card{padding:20px}.route-card ul{font-size:17px;line-height:1.65;margin-bottom:0}.route-card li{margin-top:13px}.comparison-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.comparison-section .body-copy{margin-bottom:15px}.source-switch{margin:0}.step-panel .system-chips{padding:0;gap:8px}.step-panel .system-chips span{font-size:12px;padding:5px 9px}.step-panel #source-caption{font-size:19px;text-align:left;color:var(--ink);padding:0}.review-focus{padding-left:15px;border-left:3px solid #b29a5c;margin-bottom:25px}.review-sequence{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-sequence li{min-width:0}.review-sequence button{width:100%;min-height:68px;text-align:left;font-size:14px;font-weight:600;background:#f8fbfc;border:1px solid var(--border);border-radius:8px;padding:10px 13px;display:flex;flex-direction:column;gap:4px}.review-sequence button span{font-size:10px;color:var(--teal)}.review-sequence button[aria-pressed=true]{background:var(--pale);border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.review-detail{border:1px solid var(--border);border-radius:10px;padding:20px;margin:15px 0 22px;min-height:195px}.tag-edit-illustration{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.tag-edit-illustration>div{padding:10px;background:#f2f7f9;border:1px solid var(--border);border-radius:6px}.tag-edit-illustration>div>span{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.tag-edit-illustration strong{font-size:13px;display:block;color:var(--deep)}.tag-edit-illustration s{color:#8f989e}.tag-edit-illustration small{grid-column:1/-1;font-size:10px;color:var(--muted)}.return-source{width:100%;font-size:14px}.oversight-detail .graphic-stage{margin-top:18px}.step-panel .scope-caption span{font-size:13px}.step-panel .takeaway{font-size:14px}.step-panel .synthetic-note{font-size:11px}
@media(min-width:1050px){
.intro{max-width:none;margin:35px 0 30px}.intro h1{max-width:680px;font-size:38px}.intro>p:last-child{max-width:none}
#flow-workspace.detail-open{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:25px;align-items:start}
.detail-open .flow-dock{top:16px;padding-bottom:0}.detail-open .access-stage{border-radius:14px}.detail-open .flow-heading{padding:12px 15px 4px}.detail-open .workflow-graphic-title{font-size:17px}.detail-open .workflow-canvas{--node-width:140px;height:620px;margin:5px 12px 0}.detail-open .workflow-node{height:105px;padding:8px;gap:3px;justify-content:initial}.detail-open .workflow-node>*:not(.workflow-node-title){display:revert}.detail-open .workflow-node .node-number{display:grid}.detail-open .workflow-node .workflow-sources{display:grid;gap:4px;margin-top:4px}.detail-open .workflow-node .repair-document{display:grid}.detail-open .workflow-node .output-document{display:flex;width:45px;height:50px;padding:4px}.detail-open .workflow-node-caption{font-size:9px;white-space:nowrap}.detail-open .workflow-node-title{font-size:12px}.detail-open .workflow-sources span{font-size:9px}.detail-open .inspector-row{min-height:15px;font-size:9px}.detail-open .inspector-row:first-child{font-size:8px}.detail-open .tag-inspector{padding:2px 6px}.detail-open .repair-document{padding:3px 5px 3px 18px}.detail-open .repair-document>div{height:12px}.detail-open .repair-document b{font-size:8px}.detail-open .source-node{top:472px}.detail-open .audit-node{top:357px}.detail-open .remediate-node{top:242px}.detail-open .inspect-node{top:127px}.detail-open .output-node{top:12px}.detail-open .graphic-footnote{display:block}.detail-open .return-label{font-size:11px;bottom:3px;right:30px}.step-panel{margin-top:0}
}
@media(max-width:649px){main{padding:0 16px 28px}.brand-header{padding-inline:16px}.brand-header>span{font-size:9px;max-width:100px;text-align:right}.intro{margin-top:26px}.intro h1{font-size:29px}.flow-heading{padding:18px 14px 0}.workflow-graphic-title{font-size:18px}.step-panel{padding:20px 16px}.panel-heading h2{font-size:25px}.detail-open .flow-heading{padding-inline:9px}.detail-open .workflow-graphic-title{font-size:14px}.detail-open .flow-heading .text-button{font-size:10px}.detail-open .workflow-canvas{margin-inline:5px;--node-width:118px}.detail-open .workflow-node-title{font-size:11px}.route-card{padding:17px}.route-card ul{font-size:16px}.route-title h3{font-size:20px}.finding-card,.info-block,.review-detail{padding:16px}.gallery-toolbar{padding:8px;gap:4px}.segmented button{padding-inline:10px}.readable-list{font-size:16px}.tag-edit-illustration{gap:6px}.tag-edit-illustration>div{padding:8px}.tag-edit-illustration strong{font-size:11px}.step-panel .scope-tabs button{padding-inline:5px;font-size:11px}}
@media(max-height:700px) and (max-width:1049px){.detail-open .workflow-canvas{height:210px}.detail-open .workflow-node{height:30px;min-height:30px;padding-block:5px}.detail-open .source-node{top:160px}.detail-open .audit-node{top:123px}.detail-open .remediate-node{top:86px}.detail-open .inspect-node{top:49px}.detail-open .output-node{top:12px}}
@media(max-width:1049px){.detail-open .workflow-canvas{transition:none}.detail-open .source-node{top:168px}.detail-open .audit-node{top:129px}.detail-open .remediate-node{top:90px}.detail-open .inspect-node{top:51px}.detail-open .output-node{top:12px}.detail-open .workflow-node-title{font-size:12px}}
@media(max-height:700px) and (max-width:1049px){.detail-open .source-node{top:148px}.detail-open .audit-node{top:114px}.detail-open .remediate-node{top:80px}.detail-open .inspect-node{top:46px}.detail-open .output-node{top:12px}}
@media(max-width:1049px){.detail-open .workflow-canvas{height:260px}.detail-open .workflow-node{height:32px;min-height:32px;padding-block:5px}.detail-open .source-node{top:192px}.detail-open .audit-node{top:147px}.detail-open .remediate-node{top:102px}.detail-open .inspect-node{top:57px}.detail-open .output-node{top:12px}}
@media(max-height:700px) and (max-width:1049px){.detail-open .workflow-canvas{height:240px}.detail-open .workflow-node{height:30px;min-height:30px}.detail-open .source-node{top:176px}.detail-open .audit-node{top:135px}.detail-open .remediate-node{top:94px}.detail-open .inspect-node{top:53px}.detail-open .output-node{top:12px}}
html{scroll-padding-top:var(--flow-offset,16px)}
/* Keep the pinned diagram fully in view while a detail panel opens. */
.detail-open .workflow-canvas{transition:none}

/* Step details open over the unchanged flow, within the current screen. */
html{scroll-padding-top:16px;scrollbar-gutter:stable}
#step-panel{position:fixed;inset:0;width:min(860px,84vw);height:86dvh;max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #b9ced9;border-radius:18px;overflow:hidden;box-shadow:0 24px 90px #17384838;color:var(--ink)}
#step-panel[open]{display:flex;flex-direction:column;animation:step-popup-in .18s ease-out}
#step-panel::backdrop{background:#18374745;backdrop-filter:none}
.step-popup-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 26px;border-bottom:1px solid var(--border);background:#f5f9fb;flex-shrink:0}
.step-popup-bar>span{font-size:13px;font-weight:600;color:var(--deep)}
.step-popup-bar .text-button{padding:8px 10px;min-width:76px;justify-content:space-between;font-size:13px;flex-shrink:0}
.step-popup-bar .text-button>span{font-size:23px;font-weight:400;line-height:1}
.step-popup-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;padding:28px 32px 32px;scroll-padding-block:20px}
#step-panel .panel-heading h2{font-size:30px;max-width:640px}
#step-panel .full-options{grid-template-columns:1fr}
@keyframes step-popup-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:649px){#step-panel{width:calc(100% - 24px);height:90dvh;max-height:calc(100dvh - 24px);border-radius:14px}.step-popup-bar{padding:8px 14px;gap:8px}.step-popup-bar>span{font-size:11px}.step-popup-bar .text-button{min-width:63px;padding-inline:5px;font-size:12px}.step-popup-body{padding:22px 18px 26px}#step-panel .panel-heading h2{font-size:26px}}

/* Presenter visuals: a label, a graphic, and room for the spoken demo. */
.access-stage:not(.structure-revealed) .node-number{display:none}
.access-stage:not(.structure-revealed) .workflow-node:not(.output-node){pointer-events:none}
.access-stage:not(.structure-revealed) .output-node{cursor:pointer}
.access-stage:not(.structure-revealed) .output-node:hover{background:white;border-color:var(--teal)}
#reveal-structure{max-width:1000px;margin:14px auto 0;font-size:15px;padding-inline:18px}
#step-panel .panel-heading{margin-bottom:24px}
#step-panel .document-context{display:flex;gap:12px;align-items:center;border:0;padding:0;margin:0 0 20px}
#step-panel .document-context select{flex:1;min-width:0;margin:0}
#step-panel .document-context #example-mode{font-size:11px;white-space:nowrap}
#step-panel .visual-note{font-size:10px!important;color:var(--muted);text-align:center;margin:16px 0 0;line-height:1.4!important}
.visual-connector{text-align:center;color:var(--teal);font-size:32px;line-height:1.2;margin:12px 0}
.source-logos{padding-top:22px!important;margin-bottom:0!important}.source-logos span{font-size:14px!important;padding:10px 13px!important}.source-logos img{display:block;width:min(100%,500px);height:auto;margin:auto}
.source-branches{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.source-branches>div{border:1px solid var(--border);background:var(--pale);border-radius:12px;min-height:105px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center;padding:14px}
.source-branches strong{font-size:17px}.source-branches .line-icon{width:30px;height:30px}.or-label{font-size:12px;color:var(--muted)}
.audit-dashboard{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center}
.score-card{grid-row:span 2;border:1px solid var(--border);border-radius:16px;padding:26px 24px;background:#f7fcfa;display:flex;flex-direction:column;align-items:flex-start}
.score-label{font-size:14px;font-weight:600;color:var(--deep)}.score-value{font-size:82px;line-height:1.15;letter-spacing:-.06em;color:#152b35;margin-top:12px;font-variant-numeric:tabular-nums}.score-value>span{font-size:.5em;letter-spacing:-.03em}.score-subtitle{font-size:18px;color:var(--muted)}
.score-track{height:8px;border-radius:8px;background:#e2ebe7;width:100%;margin-top:22px;overflow:hidden}.score-track>span{display:block;width:99.97%;height:100%;background:#079767}
.compliance-card{display:flex;gap:12px;align-items:center}.status-alert{color:#d02b35;display:grid;place-items:center;width:44px;height:44px;border:1px solid #efb7ba;background:#fff3f3;border-radius:10px;font-size:23px;flex-shrink:0}.compliance-card>div{display:flex;flex-direction:column;gap:6px}.compliance-card strong{font-size:23px;color:#ba2835;line-height:1.1}.compliance-card div>span{font-size:14px;color:var(--muted)}
.audit-badges{display:flex;flex-wrap:wrap;gap:8px;align-self:start}.audit-badges>span{padding:6px 10px;border-radius:30px;background:#fff0f1;color:#ba2835;font-size:12px;font-weight:600}.audit-badges>span+span{color:#2861b7;background:#edf4ff}
.audit-category-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}.audit-category-grid>div{display:flex;flex-direction:column;gap:10px;padding:16px 13px;border:1px solid var(--border);border-radius:9px;min-height:96px}.audit-category-grid b{font-size:15px;color:#078c65}.audit-category-grid .has-issue{background:#fffbfb;border-color:#eac7cc}.audit-category-grid .has-issue b{color:#cc2938}.audit-category-grid span{font-size:12px;line-height:1.35;color:var(--muted)}
.score-distinction{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:20px;margin:8px 0;color:var(--deep);font-size:15px}.score-distinction>b{font-size:29px;color:#ad7d34}
.visual-approaches{display:grid;grid-template-columns:1fr 1fr;gap:14px}.visual-route{border:1px solid var(--border);border-radius:12px;padding:19px 14px;text-align:left;display:flex;flex-direction:column;gap:18px;align-items:center;background:#fff;min-width:0}.visual-route[aria-pressed=true]{border-color:var(--teal);background:#f2f8fa;box-shadow:inset 0 0 0 1px var(--teal)}.visual-route>strong{font-size:20px;color:var(--deep);letter-spacing:-.025em;align-self:flex-start}.visual-route>span{font-size:12px;text-align:center;color:var(--muted)}
.document-transform{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.document-transform>span{font-size:25px;color:var(--teal)}.mini-page{width:74px;height:100px;border:1px solid #aec7d1;border-radius:5px;background:#fff;padding:14px 8px;position:relative;box-shadow:3px 4px 0 #e3edf2;flex-shrink:0}.mini-page>i{height:4px;display:block;background:#a7c3cf;margin-bottom:8px}.mini-page>i:nth-child(2){width:70%}.mini-grid{height:30px;border:1px solid #c7d8e0;background:repeating-linear-gradient(0deg,transparent 0,transparent 9px,#d0e0e6 9px,#d0e0e6 10px)}.tagged>b,.tagged>em,.typed>b{position:absolute;font-style:normal;left:4px;font-size:7px;border:1px solid #82b8c5;background:#f0fbfd;padding:0 2px;color:var(--teal);line-height:12px}.tagged>b{top:8px}.tagged>em{bottom:8px}.handwritten{transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:center;gap:15px;font-family:cursive;font-style:italic;font-size:10px}.typed{display:flex;flex-direction:column;gap:10px;justify-content:center;font-size:8px}.typed>b{top:8px}.typed>span:last-child{font-size:10px;border:1px solid #c5dce4;padding:3px 1px;white-space:nowrap}
.work-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:16px}.work-chips>span{border:1px solid var(--border);padding:5px 9px;border-radius:25px;font-size:11px;color:var(--deep)}
#step-panel .comparison-section{margin-top:22px;padding-top:0;border:0}.gallery-card>img{height:clamp(330px,48dvh,560px)}
.review-sequence{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.review-sequence button{font-size:12px;min-height:69px;padding:10px;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.review-sequence li{position:relative}.review-sequence li:not(:last-child):after{content:'›';position:absolute;right:-9px;top:24px;font-size:14px;color:var(--teal)}
.review-visual{margin-top:24px;border:1px solid var(--border);border-radius:14px;background:#f6fafc;padding:30px 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:26px;min-height:300px}.visual-kicker{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}.tag-tree{padding:18px 12px;background:#fff;border:1px solid var(--border);border-radius:8px}.tag-tree>div{display:flex;align-items:center;gap:10px;font-size:13px;min-height:40px;padding:4px 8px;border-left:1px solid #c4d7df;margin-left:6px}.tag-tree b{color:var(--teal);font-size:12px;min-width:20px}.tag-tree .active-tag{border:1px solid #c5a570;background:#fffaf0;margin-left:0;padding-left:13px;border-radius:5px}.active-tag.is-edited{background:#eaf7f0;border-color:#7eae95}#edit-tag{margin-left:auto;border:1px solid #c9dce4;background:white;border-radius:4px;font-size:20px;min-width:32px;min-height:32px;color:var(--teal)}
.review-page{background:#fff;border:1px solid #adc7d3;border-radius:6px;padding:18px;box-shadow:5px 6px 0 #e0ebf0;max-width:220px;width:100%;margin:auto}.page-label{color:var(--teal);font-weight:600;font-size:12px;display:block;margin-bottom:15px}.review-page>strong{display:block;height:8px;width:80%;background:#91b4c2;margin-bottom:14px}.review-page>i{display:block;height:4px;background:#d1e1e8;margin:8px 0}.review-page>i:nth-of-type(2n){width:76%}.highlight-heading{border:1px solid #79aebd;padding:6px;display:flex;align-items:center;gap:8px;background:#f0f9fb;margin:16px -5px 12px}.highlight-heading b{font-size:9px;color:var(--teal)}.highlight-heading>span{height:4px;background:#a1c2cf;flex:1}.review-page-grid{height:45px;border:1px solid #d6e3e9;background:repeating-linear-gradient(0deg,transparent 0,transparent 13px,#d6e3e9 13px,#d6e3e9 14px);margin-top:17px}
.visual-bottom-label{grid-column:1/-1;text-align:center;font-size:16px;font-weight:600;color:var(--deep)}.visual-bottom-label>span{margin:0 18px;color:#6f929f}.review-action{grid-template-columns:1fr auto 1fr;justify-items:center}.action-document{position:relative}.action-document>.line-icon,.validation-scan>.line-icon{width:100px;height:130px}.action-document>.line-icon svg,.validation-scan>.line-icon svg{stroke-width:.8}.edit-badge,.saved-badge{position:absolute;right:0;bottom:16px;border:1px solid #b5ced8;background:white;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:22px;color:var(--teal)}.saved-badge{color:#078c65;background:#effaf4}.big-arrow{font-size:35px;color:var(--teal)}.validation-scan{position:relative}.validation-beam{position:absolute;left:-10px;right:-10px;top:20%;height:3px;background:#269ca9;box-shadow:0 0 0 5px #2593a414;animation:validate-scan 2s ease-in-out 2}.validation-checks{grid-column:2/4;display:grid;gap:15px;font-size:15px;color:var(--deep)}.validation-checks span:before{content:'↻';color:var(--teal);margin-right:10px}.report-visual{display:flex;flex-direction:column;gap:20px}.report-sheet{max-width:320px;width:100%;padding:23px;border:1px solid #b8cfd9;border-radius:8px;background:#fff;box-shadow:5px 5px 0 #e0ebf0}.report-sheet>.line-icon{width:32px;height:32px;vertical-align:middle;margin-right:10px}.report-sheet>strong{font-size:19px}.report-sheet>div{margin-top:22px;display:flex;gap:25px;align-items:center;font-size:13px}.report-sheet i{height:5px;border-radius:5px;background:#c5dbe4;flex:1}.report-sheet>div:last-child i{background:#dbc69c;flex:.6}.report-return{font-size:14px;color:var(--teal);padding:8px;min-height:42px}
.finished-pdf{display:flex;flex-direction:column;align-items:center;gap:10px;padding:25px;background:#f4faf8;border:1px solid #b9d4c9;border-radius:14px;max-width:320px;margin:auto}.finished-pdf .line-icon{width:65px;height:76px}.finished-pdf .line-icon svg{stroke-width:1}.finished-pdf>strong{font-size:24px;color:var(--deep)}.finished-pdf>span:last-child{font-size:13px;color:var(--muted)}.return-systems{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.return-systems>span{padding:13px 18px;background:white;border:1px solid var(--border);border-radius:7px;font-size:15px;color:var(--deep)}.version-options{display:flex;gap:14px;justify-content:center;align-items:center;margin:22px 0;color:var(--muted);font-size:13px}.version-options b{font-size:11px;font-weight:400}.return-source{max-width:320px;margin:0 auto}.scope-graphic{display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--border);padding-top:25px;margin-top:30px;gap:8px}.scope-graphic>div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px}.scope-graphic .line-icon{width:28px;height:28px}.scope-graphic>b{font-size:16px;color:#99b4c0;font-weight:400}
@keyframes validate-scan{0%,100%{top:20%}50%{top:80%}}
@media(max-width:649px){.audit-dashboard{grid-template-columns:1fr;gap:16px}.score-card{grid-row:auto;padding:20px}.score-value{font-size:76px;margin-top:5px}.score-subtitle{font-size:16px}.compliance-card{padding:4px 0}.compliance-card strong{font-size:24px}.audit-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.audit-category-grid>div{min-height:80px;padding:12px}.score-distinction{font-size:12px;gap:14px}.visual-approaches{grid-template-columns:1fr}.visual-route{gap:12px;padding:16px}.visual-route>strong{font-size:20px}.document-transform{gap:25px}.mini-page{width:81px;height:97px}.visual-route>span{font-size:13px}.review-sequence{grid-template-columns:1fr 1fr;gap:10px}.review-sequence li:after{display:none}.review-visual{padding:20px 12px;gap:12px;min-height:280px}.tag-tree{padding:12px 5px}.tag-tree>div{font-size:10px;gap:4px;padding:3px}.tag-tree .active-tag{padding-left:5px}.tag-tree b{font-size:10px;min-width:16px}#edit-tag{min-width:25px;width:25px;padding:0;font-size:17px}.review-page{padding:12px}.visual-kicker{font-size:9px;margin-left:6px}.visual-bottom-label{font-size:13px}.visual-bottom-label>span{margin-inline:8px}.action-document>.line-icon,.validation-scan>.line-icon{width:74px;height:100px}.validation-checks{font-size:12px;gap:15px}.validation-checks span:before{margin-right:5px}.report-sheet{padding:17px}.report-sheet>strong{font-size:17px}.source-branches{gap:8px}.source-branches strong{font-size:14px}.source-branches>div{padding:12px 8px}.return-systems{gap:7px}.return-systems>span{font-size:12px;padding:10px}.version-options{font-size:11px;gap:9px}.scope-graphic>div{font-size:11px}.scope-graphic .line-icon{width:24px;height:24px}#step-panel .document-context{flex-wrap:wrap;gap:7px}#step-panel .document-context select{flex-basis:100%}}
.audit-dashboard{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media(min-width:650px) and (max-width:799px){.score-value{font-size:64px}.score-card{padding:24px 18px}.compliance-card strong{font-size:20px}}
@media(max-width:649px){.audit-dashboard{grid-template-columns:minmax(0,1fr)}.score-value{font-size:clamp(54px,18vw,76px)}}
@media(max-width:359px){.document-transform{gap:12px}.mini-page{width:70px;height:94px}.review-visual{gap:9px;padding-inline:10px}.tag-tree>div{gap:3px}.tag-tree>div>span{font-size:9px}.tag-tree .active-tag{padding-left:3px}}
#step-panel{overflow:clip}
.step-popup-bar{position:sticky;top:0;z-index:2}

/* Small presenter controls, always available in the popup corner. */
.step-popup-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.popup-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.step-quick-nav{display:flex;align-items:center;gap:4px}
.step-arrow{display:grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid #d0e0e7;border-radius:7px;background:#fff;color:var(--teal);transition:background .15s,border-color .15s}
.step-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.step-arrow:hover:not(:disabled){background:#e8f3f6;border-color:#91b6c5}
.step-arrow:disabled{opacity:.3}
@media(max-width:649px){.popup-controls{gap:7px}.step-quick-nav{gap:3px}.step-arrow{width:32px;height:34px;padding:5px}.step-popup-bar{padding-inline:12px}.step-popup-bar>span{font-size:10px}}

/* Invisible presenter hotspots: back at bottom left, next at bottom right. */
#step-panel>.step-quick-nav{position:absolute;inset:auto 14px 12px;display:flex;justify-content:space-between;pointer-events:none;z-index:4}
#step-panel .step-arrow{width:62px;height:58px;padding:16px;border:0;border-radius:8px;background:transparent!important;box-shadow:none;pointer-events:auto;opacity:1;transition:none}
#step-panel .step-arrow svg{opacity:0}
#step-panel .step-arrow:disabled{pointer-events:none;opacity:0}
#step-panel .step-arrow:focus-visible{outline:2px solid var(--teal);outline-offset:-5px;background:#f3f8fa!important}
#step-panel .step-arrow:focus-visible svg{opacity:1}
#step-panel .step-popup-body{padding-bottom:82px}
#step-panel::backdrop{transition:background .4s ease}
#step-panel.step-switching::backdrop{background:transparent}
.return-system-logos{display:block;width:100%;max-width:540px;height:auto;object-fit:contain}

/* Human review stays in one scene so the presenter can narrate the full correction loop. */
.review-loop{position:relative;min-height:420px;margin-top:18px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#f8fbfc,#eef6f8);isolation:isolate}.review-loop:before{content:'';position:absolute;inset:18px 18px 48px;border:1px dashed #b8ced7;border-radius:38px;opacity:.55}.loop-editor,.loop-pdf,.loop-report{position:absolute;transition:left .9s cubic-bezier(.2,.7,.2,1),top .9s cubic-bezier(.2,.7,.2,1),width .9s cubic-bezier(.2,.7,.2,1),opacity .65s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.loop-editor{z-index:2;left:3%;top:25px;width:49%;height:330px;border:1px solid #b8ced7;border-radius:9px;background:#fff;box-shadow:5px 7px 0 #dce9ee}.loop-window-bar{height:32px;display:flex;align-items:center;gap:5px;padding:0 9px;border-bottom:1px solid #d5e3e8;background:#f1f6f8;border-radius:8px 8px 0 0}.loop-window-bar>span{width:6px;height:6px;border-radius:50%;background:#a9c0c9}.loop-window-bar>b{margin-left:4px;font-size:10px;color:var(--deep);font-weight:650}.loop-editor-body{position:relative;padding:10px 10px 9px}.loop-tree-row{display:flex;align-items:center;gap:7px;min-height:31px;padding:4px 7px;border-left:1px solid #c4d7df;font-size:10px;color:#486574}.loop-tree-row>b{position:relative;width:20px;height:15px;color:var(--teal);font-size:9px}.loop-tree-row>i{margin-left:auto;font-style:normal}.loop-tree-row.is-target{border:1px solid #b89856;border-radius:5px;background:#fffaf0}.loop-tag-value>span,.pdf-tag-value>span{position:absolute;inset:0;display:grid;place-items:center}.loop-tag-value>span:first-child,.pdf-tag-value>span:first-child{opacity:0}.loop-tag-value>span:last-child,.pdf-tag-value>span:last-child{opacity:1}.loop-tag-menu{position:absolute;z-index:4;top:76px;left:10px;right:10px;padding:4px;border:1px solid #9cb9c5;border-radius:6px;background:#fff;box-shadow:0 8px 18px #21475b24;opacity:0}.loop-tag-menu>span{display:flex;justify-content:space-between;padding:4px 7px;border-radius:3px;font-size:9px;color:#3f5d6b}.loop-tag-menu .is-choice{background:#e9f5f7;color:var(--deep);font-weight:700}.loop-reading{margin-top:8px;padding-top:7px;border-top:1px solid #d8e5ea;overflow:hidden}.loop-reading>strong{display:block;margin-bottom:5px;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#667f8a}.order-row{display:flex;align-items:center;gap:6px;height:28px;padding:3px 5px;border:1px solid #d4e2e7;border-radius:4px;background:#fbfdfe;font-size:8px;position:relative}.order-row+.order-row{margin-top:4px}.order-row>b{width:15px;height:15px;display:grid;place-items:center;border-radius:3px;background:#e6f1f4;color:var(--teal);font-size:8px}.order-row>i{margin-left:auto;color:#8aa4ae;font-style:normal}.loop-apply{width:100%;min-height:30px;margin-top:8px;border:0;border-radius:5px;background:var(--teal);color:#fff;font-size:10px;font-weight:700;opacity:.34}.loop-pointer{position:absolute;z-index:7;right:18px;top:67px;width:15px;height:15px;color:#183e50;font-size:12px;filter:drop-shadow(0 2px 2px #fff);opacity:0}.loop-pdf{z-index:3;left:61%;top:48px;width:31%;height:274px;padding:18px 14px;border:1px solid #9fbcc7;border-radius:7px;background:#fff;box-shadow:5px 7px 0 #dce9ee}.loop-pdf-label{font-size:10px;font-weight:700;color:var(--teal);margin-bottom:13px}.pdf-title-line{height:7px;width:78%;background:#7fa8b7;margin-bottom:13px}.pdf-copy-line{height:3px;background:#c8dce3;margin:8px 0}.pdf-copy-line.short{width:72%}.pdf-heading{position:relative;display:flex;align-items:center;gap:5px;margin:14px -4px 9px;padding:5px;border:1px solid #72aaba;background:#eef8fa}.pdf-heading b{position:relative;width:18px;height:13px;color:var(--teal);font-size:7px}.pdf-heading i{height:4px;flex:1;background:#91b8c5}.pdf-order-block{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:4px;margin-top:12px}.pdf-order-block span{width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:#e8f3f5;color:var(--teal);font-size:7px}.pdf-order-block i{height:3px;background:#cfdee4}.pdf-table-mini{height:31px;margin-top:12px;border:1px solid #cbdde4;background:repeating-linear-gradient(0deg,transparent 0,transparent 9px,#d2e1e6 9px,#d2e1e6 10px)}.loop-scan-beam{position:absolute;z-index:4;left:-8px;right:-8px;top:22px;height:3px;background:#18a7b3;box-shadow:0 0 0 6px #18a7b31a,0 0 14px #18a7b3;opacity:0}.loop-saved{position:absolute;left:10px;right:10px;bottom:10px;padding:6px;border-radius:5px;background:#e8f7ef;color:#08744f;font-size:9px;font-weight:700;text-align:center;opacity:0}.loop-scan-status{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 8px;border:1px solid #b9d6de;border-radius:6px;background:#fff;font-size:9px;color:var(--deep);opacity:0}.loop-scan-status i{display:block;height:3px;margin-top:5px;overflow:hidden;border-radius:3px;background:#dce8ec}.loop-scan-status i:after{content:'';display:block;width:45%;height:100%;background:var(--teal)}.loop-report{z-index:2;left:54%;top:27px;width:43%;height:330px;border:1px solid #a9c5cf;border-radius:9px;background:#fff;box-shadow:5px 7px 0 #dce9ee;opacity:0;transform:translateX(28px)}.loop-report-body{padding:12px}.report-success{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;background:#e9f7f0}.report-success>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#16835d;color:#fff;font-size:13px}.report-success strong,.report-success small{display:block}.report-success strong{font-size:11px;color:#155e47}.report-success small{font-size:7px;color:#55776b;margin-top:2px}.report-score{padding:13px 2px 9px}.report-score>span{font-size:8px;color:var(--muted)}.report-score>strong{display:block;margin:3px 0 7px;font-size:26px;line-height:1;color:var(--deep)}.report-score>i{display:block;height:4px;border-radius:4px;background:#dbe8ec;overflow:hidden}.report-score>i>b{display:block;height:100%;width:0;background:#188762}.report-result{display:flex;justify-content:space-between;gap:5px;padding:8px 2px;border-top:1px solid #e0eaee;font-size:8px}.report-result>b{color:#08744f}.loop-return-path{position:absolute;z-index:1;left:21%;right:9%;bottom:48px;height:31px;border-bottom:1px dashed #86a9b5;border-left:1px dashed #86a9b5;border-radius:0 0 0 23px;opacity:0;transition:opacity .5s}.loop-return-path span{position:absolute;left:10px;bottom:-19px;font-size:8px;color:#617c88}.loop-return-path b{position:absolute;left:-7px;top:-4px;color:var(--teal);font-size:17px}.loop-caption{position:absolute;z-index:8;left:8px;right:8px;bottom:8px;min-height:31px;display:grid;place-items:center;padding:6px 10px;border-radius:7px;background:#fff;color:var(--deep);font-size:11px;font-weight:650;text-align:center;box-shadow:0 2px 10px #264a5b14}.review-loop-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 2px 0;color:var(--muted);font-size:10px}.review-loop-controls>span{display:flex;align-items:center;gap:6px}.review-loop-controls>span>i{width:6px;height:6px;border-radius:50%;background:#13845d;box-shadow:0 0 0 4px #13845d18}.review-loop-controls .text-button{font-size:11px;padding:6px 8px;min-height:34px}
.review-loop[data-review-phase="0"] .loop-tag-menu{animation:review-menu 8s ease both}.review-loop[data-review-phase="0"] .loop-pointer{animation:review-edit-pointer 8s ease both}.review-loop[data-review-phase="0"] .loop-tag-value>span:first-child,.review-loop[data-review-phase="0"] .pdf-tag-value>span:first-child{animation:review-old-tag 8s step-end both}.review-loop[data-review-phase="0"] .loop-tag-value>span:last-child,.review-loop[data-review-phase="0"] .pdf-tag-value>span:last-child{animation:review-new-tag 8s step-end both}.review-loop[data-review-phase="0"] .order-table{animation:review-order-down 8s ease both}.review-loop[data-review-phase="0"] .order-summary{animation:review-order-up 8s ease both}.review-loop[data-review-phase="1"] .order-table,.review-loop[data-review-phase="1"] .order-summary{transform:translateY(32px)}.review-loop[data-review-phase="1"] .order-summary{transform:translateY(-32px)}.review-loop[data-review-phase="1"] .loop-apply{animation:review-approve 4.5s ease both}.review-loop[data-review-phase="1"] .loop-pointer{top:auto;bottom:15px;animation:review-approve-pointer 4.5s ease both}.review-loop[data-review-phase="1"] .loop-saved{animation:review-saved 4.5s ease both}.review-loop[data-review-phase="2"] .loop-editor,.review-loop[data-review-phase="3"] .loop-editor{opacity:0;transform:translateX(-35px)}.review-loop[data-review-phase="2"] .loop-pdf{left:34%;top:42px;width:32%}.review-loop[data-review-phase="2"] .loop-scan-beam{animation:review-scan 6s ease-in-out both}.review-loop[data-review-phase="2"] .loop-scan-status{animation:review-scan-status 6s ease both}.review-loop[data-review-phase="2"] .loop-scan-status i:after{animation:review-scan-progress 6s ease both}.review-loop[data-review-phase="3"] .loop-pdf{left:5%;top:52px;width:30%;transform:scale(.92)}.review-loop[data-review-phase="3"] .loop-report{left:52%;opacity:1;transform:translateX(0);animation:review-report-in 6s ease both}.review-loop[data-review-phase="3"] .report-score>i>b{animation:review-report-score 6s ease both}.review-loop[data-review-phase="3"] .loop-return-path{opacity:1;animation:review-return-path 6s ease both}
@keyframes review-menu{0%,12%,78%,100%{opacity:0;transform:translateY(-5px)}18%,70%{opacity:1;transform:translateY(0)}}@keyframes review-edit-pointer{0%,12%{opacity:0;transform:translate(0,0)}17%{opacity:1;transform:translate(0,0)}38%{opacity:1;transform:translate(-18px,66px)}44%{opacity:1;transform:translate(-18px,66px) scale(.72)}53%{opacity:1;transform:translate(-18px,66px)}68%{opacity:1;transform:translate(-34px,184px)}78%{opacity:1;transform:translate(-34px,153px)}90%,100%{opacity:1;transform:translate(-43px,197px)}}@keyframes review-old-tag{0%,43%{opacity:1}44%,100%{opacity:0}}@keyframes review-new-tag{0%,43%{opacity:0}44%,100%{opacity:1}}@keyframes review-order-down{0%,66%{transform:translateY(0)}78%,100%{transform:translateY(32px)}}@keyframes review-order-up{0%,66%{transform:translateY(0)}78%,100%{transform:translateY(-32px)}}@keyframes review-approve{0%{opacity:.34;transform:scale(1)}10%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(.96);background:#235667}32%,100%{opacity:1;transform:scale(1);background:#16835d}}@keyframes review-approve-pointer{0%,12%{opacity:1;transform:translate(-43px,0)}20%{opacity:1;transform:translate(-43px,0) scale(.72)}31%{opacity:1;transform:translate(-43px,0)}44%,100%{opacity:0;transform:translate(-43px,0)}}@keyframes review-saved{0%,25%{opacity:0;transform:translateY(5px)}38%,100%{opacity:1;transform:translateY(0)}}@keyframes review-scan{0%,10%{opacity:0;top:20px}18%{opacity:1}72%{opacity:1;top:235px}82%,100%{opacity:0;top:235px}}@keyframes review-scan-status{0%,8%{opacity:0;transform:translateY(5px)}16%,88%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes review-scan-progress{0%,15%{width:8%}78%,100%{width:100%}}@keyframes review-report-in{0%,12%{opacity:0;transform:translateX(28px)}25%,100%{opacity:1;transform:translateX(0)}}@keyframes review-report-score{0%,32%{width:0}70%,100%{width:100%}}@keyframes review-return-path{0%,62%{opacity:0}76%,100%{opacity:1}}
@media(max-width:649px){.review-loop{min-height:400px}.loop-editor{left:2%;width:53%;height:316px}.loop-pdf{left:64%;width:31%;height:255px;padding:15px 10px}.loop-report{width:48%;height:316px}.loop-editor-body{padding-inline:7px}.loop-tag-menu{left:7px;right:7px}.loop-tree-row{padding-inline:5px}.order-row{font-size:7px}.loop-apply{font-size:9px}.review-loop[data-review-phase="2"] .loop-pdf{left:32%;width:36%}.review-loop[data-review-phase="3"] .loop-pdf{left:3%;width:31%}.review-loop[data-review-phase="3"] .loop-report{left:49%;width:49%}.loop-caption{font-size:10px}.report-score>strong{font-size:22px}}@media(max-width:359px){.review-loop{min-height:390px}.loop-editor{width:56%;height:306px}.loop-pdf{left:66%;width:31%;padding-inline:8px}.loop-window-bar{padding-inline:6px}.loop-window-bar>b{font-size:8px}.loop-reading>strong{font-size:8px}.order-row span{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loop-report-body{padding:8px}.report-result{font-size:7px}}
@media(prefers-reduced-motion:reduce){.loop-editor,.loop-pdf,.loop-report,.loop-return-path{transition:none!important}.review-loop *{animation:none!important}.loop-pointer{display:none}.review-loop[data-review-phase="0"] .loop-tag-menu{opacity:1;transform:none}.review-loop[data-review-phase="0"] .order-table{transform:translateY(32px)}.review-loop[data-review-phase="0"] .order-summary{transform:translateY(-32px)}.review-loop[data-review-phase="1"] .loop-apply,.review-loop[data-review-phase="1"] .loop-saved,.review-loop[data-review-phase="2"] .loop-scan-beam,.review-loop[data-review-phase="2"] .loop-scan-status{opacity:1}.review-loop[data-review-phase="2"] .loop-scan-beam{top:130px}.review-loop[data-review-phase="2"] .loop-scan-status i:after,.review-loop[data-review-phase="3"] .report-score>i>b{width:100%}}

/* Shadcn-inspired component surfaces, adapted to the CampusMind palette. */
:root{--ui-border:#d6e2e7;--ui-muted:#f0f5f7;--ui-ring:#087985;--ui-shadow:0 1px 2px #1738480d,0 8px 24px #1738480b}
.workflow-node{padding:12px 11px;border-color:var(--ui-border);border-radius:14px;background:#fff;box-shadow:var(--ui-shadow);gap:7px;transition:left .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1),transform .8s,height .8s,opacity .5s,border-color .2s,background .2s,box-shadow .2s}
.workflow-node:hover{border-color:#85adb9;background:#fbfefe;box-shadow:0 1px 2px #17384812,0 10px 28px #17384814}
.workflow-node[aria-current]{border:1px solid var(--ui-ring);background:#f7fcfc;box-shadow:0 0 0 3px #0879851f,0 10px 28px #17384814}
.node-number{top:-10px;right:9px;width:auto;height:20px;padding:0 6px;border:1px solid #b8ced6;border-radius:999px;background:var(--ui-muted);font-size:8px;letter-spacing:.04em;color:#24596a}
.inspect-node .node-number{border-color:#ddca91;background:#fff7da;color:#715923}
.workflow-node .workflow-node-title{padding-right:0;font-weight:650}
.workflow-node-caption{width:100%;padding-top:6px;border-top:1px solid #e3ebee;display:flex;align-items:center;gap:6px;color:#5d707a}
.workflow-node-caption:after{content:'↗';margin-left:auto;color:var(--teal);font-size:11px;font-weight:700}
.output-node .workflow-node-caption{padding-top:5px}
#step-panel{border-color:var(--ui-border);border-radius:22px;box-shadow:0 28px 90px #102e3d3b,0 3px 10px #102e3d14}
.step-popup-bar{padding:11px 20px;background:#fff;border-bottom-color:var(--ui-border)}
.step-popup-bar>span{color:#526771;font-weight:550}
.step-popup-bar .text-button{min-width:auto;border:1px solid var(--ui-border);border-radius:8px;background:#fff;padding:7px 10px}
.step-popup-bar .text-button:hover{background:var(--ui-muted)}
#step-panel .panel-heading{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #e3ebee}
#step-panel .panel-heading .eyebrow{display:inline-flex;align-items:center;min-height:24px;margin-bottom:9px;padding:3px 8px;border:1px solid #bfd6dd;border-radius:999px;background:#eff7f8;color:#24596a;letter-spacing:.06em}
#step-panel .panel-heading h2{font-weight:650;letter-spacing:-.035em;color:#172f3a}
.source-switch,.segmented{padding:4px;border:0;border-radius:10px;background:#edf2f4;box-shadow:inset 0 0 0 1px #e0e8eb}
.source-switch button,.segmented button{border-radius:7px;transition:background .2s,box-shadow .2s,color .2s}
.source-switch button[aria-pressed=true],.segmented button[aria-pressed=true]{background:#fff;color:#173f50;box-shadow:0 1px 3px #17384818,0 0 0 1px #dce7eb}
.source-branches>div,.score-card,.visual-route,.finished-pdf,.gallery-card{border-color:var(--ui-border);border-radius:14px;background:#fff;box-shadow:0 1px 2px #1738480d,0 7px 20px #17384809}
.source-branches>div{background:#f9fbfc}
.score-card{background:linear-gradient(160deg,#fff,#f3fbf8)}
.score-track{height:7px;background:#e2ebe7;box-shadow:inset 0 0 0 1px #d5e2dc}
.score-track>span{border-radius:inherit;background:#087b59}
.compliance-card{padding:16px;border:1px solid #efd2d5;border-radius:12px;background:#fffafb}
.audit-badges>span,.work-chips>span{border:1px solid #d7e4e8;border-radius:999px;background:#f5f8f9;color:#3f5965;font-weight:600}
.audit-badges>span:first-child{border-color:#efcbd0;background:#fff4f5;color:#a8202d}
.audit-badges>span+span{border-color:#cfdef2;background:#f4f8ff;color:#285b9f}
.audit-category-grid{gap:0;border:1px solid var(--ui-border);border-radius:13px;overflow:hidden;background:#fff}
.audit-category-grid>div{min-height:76px;padding:13px;border:0;border-right:1px solid #e1e9ec;border-bottom:1px solid #e1e9ec;border-radius:0;background:#fff;gap:5px}
.audit-category-grid>div:nth-child(4n){border-right:0}.audit-category-grid>div:nth-child(n+5){border-bottom:0}
.audit-category-grid .has-issue{background:#fffafb;border-color:#eadfe1}
.visual-route{position:relative;padding:18px 15px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.visual-route:hover{border-color:#9dbbc5;transform:translateY(-1px);box-shadow:0 2px 4px #17384812,0 10px 24px #17384810}
.visual-route[aria-pressed=true]{border-color:var(--ui-ring);background:#f7fcfc;box-shadow:0 0 0 3px #0879851c,0 8px 22px #1738480d}
.visual-route[aria-pressed=true]:after{content:'✓';position:absolute;top:14px;right:14px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#087985;color:#fff;font-size:12px;font-weight:800}
.visual-route>strong{padding-right:30px}
.review-sequence{gap:8px;padding:4px;border:1px solid var(--ui-border);border-radius:12px;background:#f1f5f6}
.review-sequence button{min-height:64px;border:0;border-radius:8px;background:transparent;padding:9px 10px;color:#536873;box-shadow:none}
.review-sequence button span{width:max-content;padding:2px 5px;border-radius:999px;background:#e3ecef;color:#365e6b;font-size:8px;letter-spacing:.04em}
.review-sequence button[aria-pressed=true]{border:0;background:#fff;color:#173f50;box-shadow:0 1px 3px #17384818,0 0 0 1px #d9e5e9}
.review-sequence button[aria-pressed=true] span{background:#087985;color:#fff}
.review-sequence li:not(:last-child):after{display:none}
.review-loop{border-color:var(--ui-border);border-radius:16px;box-shadow:inset 0 1px 0 #fff}
.loop-editor,.loop-report{border-color:var(--ui-border);border-radius:12px;box-shadow:0 8px 24px #17384816}
.loop-pdf{border-color:#b4cbd4;border-radius:10px;box-shadow:0 8px 24px #17384816}
.loop-window-bar{background:#f5f7f8;border-bottom-color:#e1e8eb}
.loop-caption{border:1px solid #dce6ea;box-shadow:0 4px 14px #17384812}
.finished-pdf{background:linear-gradient(160deg,#fff,#f1faf6)}
.action-button{border-radius:9px;transition:background .2s,border-color .2s,box-shadow .2s}
.action-button:hover{box-shadow:0 2px 8px #17384812}
@media(max-width:649px){#step-panel{border-radius:18px}.step-popup-bar{padding-inline:12px}.audit-category-grid>div:nth-child(4n){border-right:1px solid #e1e9ec}.audit-category-grid>div:nth-child(n+5){border-bottom:1px solid #e1e9ec}.audit-category-grid>div:nth-child(2n){border-right:0}.audit-category-grid>div:nth-child(n+7){border-bottom:0}.review-sequence{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.workflow-node,.visual-route,.source-switch button,.segmented button,.action-button{transition:none!important}}