body{background:#f3f4ef}header{background:#fff;padding:18px 4vw}main{padding-top:26px}h1{font-size:36px;margin-bottom:10px}h1 br{display:none}h1 br:after{content:' '}.intro{max-width:960px;margin-bottom:20px}.layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.route{display:none}.visual-board{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);background:#fff;border:1px solid #dedfd8;border-radius:16px;overflow:hidden;margin:24px 0}.visual-board img{width:100%;display:block}.visual-notes{padding:28px;border-left:1px solid #e5e6df;display:flex;flex-direction:column;justify-content:center}.visual-notes h2{font-size:28px}.visual-notes ul{padding-left:20px}.visual-notes li{margin:10px 0}.approved{display:inline-block;color:#355c45;background:#e6eee6;font-size:11px;letter-spacing:1px;padding:5px 9px;border-radius:5px;align-self:flex-start;margin-bottom:12px}.phase-nav{display:flex;gap:10px;margin:22px 0 30px}.phase-nav a{flex:1;text-decoration:none;background:white;border:1px solid #d7dacf;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;min-height:70px}.phase-nav b{font-size:22px;color:#63765a}.phase-nav span{font-size:14px}.phase{background:#fff;border:1px solid #dce0d6;border-radius:14px;overflow:hidden;scroll-margin-top:20px}.phasehead{background:#e8eee3;padding:22px 24px;margin:0}.phase:nth-child(2) .phasehead{background:#f1eadc}.phase:nth-child(3) .phasehead{background:#e5eaf0}.phasehead h2{font-size:28px}.phasehead p{margin-bottom:0}.task{margin:0 22px;padding:20px 0;border-color:#eceee7;grid-template-columns:32px 1fr;gap:13px}.task:last-child{border-bottom:0}.task input{width:23px;height:23px;cursor:pointer}.task h3{font-size:17px;line-height:1.5}.tag{display:inline-block;background:#f0f2eb;padding:2px 7px;border-radius:4px;vertical-align:middle;font-size:9px}.step-number{font:12px 'Courier New',monospace;color:#788171;display:block;letter-spacing:1px;margin-bottom:5px}.scan-list{margin:8px 0;padding-left:18px;color:#4e564a;font-size:14px}.scan-list li{padding:2px 0}.exit-gate{padding:18px 24px;background:#f7f8f4;border-top:1px solid #e1e5db;font-size:14px}.exit-gate strong{display:block;margin-bottom:4px}.phase-progress{font-size:12px;font-weight:600;color:#4f6247;float:right;background:#fff9;padding:4px 9px;border-radius:4px}aside{padding-top:20px}aside section{background:#fff;border:1px solid #dce0d6;border-radius:10px;padding:20px;margin-bottom:18px}aside section:nth-child(3){display:none}.toolbar{margin-top:0}button,select{border-radius:7px;font-size:13px}details summary{font-size:12px;color:#777f72}input:focus-visible{outline:2px solid #405643;outline-offset:3px}.task.done .scan-list{opacity:.55}@media(max-width:850px){h1{font-size:30px}.visual-board{grid-template-columns:1fr}.visual-notes{border-left:0;border-top:1px solid #eee;padding:20px}.visual-notes ul{margin:4px 0}.phase-nav{flex-direction:column}.phase-nav a{min-height:55px;padding:10px 16px}.layout{grid-template-columns:1fr}aside{grid-row:auto;padding-top:0}aside section:not(:first-child){display:block}aside section:nth-child(3){display:none}main{padding:22px 5vw}.task{margin:0 15px;gap:8px}.phasehead{padding:18px}.phasehead h2{font-size:24px}.tag{display:table;margin:5px 0}.visual-notes h2{font-size:25px}.phase-progress{float:none;display:inline-block;margin-bottom:8px}}@media print{.visual-board{break-inside:avoid}.phase-nav{display:none}.phase{break-inside:auto}.task{break-inside:avoid}.scan-list{display:block}}