:root{--navy:#193e61;--ink:#20354e;--muted:#61768c;--line:#dce6f0;--o:#2567bb;--m:#a75d00;--s:#08786d;--e:#7746b4;--blue:#eaf3ff;--yellow:#fff1d3;--teal:#e4f6f0;--purple:#f1eafb}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f1f5fc}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e8a529;outline-offset:3px}h1,h2,h3{line-height:1.2}h1{font-size:clamp(28px,3.3vw,43px);letter-spacing:-.025em;margin:10px 0 15px}h2{font-size:25px;letter-spacing:-.015em}h3{font-size:19px}a{color:#216594}header{background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;gap:12px}header strong{font-size:22px}header small{display:block;color:#ffe0a5;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 84px)}nav{background:var(--navy);color:white;padding:18px 12px;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:#dfebf7;border:0;border-radius:12px;padding:12px;font-size:13px;margin:4px 0}nav button.active{background:#ffffff22;box-shadow:inset 3px 0 #fac25b}nav button:hover{background:#ffffff15}.navnum{border-radius:8px;background:#ffffff12;color:#ffe0a5;font-weight:800;display:grid;place-items:center;min-width:29px;height:29px}nav small{display:block;color:#b9cfe3;font-size:10px}main{width:100%;max-width:1200px;padding:26px 32px 70px;min-width:0}.btn{border:0;border-radius:10px;background:var(--navy);color:white;font-size:14px;font-weight:700;padding:10px 15px;text-decoration:none;display:inline-block}.btn.alt{background:white;border:1px solid #c4d4e5;color:var(--navy)}.btn.gold{background:#f6bd55;color:#193e61}.btn.danger{background:#fff0ee;color:#9a3931;border:1px solid #e7b5af}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:16px 0}.card{border:1px solid var(--line);background:white;border-radius:18px;padding:23px;margin:18px 0;box-shadow:0 7px 24px #173f5f07}.card>h2:first-child,.card>h3:first-child{margin-top:0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#377a9e}.fine{font-size:13px;color:var(--muted)}.note{padding:15px 18px;background:#fff5df;border-left:4px solid #edb54a;border-radius:10px;font-size:14px}.pill{border-radius:25px;display:inline-block;background:#e8f0f9;color:#275779;font-size:11px;font-weight:750;padding:4px 10px;margin:3px}.hero{overflow:hidden;background:var(--navy);border-radius:22px;color:white;box-shadow:0 14px 30px #173f5f12}.hero img{display:block;width:100%;height:205px;object-fit:cover}.hero-inner{padding:23px 28px;background:linear-gradient(120deg,#193e61,#236789)}.hero-inner p{color:#e0edf6;max-width:740px}.hero .eyebrow{color:#ffdd97}.hero .pill{background:#ffffff16;color:white}.hero .btn.alt{background:#ffffff10;color:white;border-color:#ffffff40}.journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-tile{text-align:left;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:16px;overflow:hidden;min-width:0;transition:transform .15s}.module-tile:hover{transform:translateY(-3px)}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--wash);padding:15px}.tile-top b{font-size:23px;color:var(--accent)}.art{width:85px;height:60px}.art svg{width:100%;height:100%}.tile-body{padding:17px;flex:1;display:flex;flex-direction:column}.tile-body strong{font-size:18px;line-height:1.3}.tile-body p{font-size:12px;color:var(--muted)}.tile-body small{margin-top:auto;color:var(--accent);font-weight:750;font-size:11px}.progress{background:#e9eff5;height:5px;border-radius:20px;overflow:hidden;margin:12px 0}.progress i{height:100%;display:block;background:#299b87}.module-banner{border-radius:19px;background:linear-gradient(120deg,#193e61,#286b91);color:white;padding:23px 26px;position:relative}.module-banner .eyebrow{color:#ffdda0}.module-banner h1{padding-right:95px;font-size:32px}.module-banner .art{position:absolute;right:20px;top:20px;background:white;border-radius:13px;padding:7px;width:90px;height:70px}.module-banner p{font-size:14px;color:#deecf7}.steps{display:flex;gap:8px;overflow-x:auto;padding:15px 0}.steps button{border:1px solid #d5e1ee;background:white;color:#36526f;border-radius:10px;padding:9px 12px;white-space:nowrap;font-size:12px}.steps button.active{background:var(--navy);color:white}.learn{background:#edf5fe;border-color:#ccdef1}.legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.stage{padding:13px;border:1px solid var(--border);background:var(--bg);color:var(--color);border-radius:12px;font-size:12px}.stage b{display:block;font-size:15px}.o{--color:var(--o);--bg:var(--blue);--border:#bed8fc}.m{--color:var(--m);--bg:var(--yellow);--border:#f1d08f}.s{--color:var(--s);--bg:var(--teal);--border:#afdccf}.e{--color:var(--e);--bg:var(--purple);--border:#d4c2ef}.model{padding:13px 16px;background:var(--bg);border-left:5px solid var(--color);border-radius:10px;margin:8px 0}.model b{display:block;font-size:11px;color:var(--color);text-transform:uppercase}.task-title{display:flex;gap:12px;justify-content:space-between;align-items:start}.task-title h2{margin:8px 0}.task-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.task-meta span{background:#eef3fb;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:650}.task-meta span:first-child{background:#fff0cc;color:#885500}.assignment{padding:17px;background:#f3f7fc;border-radius:12px;border-left:4px solid #70a5cb}.assignment b{display:block}.reference{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.reference button{border:1px solid #e9cd91;background:#fff8e8;color:#805c11;border-radius:8px;font-size:12px;padding:6px 10px}.field{display:block;font-size:14px;font-weight:700;margin:19px 0 8px}textarea{width:100%;padding:14px;line-height:1.7;min-height:170px;border:1px solid #b9cde0;background:#fcfdff;border-radius:12px;resize:vertical;color:var(--ink)}input:not([type=checkbox]):not([type=radio]),select{padding:10px;border:1px solid #b9cde0;border-radius:8px;max-width:100%;background:white;color:var(--ink)}.fieldbox{background:var(--bg);border:1px solid var(--border);padding:12px;border-radius:13px;margin:16px 0}.fieldbox .field{color:var(--color);margin-top:3px}.count{text-align:right;font-size:11px;color:var(--muted)}.check{display:flex;gap:9px;align-items:start;font-size:14px;margin:9px 0}.check input{margin-top:6px}.quiz label{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;margin:8px 0}.quiz label:has(input:checked){background:#edf5ff;border-color:#7fa7d8}.feedback{border-radius:13px;background:#edf7f1;border:1px solid #c7e4d3;padding:17px;margin:15px 0;font-size:14px}.feedback.warning{background:#fff7e5;border-color:#eed599}.feedback h3{margin-top:0}.feedback blockquote{margin:10px 0;padding-left:14px;border-left:3px solid #80ab9a;font-style:italic;white-space:pre-wrap}.feedback p{white-space:pre-line}.revision{background:#f3eefa;border:1px solid #d9c8ee;border-radius:12px;padding:15px;font-size:13px}.solution{white-space:pre-line;background:#eaf6ee;border-left:4px solid #258368;border-radius:10px;padding:17px;margin:15px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#eef4fa}.release input{width:20px;height:20px}.login{max-width:1050px;margin:40px auto;display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 15px 60px #173f5f16}.login-photo{background:var(--navy);color:white}.login-photo img{width:100%;height:260px;object-fit:cover}.login-photo>div{padding:28px}.login-form{padding:35px}.login-form input{width:100%}.statusbar{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:15px 0}.inkpad{width:100%;height:210px;touch-action:none;border:1px solid #b9cde0;border-radius:10px;background:repeating-linear-gradient(white 0,white 29px,#dce5ed 30px)}details{margin:10px 0}summary{cursor:pointer;font-weight:650}dialog{border:0;border-radius:18px;padding:25px;max-width:780px;width:94%;max-height:88vh;box-shadow:0 15px 90px #0004}dialog::backdrop{background:#173f5f88}.rule{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.rule b{display:block;color:#226d7a}#toast{display:none;position:fixed;left:50%;top:16px;transform:translateX(-50%);background:#173f5f;color:white;padding:12px 19px;border-radius:11px;z-index:100;max-width:90%;font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:200}.timer{font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.timer button{border:1px solid #a8bdcf;background:white;border-radius:7px;padding:4px 8px}.empty{padding:30px;text-align:center;color:var(--muted)}.pill.good{background:#e2f3e9;color:#257252}.pill.warn{background:#fff2d8;color:#8c5908}.teacher-nav{display:flex;gap:8px;flex-wrap:wrap}.teacher-nav button{border:1px solid #cad8e7;background:white;border-radius:9px;padding:9px 14px;font-size:13px}.teacher-nav button.active{background:#193e61;color:white}.paperhint{border:1px dashed #adc7dd;padding:13px;border-radius:10px;font-size:13px}.bad{color:#a1342c}.tabnum{font-size:12px;color:#66809a}footer{font-size:11px;color:var(--muted);margin-top:32px}.versionrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.versionrow select{font-size:12px;padding:5px}.task-visual{width:70px;height:50px;float:right}.task-visual svg{width:100%;height:100%}
@media(max-width:1100px){.journey{grid-template-columns:1fr 1fr}.layout{grid-template-columns:210px 1fr}main{padding:23px}.legend{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){header{padding:14px 17px}header strong{font-size:19px}header>div:last-child{font-size:12px}.layout{display:block}nav{position:static;display:flex;overflow-x:auto;max-height:none;gap:5px;padding:8px}nav button{min-width:155px;width:155px;flex-shrink:0;padding:9px;font-size:11px;margin:0}.navnum{min-width:25px;height:25px}nav small{font-size:9px}main{padding:16px 13px 60px}.login{display:block;margin:15px}.login-photo img{height:150px}.login-photo>div{padding:20px}.login-photo h1{font-size:29px}.login-form{padding:24px}.hero img{height:150px}.hero-inner{padding:21px}.hero-inner h1{font-size:31px}.journey{gap:10px}.tile-top{padding:12px}.tile-body{padding:13px}.tile-body strong{font-size:16px}.art{width:65px;height:50px}.module-banner{padding:20px}.module-banner h1{font-size:27px;padding-right:65px}.module-banner .art{width:65px;height:52px;right:14px;top:16px}.grid{grid-template-columns:1fr}.card{padding:18px}.task-title{display:block}.task-meta{gap:5px}.task-meta span{font-size:11px}.legend{gap:8px}.stage{padding:10px}.teacher-nav{gap:6px}.teacher-nav button{font-size:12px;padding:8px 10px}dialog{padding:20px}}@media(max-width:370px){.journey{grid-template-columns:1fr}}@media print{nav,header,.actions,.steps,.reference,.timer,.teacher-nav{display:none!important}main{padding:0;max-width:none}.layout{display:block}body{background:white}.card{box-shadow:none;border:0}textarea{display:none}.hero img{display:none}}

.material-inline,.hintsteps,.extension{margin:16px 0;padding:14px;border:1px solid #c5d8ea;border-radius:12px;background:#f8fbff}.extension{border-color:#c9b1e6;background:#faf7ff}.plain-functions .model,.plain-functions .stage,.plain-functions .fieldbox{background:#f6f8fa!important;border-color:#b6c3ce!important;color:#263d50!important}.plain-functions .stage b{color:#263d50!important}.solution{overflow-wrap:anywhere}.solution h3{white-space:normal}.hintsteps [hidden]{display:none!important}
/* 7.1.1: Ein vertikaler Seitenfluss, keine Scrollfalle im Seitenmenü. */
html{min-height:100%;height:auto;overflow-y:auto;scroll-padding-block:16px}body{min-height:100%;height:auto;overflow:visible}.layout{height:auto;max-height:none;min-height:0;align-items:start}nav{position:static;max-height:none;height:auto;overflow:visible;align-self:stretch}main{height:auto;max-height:none;overflow:visible;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}header{flex-wrap:wrap}header>div{min-width:0;overflow-wrap:anywhere}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>div{min-width:0;overflow-wrap:anywhere}.card,.material-inline,.hintsteps,.extension{min-width:0;overflow-wrap:anywhere}dialog{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}dialog[open]{position:fixed;inset:16px 0;margin:auto}dialog .actions:last-child{padding-bottom:8px}
@media(max-width:740px){nav{align-self:auto;overflow-x:auto;overflow-y:hidden;max-height:none;min-height:0;touch-action:pan-x pan-y}.grid{grid-template-columns:minmax(0,1fr)}header>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}dialog{width:calc(100% - 24px);padding:18px}}
@media print{nav{display:none!important}main{padding-bottom:0}dialog[open]{position:static;max-height:none;overflow:visible}}
.account-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.account-controls>span{overflow-wrap:anywhere}.role-picker{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.role-picker .btn{flex:1;min-width:130px}@media(max-width:740px){.account-controls{justify-content:flex-start;width:100%}}
/* 7.3: Lernweg zuerst; pro Ansicht eine Arbeitsphase. */
.brand-home{border:0;padding:0;background:transparent;color:white;text-align:left;font-weight:800;font-size:23px;line-height:1.2}.brand-home span{display:block;font-size:13px;font-weight:500;margin-top:5px}.navigation{margin:0;background:var(--navy)}.navigation>summary{display:none}.course-overview>h1{font-size:33px}.course-overview>p{max-width:780px}.path-list{display:flex;flex-direction:column;gap:9px;margin:24px 0}.path-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;text-align:left;background:white;border:1px solid #d1deea;border-left:5px solid var(--accent);border-radius:12px;padding:13px 16px;color:var(--ink)}.path-number{display:grid;place-items:center;background:var(--wash);color:var(--accent);width:38px;height:38px;border-radius:10px;font-size:20px}.path-item strong{font-size:18px;display:block}.path-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.path-meta{font-size:11px;color:var(--muted);text-align:right}.module-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:12px;gap:8px}.module-banner{padding:15px 20px}.module-banner h1{padding-right:0;font-size:27px;margin:4px 0}.phase-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.phase-tabs button{padding:9px 11px;border:1px solid #c8d7e6;background:white;color:var(--navy);border-radius:9px;font-size:12px}.phase-tabs button.active{background:var(--navy);color:white}.phase-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.phase-cards button{display:flex;align-items:center;gap:12px;background:#f6f9fe;border:1px solid #cbdaeb;border-radius:11px;text-align:left;padding:15px;color:var(--ink)}.phase-cards button>b{color:#267b99;font-size:23px}.phase-cards button strong,.phase-cards button small{display:block}.phase-cards button small{font-size:12px;color:var(--muted)}.inline-link{border:0;background:transparent;padding:0;color:#185f8b;text-decoration:underline;font:inherit;text-align:left;cursor:pointer}.assignment-links{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.check-choice{display:block;margin:12px 0;padding:14px;border:1px solid #cad8e7;border-radius:10px;background:#f8fafe;font-size:14px}.check-choice:has(input:checked){border-color:#267b99;background:#e9f5ff}.check-choice input{margin-right:7px}.check-choice.correct-choice{background:#e5f6eb;border-color:#62a383}.revision>summary{font-size:13px}
@media(max-width:740px){.navigation{border-radius:0;background:#e4edf8}.navigation>summary{display:block;padding:12px 16px;color:var(--navy);font-size:13px}.navigation nav{flex-wrap:wrap;overflow:visible;gap:5px}.navigation nav button{width:calc(50% - 5px);min-width:0}.course-overview>h1{font-size:27px}.path-item{grid-template-columns:32px minmax(0,1fr) auto;padding:11px 10px;gap:9px}.path-number{width:30px;height:30px;font-size:17px}.path-item strong{font-size:15px}.path-item small{font-size:11px}.path-meta{font-size:10px}.phase-cards{grid-template-columns:1fr}.phase-cards button{padding:12px}.phase-tabs{gap:5px}.phase-tabs button{padding:8px;font-size:11px}.module-banner h1{font-size:23px}.brand-home{font-size:21px}}

/* 7.4 · Klarheit auf einen Blick */
.lead{font-size:18px;max-width:780px}
h2.sec{font-size:20px;margin:30px 0 10px}
.next-up{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--navy);color:#fff;border-radius:18px;padding:20px 24px;margin:20px 0;box-shadow:0 10px 26px #173f5f22}
.next-up small{display:block;color:#ffdc96;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}
.next-up strong{display:block;font-size:22px;margin:3px 0}.next-up span{color:#dbe8f5;font-size:14px}
.btn.big{font-size:16px;padding:13px 20px}
.howto{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;counter-reset:h}
.howto li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px 14px 52px;position:relative;counter-increment:h}
.howto li:before{content:counter(h);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:#f6bd55;color:var(--navy);font-weight:800;display:grid;place-items:center}
.howto strong{display:block}.howto span{font-size:13px;color:var(--muted)}
.path-item .bar{display:block;height:6px;background:#e6edf5;border-radius:4px;margin-top:8px;max-width:260px;overflow:hidden}
.path-item .bar i{display:block;height:100%;background:var(--accent)}
.path-item.locked{opacity:.65}
.module-banner small{display:block;color:#ffdc96;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;margin-bottom:4px}
.glance .situation{font-size:16px}
.glance .product{background:#eaf3ff;border-left:5px solid var(--o);padding:12px 16px;border-radius:10px;font-weight:700}
.dodont{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.dodont>div{border-radius:14px;padding:6px 18px 10px}
.dodont .do{background:#e6f6ee;border:1px solid #b6e0c9}.dodont .dont{background:#fdecec;border:1px solid #f1c1c1}
.dodont h3{margin:12px 0 6px;font-size:17px}.dodont .do h3{color:#11704a}.dodont .dont h3{color:#a33b3b}
.dodont ul{margin:0;padding-left:20px}.dodont li{margin:5px 0}
.timeline{list-style:none;padding:0;margin:8px 0 0;border-left:3px solid var(--line)}
.timeline li{display:flex;gap:14px;align-items:baseline;padding:6px 0 6px 16px;position:relative}
.timeline li:before{content:"";position:absolute;left:-8px;top:13px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #9fb6cc}
.timeline li.done:before{background:#2a9d6f;border-color:#2a9d6f}
.timeline b{min-width:62px;font-size:14px;color:var(--muted)}.timeline small{display:block;color:var(--muted);font-size:12px}
.timeline em{color:#2a9d6f;font-style:normal;font-weight:800}
.learn h3{margin:22px 0 6px}.learn ul,.learn ol{padding-left:22px}.learn li{margin:6px 0}
.merke{background:#fff5df;border-left:5px solid #edb54a;border-radius:10px;padding:13px 16px;margin-top:20px}
.task .assignment{display:block;background:#eaf3ff;border-left:5px solid var(--o);border-radius:12px;padding:15px 18px;font-size:17px;margin:14px 0}
.task .assignment b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--o);margin-bottom:4px}
.howwork{font-size:14px;color:var(--ink)}
.task-meta span{margin-right:6px}
.donewhen{background:#f4f8f2;border:1px solid #cfe5c6;border-radius:12px;padding:6px 16px 10px;margin:16px 0}
.donewhen h3{font-size:16px;margin:10px 0 4px;color:#2e6a2a}
.check.finish{background:#fff8e6;border-radius:10px;padding:10px 12px;font-weight:700}
.steps button.done{border-color:#7cc2a1;color:#1f7a55}
.gloss{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:18px}
.gloss-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.gloss-item h3{margin:2px 0 6px;font-size:17px;color:var(--navy)}.gloss-item p{margin:6px 0;font-size:14px}
.gloss-item .ex{color:#386b8f;font-style:italic}
@media(max-width:740px){.dodont{grid-template-columns:1fr}.next-up{flex-direction:column;align-items:flex-start}.timeline b{min-width:52px}}
@media print{.next-up,.howto{display:none}}

/* 8.0 · einheitliche Funktionsfarben, ruhigere Module */
:root{--o:#2567bb;--m:#b45f06;--s:#0b7a6c;--e:#7a45b8}
.fn{font-weight:800;padding:1px 7px;border-radius:6px;white-space:nowrap}
.fn.o{background:#e7f0fc;color:var(--o)}.fn.m{background:#fff0dc;color:var(--m)}.fn.s{background:#e1f5f1;color:var(--s)}.fn.e{background:#f1e9fb;color:var(--e)}
.plain-functions .fn{background:none}
header{padding:12px 24px}.brand-home span{display:block;font-size:12px;font-weight:600;color:#ffdc96}
.netstate{background:#fdecec;color:#a33b3b;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800}
.needs{background:#f4f6f9;border:1px solid var(--line);border-radius:14px;padding:4px 18px 8px;margin:14px 0}
.needs h3{font-size:16px;margin:10px 0 4px;color:#3d5a78}.needs ul{margin:0;padding-left:20px}
.cando{background:#f8f5ff;border:1px solid #e3d8f6;border-radius:14px;padding:4px 16px 10px;margin:16px 0}
.cando h3{font-size:16px;margin:10px 0 4px;color:var(--e)}.cando small{margin-left:auto;color:var(--muted);padding-left:10px}
.cando .check{display:flex;gap:8px;align-items:flex-start}
.plus{background:#fff8e6;border:1px dashed #edb54a;border-radius:12px;padding:10px 14px;margin:14px 0}
.takeaway{border-left:5px solid #edb54a}.takeaway h2{color:#8a5a00}
.score{font-size:22px;font-weight:800;color:var(--navy)}
.exititem{border:1px solid var(--line);border-radius:12px;padding:8px 14px;margin:10px 0}.exititem legend{font-weight:700;padding:0 4px}
.markline{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;margin:6px 0;font-size:15px}
.markline.o{border-left:6px solid var(--o);background:#f2f7fd}.markline.m{border-left:6px solid var(--m);background:#fff7ec}.markline.s{border-left:6px solid var(--s);background:#eefaf7}.markline.e{border-left:6px solid var(--e);background:#f7f2fd}
.markline b{margin-right:6px}
details.ink>summary{font-size:13px;font-weight:600;color:var(--muted);border:0;background:none;padding:2px 0}
@media(max-width:740px){.phase-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.phase-tabs button{flex:0 0 auto}.steps{flex-wrap:nowrap;overflow-x:auto}header{padding:10px 14px}}

.explain{margin:.4rem 0 1rem;padding:.6rem .9rem;border-left:4px solid #b08a2e;background:#fbf7ec;border-radius:6px}.explain dt{font-weight:700;margin-top:.4rem}.explain dd{margin:0 0 .2rem}