.cceis-app{--ink:#111;--muted:#60646c;--line:#d9dde3;--soft:#f5f6f7;--good:#eef7ef;--warn:#fff7e8;max-width:1180px;margin:20px auto;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}.cceis-app *{box-sizing:border-box}.cceis-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;border-bottom:1px solid var(--line);padding:28px 8px 24px}.cceis-header h1{font-size:32px;line-height:1.12;margin:4px 0 10px}.cceis-header p{margin:0;max-width:820px}.eyebrow{font-size:12px!important;font-weight:700;letter-spacing:1.6px}.cceis-tabs{position:sticky;top:0;z-index:20;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding-top:10px}.cceis-tabs button{border:1px solid #111;border-bottom:3px solid #111;background:#111;color:#fff;padding:15px 10px;font-weight:700;cursor:pointer}.cceis-tabs button.active{background:#111;color:#fff;border-bottom-color:#fff;box-shadow:inset 0 -3px 0 #fff}.cceis-panel{display:none;padding:30px 8px}.cceis-panel.active{display:block}.intro{max-width:850px;margin-bottom:22px}.intro h2,.cceis-card h2{margin:0 0 8px}.r-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.r-card,.cceis-card,.scenario-card,.option-card,.compare-card,.result-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:20px}.r-card h3{font-size:23px;margin:0 0 8px}.r-card .definition{min-height:92px}.r-card .example{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:14px}.learning{margin-top:16px}.primary,.secondary,.option-card button{border:1px solid #111;border-radius:5px;padding:11px 17px;font-weight:700;cursor:pointer}.primary,.secondary,.option-card button{background:#111;color:#fff}.primary:disabled,.secondary:disabled,.option-card button:disabled{background:#111;color:#fff;opacity:.4;cursor:not-allowed}.next-row{display:flex;justify-content:flex-end;margin-top:22px}.progress-wrap{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:center;margin-bottom:20px}.progress-wrap span{display:block;color:var(--muted);font-size:14px}.progress{height:8px;background:#e9ebee;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:#111;width:12.5%;transition:width .2s}.scenario-card h2{font-size:26px;margin:3px 0 8px}.scenario-context{color:var(--muted);max-width:900px}.stream{display:grid;grid-template-columns:160px 1fr;gap:10px;margin:18px 0;padding:13px 15px;background:var(--soft);border-radius:6px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.option-card{display:flex;flex-direction:column}.option-card h3{margin:0 0 8px}.option-card p{flex:1;color:#444}.option-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.pill{display:inline-block;border:1px solid #bfc4ca;border-radius:20px;padding:4px 9px;font-size:12px;font-weight:700}.option-card.selected{border:2px solid #111}.feedback{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.feedback h3{margin:0 0 8px}.impact-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:15px 0}.impact{background:var(--soft);border-radius:6px;padding:10px;text-align:center}.impact strong{display:block;font-size:20px}.impact span{font-size:11px}.tradeoff{padding:12px 14px;background:var(--warn);border-radius:6px}.nav-row{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.compare-card{margin:0 0 12px}.compare-head{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:12px;align-items:center}.compare-head h3{margin:0}.mini-impact{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px}.mini-impact div{background:var(--soft);padding:9px 7px;text-align:center;font-size:11px}.mini-impact strong{display:block;font-size:15px}.mini-impact .impact-label{display:block;font-weight:700;margin-top:2px}.mini-impact .impact-explain{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.25}.summary-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.r-results,.impact-results{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:105px 1fr 42px;gap:9px;align-items:center}.bar{height:12px;background:#e9ebee;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:#111}.insights{margin-top:16px}.insights p{margin:8px 0;padding:12px;background:var(--soft);border-radius:6px}.empty{padding:28px;border:1px dashed #bfc4ca;text-align:center;color:var(--muted)}@media(max-width:800px){.r-grid,.options-grid,.summary-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:repeat(2,1fr)}.progress-wrap{grid-template-columns:1fr}.compare-head{grid-template-columns:1fr}.mini-impact{grid-template-columns:repeat(2,1fr)}.cceis-header{display:block}.cceis-header .secondary{margin-top:16px}.cceis-tabs button{font-size:12px;padding:12px 4px}}