/* Inspection mockups are explicitly separate from the real Uno renderer. */
.ip-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ip-index>a{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--text);transition:transform .15s}.ip-index>a:hover{transform:translateY(-3px);border-color:var(--teal)}.ip-index>a>div:last-child{padding:25px}.ip-index small{font:10px var(--mono);color:var(--teal);display:block;line-height:1.8;margin-bottom:15px}.ip-index h2{font-size:24px;line-height:1.25}.ip-index p{font-size:13px}.ip-index span{font-size:11px;color:var(--muted)}.ip-cover{height:135px;position:relative;overflow:hidden;background:var(--surface-2)}.ip-cover>span{position:absolute;left:24px;top:20px;font:35px var(--serif);color:var(--teal)}.ip-cover i,.ip-cover b,.ip-cover em{position:absolute;border:1px solid #a4bdbd;background:#dcebe5;border-radius:6px;display:block}.ip-cover i{width:42%;height:65%;right:23px;top:22px}.ip-cover b{width:15%;height:35%;right:45px;top:42px;background:#ede3d5}.ip-cover em{height:5px;width:22%;right:39px;bottom:35px;background:#758ea5}.ip-cover-1 i{width:28%;height:18px;top:32px}.ip-cover-1 b{width:28%;height:18px;top:60px;right:23px}.ip-cover-1 em{width:28%;height:18px;top:88px;right:23px}.ip-cover-2 i{height:28px;width:33%;top:32px}.ip-cover-2 b{height:50px;width:22%;right:25px;top:65px}.ip-cover-3 i{height:32px;top:22px}.ip-cover-3 b{height:45px;width:42%;right:23px;top:66px;background:#eee2d0}.ip-cover-4 i{height:20px;top:38px}.ip-cover-4 b{height:25px;top:73px;width:26%;right:85px}.ip-cover-5 i{right:155px;width:16%;height:70px}.ip-cover-5 b{right:25px;width:27%;height:70px;top:22px}.ip-cover-6 b{border-radius:50%;height:42px;width:42px;top:35px;right:45px}.ip-cover-7 i{background:#26434e}.ip-cover-7 b{height:15px;width:26%;right:42px;top:38px;background:#dfeee3}.ip-foundations{padding:28px;margin-top:35px;background:var(--mint);border-radius:10px}.ip-foundations h2{font-size:26px}.ip-foundations p{font-size:13px;max-width:900px}.ip-lesson>.page-heading{max-width:960px;margin:22px 0}.ip-lesson>.page-heading h1{font-size:40px}.ip-lesson>.page-heading small{font:10px var(--mono);color:var(--muted)}.ip-boundary{border-top:1px solid var(--line);padding:25px 0;margin-top:35px}.ip-boundary strong{font-size:12px}.ip-boundary p{font-size:11px;margin:12px 0;max-width:960px}.ip-reading{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:35px}.ip-reading>div{min-width:0}.ip-scenario{background:var(--lavender);border-left:3px solid var(--purple);padding:25px;margin-bottom:25px}.ip-scenario p{font-size:14px;color:var(--text)}.ip-scenario>a{font-size:12px}.ip-step{padding:29px 0;border-bottom:1px solid var(--line);scroll-margin-top:22px;outline:none}.ip-step h2{font-size:28px}.ip-step>p{font-size:15px;line-height:1.95}.ip-worked{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:22px 0}.ip-worked strong{font-size:12px}.ip-worked p{font-size:13px;margin:12px 0 0}.ip-step details{font-size:13px;background:var(--surface-2);padding:17px 20px;border-radius:7px}.ip-step summary{cursor:pointer;color:var(--text)}.ip-step details>p{margin:18px 0 0;line-height:1.8}.ip-outline{align-self:start;position:sticky;top:23px}.ip-outline>button{background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0;width:100%;text-align:left;color:var(--muted);font-size:11px;line-height:1.7}.ip-tips{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:23px;margin:23px 0}.ip-tips p{display:flex;gap:12px;font-size:12px;line-height:1.9;margin:14px 0 0}.ip-tips p>span{font:10px var(--mono);color:var(--coral);padding-top:4px;flex-shrink:0}.ip-tips .eyebrow{font-size:9px}.ip-code,.ip-source{padding:30px 0}.ip-code h2,.ip-source h2{font-size:27px}.ip-code p,.ip-source p{font-size:13px}.ip-code pre{font-size:11px}.ip-source>a{display:block;font-size:12px;margin:15px 0}#ip-source-evidence>div{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:7px;margin:16px 0}#ip-source-evidence strong{font-size:14px}#ip-source-evidence small{display:block;font:10px var(--mono);color:var(--muted);margin:9px 0}#ip-source-evidence a{font-size:11px;overflow-wrap:anywhere;display:block;margin:10px 0}#ip-source-evidence{font-size:12px;color:var(--muted)}
.ip-mockup-tools{display:flex;gap:18px;flex-wrap:wrap;padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.ip-mockup-tools label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.ip-mockup-tools select{font-size:11px;padding:8px}.ip-preview-scroll{overflow:auto;max-width:100%;padding:24px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-top:20px}.ip-device{--mock-bg:#fff;--mock-card:#eff4f2;--mock-text:#243c44;--mock-muted:#586e77;--mock-accent:#214e5a;--mock-gap:24px;--mock-scale:1;background:var(--mock-bg);color:var(--mock-text);border:1px solid #b8cccc;border-radius:11px;min-width:300px;max-width:none;margin:0 auto;overflow:hidden;container-type:inline-size;box-shadow:0 10px 25px #122b3410}.ip-device[data-demo-theme=dark]{--mock-bg:#17303b;--mock-card:#223f4a;--mock-text:#eaf3f0;--mock-muted:#b1c6c7;--mock-accent:#b9ddcf}.ip-device[data-comfortable=false]{--mock-gap:12px}.ip-mock-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #8facac55;padding:17px 23px;font:11px var(--mono);letter-spacing:.05em}.ip-mock-heading small{font:9px var(--mono);color:var(--mock-muted);max-width:155px;line-height:1.7}.ip-mock-content{padding:var(--mock-gap);font-size:calc(14px * var(--mock-scale))}.ip-mock-content h3{font-size:calc(28px * var(--mock-scale));line-height:1.22}.ip-mock-content h4{font-size:calc(22px * var(--mock-scale));line-height:1.3;margin:18px 0}.ip-mock-content p{font-size:inherit;color:var(--mock-muted);line-height:1.8}.ip-mock-content header>small,.ip-detail>small,.ip-content-card>span{font:10px var(--mono);display:block;color:var(--mock-muted);margin-bottom:15px}.ip-device[data-annotated=true] .ip-mock-content>*,.ip-device[data-annotated=true] .ip-master-detail>*{outline:1px dashed #6e989b70;outline-offset:4px}.ip-mock-content button{color:var(--mock-text);background:var(--mock-card);border:1px solid #8facac55;border-radius:6px;padding:11px 14px;font-size:inherit;line-height:1.4;min-height:42px}.ip-mock-content .ip-primary{background:var(--mock-accent);color:var(--mock-bg);border:0}.ip-mock-content button:hover{filter:brightness(.95)}.ip-mock-content input:not([type=radio]):not([type=checkbox]),.ip-mock-content textarea{width:100%;background:var(--mock-bg);color:var(--mock-text);border:1px solid #799499;border-radius:5px;margin:8px 0;font-size:inherit;padding:11px}.ip-mock-content input[type=radio],.ip-mock-content input[type=checkbox]{width:18px;height:18px;accent-color:#377578;margin:0 9px 0 0}.ip-mock-content label{line-height:1.8}.ip-mock-content fieldset{margin:24px 0;border:1px solid #a1babb66;padding:18px;border-radius:7px}.ip-mock-content legend{font-weight:650}.ip-mock-content fieldset label{display:flex;align-items:center;gap:5px;margin:12px 0}.ip-setting{display:flex;justify-content:space-between;align-items:center;padding:18px;background:var(--mock-card);border-radius:6px}.ip-setting small{display:block;color:var(--mock-muted)}.ip-inline-status{display:block;font-size:calc(12px * var(--mock-scale));color:var(--mock-muted);line-height:1.9;padding:15px 0;overflow-wrap:anywhere}.ip-document{height:220px;overflow:auto;border:1px solid #9cb6b9;border-radius:6px;padding:18px;margin:24px 0;scrollbar-width:thin}.ip-document:focus-visible{outline:3px solid var(--purple)}.ip-mock-content footer{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ip-mock-content footer>span{font-size:11px;color:var(--mock-muted)}.ip-command-row{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.ip-actions{position:relative}.ip-actions summary{cursor:pointer;list-style:none;padding:11px 14px;border:1px solid #9fb6ba;border-radius:6px}.ip-actions>div{position:absolute;top:calc(100% + 8px);left:0;z-index:2;width:220px;max-width:55vw;box-shadow:0 8px 25px #15313b24;border-radius:7px;padding:6px;background:var(--mock-bg);border:1px solid #9bb2b6}.ip-actions button{display:block;width:100%;text-align:left;border:0;background:none}.ip-content-card{margin:23px 0;padding:var(--mock-gap);border-radius:9px;background:var(--mock-card)}.ip-banner{padding:20px;border-radius:7px;background:#e4f0e9;color:#224538;margin:20px 0}.ip-banner p{color:#405d4f;margin:9px 0 0}.ip-banner.loading{background:#e8edf9;color:#354569}.ip-banner.loading p{color:#435778}.ip-banner.error{background:#fae9de;color:#85391f}.ip-banner.error p{color:#804c38}.ip-banner button{margin-top:15px}.ip-banner progress{width:100%;margin-top:15px}.ip-mock-content form>label{display:block;font-weight:600}.ip-mock-content form>label small{display:block;font-weight:400;color:var(--mock-muted)}.ip-mock-content [aria-invalid=true]{border-color:#b94b37!important}.ip-master-detail{display:grid;grid-template-columns:minmax(135px,1fr) 2fr;gap:22px;margin:22px 0}.ip-master-detail nav{display:grid;gap:8px;align-content:start}.ip-master-detail nav button{text-align:left;background:none}.ip-master-detail nav button[aria-pressed=true]{background:var(--mock-card);border-left:3px solid #418984}.ip-detail{background:var(--mock-card);padding:20px;border-radius:8px;min-width:0}.ip-detail textarea{min-height:90px}.ip-image-card{margin:22px 0}.ip-image-region{height:210px;display:grid;place-content:center;background:var(--mock-card);border-radius:7px;padding:18px;text-align:center}.ip-image-region img{display:block;width:260px;max-width:100%;height:170px;object-fit:contain}.ip-image-card figcaption{font-size:11px;color:var(--mock-muted);margin:15px 0}.ip-mockup-note{font-size:11px;margin:17px 0}.ip-phases{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-block:1px solid var(--line)}.ip-phases>span{font:10px var(--mono);color:var(--muted)}.ip-phase-reading{padding:25px;background:var(--mint);border-left:3px solid var(--teal);margin:24px 0}.ip-phase-reading h2{font-size:27px}.ip-phase-reading p{font-size:14px}.ip-phase-reading details{font-size:13px}.ip-phase-reading summary{cursor:pointer}.ip-phase-reading details>p{margin:15px 0 0}.ip-quiz{max-width:900px}.ip-quiz form{background:var(--surface);padding:25px;border:1px solid var(--line);border-radius:10px}.ip-quiz label{display:flex;gap:12px;padding:15px 0;font-size:14px}.ip-quiz input{margin:5px 0 0;align-self:flex-start}.ip-quiz legend{font-size:12px;color:var(--muted)}#ip-feedback{padding:25px 0;font-size:14px;color:var(--teal)}.ip-survey-summary{background:var(--mint);padding:27px;border-radius:10px;margin-bottom:25px}.ip-survey-summary strong{display:block;font-size:26px}.ip-survey-summary>span{display:block;font-size:13px;margin:13px 0}.ip-survey-summary small{display:block;font:10px/1.9 var(--mono);color:var(--muted);overflow-wrap:anywhere}.ip-survey-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:25px 0}.ip-survey-controls label{font-size:12px;color:var(--muted)}.ip-survey-controls input[type=search]{display:block;width:330px;margin:8px 0}.ip-feature{display:grid;grid-template-columns:1fr 1.3fr;gap:25px;padding:25px;border:1px solid var(--line);background:var(--surface);border-radius:9px;margin:13px 0}.ip-feature h2{font:21px var(--mono);margin-bottom:12px;overflow-wrap:anywhere}.ip-feature p{font-size:11px;margin:13px 0 0}.ip-feature a{display:block;font-size:12px;margin:8px 0;overflow-wrap:anywhere}.ip-feature .ip-feature-lesson{font-size:13px}.ip-coverage{font:9px var(--mono);padding:5px 8px;border-radius:4px;background:var(--surface-2);color:var(--muted)}.ip-coverage.guided{background:var(--mint);color:var(--teal)}.ip-feature-page{text-align:center;padding:22px}.ip-feature-page [hidden]{display:none}
@container (max-width:600px){.ip-master-detail{grid-template-columns:1fr}.ip-master-detail nav{grid-template-columns:1fr}.ip-command-row{flex-wrap:wrap}.ip-mock-content h3{font-size:calc(24px * var(--mock-scale))}}
@media(max-width:1080px){.ip-reading{grid-template-columns:1fr}.ip-outline{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ip-outline .eyebrow,.ip-outline .ip-tips{grid-column:1/-1}.ip-lesson>.page-heading h1{font-size:35px}}
@media(max-width:680px){.ip-index{grid-template-columns:1fr}.ip-index h2{font-size:25px}.ip-lesson>.page-heading h1{font-size:32px}.ip-reading{gap:25px}.ip-step h2{font-size:26px}.ip-step>p{font-size:14px}.ip-outline{display:block}.ip-outline>button{font-size:12px}.ip-mockup-tools{gap:16px;padding:17px}.ip-mockup-tools label{font-size:12px;flex-basis:100%;justify-content:space-between}.ip-preview-scroll{padding:16px 7px}.ip-device{margin:0;min-width:300px}.ip-phases{gap:9px;flex-wrap:wrap}.ip-phases button{font-size:11px;padding:12px}.ip-phases>span{font-size:9px}.ip-phase-reading{padding:22px}.ip-phase-reading p{font-size:13px}.ip-survey-controls{flex-direction:column;align-items:stretch}.ip-survey-controls input[type=search]{width:100%}.ip-feature{grid-template-columns:1fr;gap:14px;padding:22px}.ip-feature h2{font-size:20px}.ip-survey-summary{padding:23px}.ip-survey-summary strong{font-size:25px}.ip-boundary p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ip-index>a{transition:none}.ip-mock-content progress{animation:none}}