:root{--ink:#1c2b29;--muted:#65736d;--forest:#1f5745;--paper:#f7f8f5;--border:#dce4dc;--lime:#d1e7a4;--soft:#edf3ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:15px/1.58 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}button,textarea,input,select{font:inherit}button{cursor:pointer}header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{max-width:1220px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.09em;line-height:1.05}.brand small{font-size:9px;display:block;margin-top:5px;color:#7b8c7a}.mark{display:grid;place-items:center;width:34px;height:34px;color:white;background:var(--forest);border-radius:10px;font:italic 700 21px Georgia}.header-actions{display:flex;gap:6px}.top{border:0;background:none;padding:10px 14px;border-radius:9px;color:#6f7d75;font-size:13px}.top.active{background:var(--soft);color:var(--forest);font-weight:700}main{max-width:1220px;margin:auto;padding:50px 24px}.intro{display:flex;justify-content:space-between;gap:40px;margin-bottom:47px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#59816c}.eyebrow span{color:#c2d2c3}.intro h1,#monitor h1{font:normal 52px/1.04 Georgia,serif;letter-spacing:-.04em;margin:17px 0;color:#243b30}.intro h1 em{color:#558568;font-weight:normal}.lead{font-size:16px;color:var(--muted);max-width:570px}.meta{display:flex;gap:23px;color:#687b70;font-size:12px;margin-top:23px}.brief{width:282px;padding:23px;background:#eaf0e7;border:1px solid #d9e4d7;border-radius:15px;align-self:center}.brief p{margin:12px 0;font:16px Georgia}.brief p strong{font:700 18px Georgia}.brief .brief-small{font:12px/1.6 -apple-system,sans-serif;color:#617467}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px}.aside-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#819086;margin:3px 0 14px}.nav-item{display:flex;width:100%;border:0;background:transparent;text-align:left;gap:10px;align-items:center;border-radius:9px;padding:11px 10px;color:#718077;font-size:12px}.nav-item .num{width:23px;height:23px;border:1px solid #d7e1d8;border-radius:50%;display:grid;place-items:center;font-size:10px}.nav-item.selected{color:#1c5b41;background:#e8f0e6;font-weight:700}.nav-item.selected .num{background:#235c44;border-color:#235c44;color:white}.nav-item:disabled{opacity:.45;cursor:not-allowed}.savebox{margin-top:27px;padding:16px;background:#f0f4ee;border:1px solid #dfe8dd;border-radius:12px;color:#526a5a;font-size:11px}.savebox p{line-height:1.5}.savebox .import-label{display:block;text-align:center;cursor:pointer;margin-top:8px;padding:8px;color:#315a43;font-weight:700;border:1px solid #c5d8c7;border-radius:7px;background:white}.savebox button{border:1px solid #c5d8c7;background:white;border-radius:7px;padding:8px 10px;color:#315a43;width:100%;font-weight:700}.content{background:white;border:1px solid var(--border);border-radius:16px;padding:36px;box-shadow:0 6px 30px #19332408;min-height:530px}.step-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#6b9277}.content h2{font:normal 34px Georgia;margin:8px 0 6px;letter-spacing:-.03em;color:#243b30}.sub{color:#76877a;font-size:13px;margin:0 0 25px}.scene{background:#f3f7ef;border-left:3px solid #a6c385;padding:19px 22px;border-radius:0 10px 10px 0;color:#385449;font:16px/1.6 Georgia;margin:20px 0}.scene strong{font:700 10px -apple-system,sans-serif;letter-spacing:.14em;display:block;color:#66866d;margin-bottom:8px}.content h3{font-size:15px;margin:28px 0 8px}.content p,.content li{color:#596a60;font-size:13px}.content ol{padding-left:20px}.content li{margin:9px 0}.field{margin:20px 0}.field label{font-size:12px;font-weight:700;display:block;margin-bottom:8px;color:#354c40}.field textarea,.field input,.field select{background:#fbfcfa;border:1px solid #d7e2d8;border-radius:8px;padding:11px 12px;width:100%;color:#273a30;outline:none}.field textarea:focus,.field input:focus{border-color:#639473;box-shadow:0 0 0 3px #dcebdd}.field textarea{min-height:85px;resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.notice{font-size:12px;background:#f6f4e9;border:1px solid #eee9d1;border-radius:9px;padding:12px 15px;color:#725e35;margin:20px 0}.timer{display:flex;align-items:center;gap:12px;background:#f6f9f4;border:1px solid #e4ece0;padding:15px;border-radius:10px;margin:20px 0}.timer .digits{font:26px ui-monospace,monospace;letter-spacing:-.04em;margin-right:auto;color:#28573e}.timer button,.secondary{border:1px solid #d8e3d8;background:white;color:#456d53;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700}.primary{background:#225a42;border:1px solid #225a42;color:white;border-radius:8px;padding:11px 19px;font-size:12px;font-weight:700}.footnav{border-top:1px solid #ecf0eb;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between}.hint{font-size:11px!important;color:#8b9b8e!important;margin-top:15px}.resource{display:inline-block;color:#286846;font-weight:700;font-size:12px;margin:5px 12px 5px 0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:11px;background:#f0f5ee;color:#4e7359;padding:6px 10px;border-radius:20px}.check{display:flex;align-items:flex-start;gap:10px;color:#526457;font-size:12px;margin:10px 0}.check input{margin-top:3px}#monitor{max-width:850px;margin:30px auto}.monitor-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:30px;margin:35px 0}.monitor-card h2{font:normal 30px Georgia}.monitor-card p{white-space:pre-wrap;color:#65736d}.status-head{display:flex;align-items:center;gap:10px;color:#51795d;font-size:12px}.live-dot{width:8px;height:8px;background:#78a383;border-radius:50%}#updated{margin-left:auto;color:#87978a}footer{border-top:1px solid var(--border);padding:24px;display:flex;justify-content:space-between;max-width:1220px;margin:auto;color:#8a9a8c;font-size:10px;letter-spacing:.06em}[hidden]{display:none!important}@media(max-width:740px){main{padding:30px 16px}.intro{display:block}.intro h1{font-size:42px}.brief{width:auto;margin-top:25px}.layout{display:block}aside{margin-bottom:20px}.aside-label{display:none}nav{display:flex;overflow:auto;gap:4px}.nav-item{min-width:max-content}.savebox{margin:12px 0}.content{padding:22px}.grid{grid-template-columns:1fr}.header-inner{padding:14px 16px}.top{padding:8px;font-size:11px}.meta{gap:12px;font-size:10px}.brief{padding:17px}footer{gap:20px}.intro{margin-bottom:25px}}
.guidance{border:1px solid #d6e5d5;background:#f6faf3;border-radius:13px;padding:20px 22px;margin:0 0 30px}.guide-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:#62856a}.guide-goal{font-weight:750;font-size:17px;margin:7px 0;color:#254c37}.guidance p,.guidance li{font-size:12px;line-height:1.65;color:#4b6051}.guidance details{margin:12px 0}.guidance summary{font-weight:700;color:#345a40;cursor:pointer;font-size:12px}.guidance ol{margin:8px 0;padding-left:20px}.guidance li{margin:6px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #deebd9;border-bottom:1px solid #deebd9}.guide-next{margin-bottom:0}.prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;background:white;border:1px solid #dbe8db;border-radius:7px;padding:12px;color:#3a5140}.copy-result{padding-left:8px;font-size:11px;color:#4d7559}.field-help{margin:-3px 0 8px!important;font-size:11px!important;color:#718679!important;line-height:1.5!important}@media(max-width:740px){.guide-grid{grid-template-columns:1fr;gap:0}}
.course-overview{padding:13px 16px;background:#f1f4eb;border:1px solid #dfe8d9;border-radius:9px;color:#435d4b!important;font-size:12px!important;line-height:1.6;margin:0 0 16px!important}

/* Review prototype: compact controls, with detailed notices available on demand. */
#cloud-panel{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px 18px;margin:0 0 30px;box-shadow:0 3px 16px #19332408}
.cloud-status{margin:0;flex:1 1 250px;color:#355b47;font-size:13px;font-weight:700;line-height:1.45}
.cloud-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cloud-controls button,.cloud-controls a{display:inline-block;border:1px solid #b9d0bf;background:#fff;color:#255a40;border-radius:8px;padding:9px 12px;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer}.cloud-controls button:hover,.cloud-controls a:hover{background:#edf5eb}.cloud-controls button:nth-of-type(2){background:#225a42;color:#fff;border-color:#225a42}.cloud-info{flex-basis:100%;border-top:1px solid #edf2ed;padding-top:9px;color:#617467;font-size:12px}.cloud-info summary{cursor:pointer;color:#456b52;font-weight:700}.cloud-info p{margin:9px 0;max-width:850px}.intro{margin-bottom:32px}.intro h1{font-size:44px;line-height:1.17}.content p,.content li{font-size:14px}.field label{font-size:14px}.guidance p,.guidance li{font-size:13px}.guidance summary{font-size:14px}.field textarea,.field input{font-size:15px}
@media(max-width:740px){#cloud-panel{margin:0 0 25px;padding:14px}.cloud-status{flex-basis:100%}.cloud-controls{width:100%}.cloud-controls button,.cloud-controls a{flex:1;text-align:center}.intro h1{font-size:34px}.meta{flex-wrap:wrap}.timer{flex-wrap:wrap;gap:8px}.timer .digits{flex-basis:100%}.timer button{flex:1}.content{padding:18px}}

.login-details summary{cursor:pointer;list-style:none;border:1px solid #b9d0bf;border-radius:8px;color:#255a40;background:#fff;font-size:12px;font-weight:700;padding:9px 12px}.login-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:10px}.login-form label{display:grid;gap:3px;font-size:12px}.login-form input{border:1px solid #b9d0bf;border-radius:7px;padding:8px;min-width:120px;width:145px}.login-form button{background:#225a42!important;color:white!important}.login-details[open]{flex-basis:100%}@media(max-width:740px){.login-form label{flex:1 1 140px}.login-form input{width:100%}}
