/* 2026 Integrated Architect/Lab: clean, bilingual, single-navigation 16-week course */
#learn .integrated-top{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(115deg,#15384a,#1b2b4b);border:1px solid #335066;border-radius:18px;padding:20px 23px;margin:18px 0}
#learn .integrated-top h2{font-size:22px;letter-spacing:-.025em;color:#f3fcff;margin:6px 0}
#learn .integrated-top p{margin:0;font-size:13px;color:#b9d6df}
#learn .integrated-stats{flex:none;border:1px solid #426678;background:#10283b;border-radius:12px;padding:10px 18px;text-align:center}
#learn .integrated-stats strong{color:#91e5d5;font-size:25px;font-variant-numeric:tabular-nums;display:block}
#learn .integrated-stats small{color:#b7d3dc;font-size:11px}
#learn .integrated-header{padding:26px 30px 22px;background:linear-gradient(130deg,#f0faf9,#f6f8fd);border-bottom:1px solid #dbe9ea}
#learn .integrated-header .integrated-kicker{font-size:11px;color:#097d75;letter-spacing:.12em;font-weight:850}
#learn .integrated-header h2{color:#20374d;font-size:29px;letter-spacing:-.025em;line-height:1.28;margin:10px 0 5px}
#learn .integrated-header h3{font-size:17px;line-height:1.4;color:#276e76;margin:0 0 12px;font-weight:750}
#learn .journey-bi{border:1px solid #dfe9ef;background:white;border-radius:12px;padding:13px 17px;margin:10px 0}
#learn .journey-en{color:#2a4559;font-size:14px;line-height:1.7}
#learn .journey-vi{color:#50717a;font-size:13px;line-height:1.65;margin-top:8px;border-top:1px dashed #d5e7e6;padding-top:8px}
#learn .integrated-header .journey-bi{background:#ffffffb8}
#learn .integrated-progress-track{height:8px;border-radius:20px;background:#dce9eb;overflow:hidden;margin-top:17px}
#learn .integrated-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#0d9488,#47baa3);transition:width .2s}
#learn .integrated-mini{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:#4f7380;font-size:11px;line-height:1.5}
#learn .integrated-mini span{text-align:right;max-width:65%}
#learn .integrated-week-nav{padding:20px 26px 19px;background:#fff;border-bottom:1px solid #dfe9ee}
#learn .integrated-week-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#learn .integrated-week-nav-heading strong{font-size:13px;color:#214456}
#learn .integrated-week-nav-heading small{font-size:11px;color:#78909b}
#learn .integrated-day-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#learn .integrated-day{border:1px solid #dce9ef;border-radius:11px;background:#f6f9fc;padding:10px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-width:0;min-height:96px;font:inherit;color:#2b4758}
#learn .integrated-day:hover{border-color:#78c2b9;background:#edf9f6}
#learn .integrated-day:focus-visible{outline:3px solid #67cdbc;outline-offset:2px}
#learn .integrated-day .day-index{font-size:10px;color:#0f7e76;font-weight:850;letter-spacing:.06em}
#learn .integrated-day .day-name{font-size:11px;font-weight:850;line-height:1.34}
#learn .integrated-day .day-sub{font-size:10px;color:#688994;line-height:1.4}
#learn .integrated-day.opened{background:#fff5e9;border-color:#ddb883}
#learn .integrated-day.finished{background:#e9f8f1;border-color:#8cd3b2}
#learn .integrated-day.finished .day-index{color:#078150}
#learn .integrated-day.selected{background:#177e79;border-color:#177e79;box-shadow:0 4px 11px #187e7925}
#learn .integrated-day.selected .day-index,#learn .integrated-day.selected .day-name,#learn .integrated-day.selected .day-sub{color:#fff}
#learn .integrated-day-title{margin:17px 0 1px;padding:10px 3px 16px;border-bottom:1px solid #e3edf1}
#learn .integrated-day-title h2{font-size:23px;color:#213c52;line-height:1.3;margin:9px 0 4px}
#learn .integrated-day-title h3{font-size:15px;color:#387e82;margin:0}
#learn .integrated-day-badge{font-size:11px;letter-spacing:.1em;color:#087e77;font-weight:850}
#learn .integrated-body{padding:9px 30px 26px}
#learn .integrated-stage{scroll-margin-top:20px}
#learn .integrated-prompt{font-size:13px;color:#416b72!important;margin:4px 0 14px}
#learn .integrated-example{background:#f3f9fb;border:1px solid #daebee;padding:14px 16px;border-radius:12px}
#learn .integrated-example>b{color:#2c5c67;font-size:13px}
#learn .integrated-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#learn .integrated-case{border:1px solid #deeaed;background:#fcfefe;padding:15px;border-radius:12px;min-width:0}
#learn .integrated-case .journey-bi{padding:0;margin:0;border:0;background:transparent}
#learn .integrated-case-tag{font-weight:850;color:#0b7771;font-size:11px;letter-spacing:.025em;display:block;margin-bottom:9px}
#learn .integrated-evidence{margin:13px 0;background:#f1faf7;border:1px solid #c9e8df;border-radius:12px;padding:14px}
#learn .integrated-evidence>b{font-size:13px;color:#116c5e}
#learn .integrated-evidence .journey-bi{background:#fff}
#learn label[for="integrated-note"]{display:block;font-size:13px;font-weight:850;color:#23536a;margin:14px 0 7px}
#learn .integrated-autosave{font-size:11px;color:#2a8275!important;text-align:right;margin:5px 0}
#learn .journey-question{font-size:17px!important;line-height:1.4;font-weight:850;color:#203d51!important;margin:3px 0 6px}
#learn .journey-question-vi{font-size:14px!important;color:#397783!important;line-height:1.5;margin:0 0 15px}
#learn .journey-choices{display:grid;gap:9px}
#learn .journey-choice{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:start;gap:10px;width:100%;text-align:left;padding:13px 14px;border-radius:12px;border:1.5px solid #d7e6ea;background:#fbfdfe;color:#27475e;cursor:pointer;font:inherit}
#learn .journey-choice:not(:disabled):hover{background:#f0faf8;border-color:#59bbaa}
#learn .journey-choice:focus-visible{outline:3px solid #69cdbd;outline-offset:1px}
#learn .journey-choice:disabled{cursor:default;opacity:1}
#learn .journey-choice .choice-letter{background:#e5eef2;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#37647a;font-size:12px;font-weight:850}
#learn .journey-choice .choice-text{font-size:13px;line-height:1.5;font-weight:750}
#learn .journey-choice .choice-text small{font-size:12px;font-weight:450;color:#62808c;display:block;margin-top:3px}
#learn .journey-choice.is-correct{border-color:#48b78b;background:#e8f9ee}
#learn .journey-choice.is-correct .choice-letter{background:#138e68;color:white}
#learn .journey-choice.is-wrong{border-color:#e18d8c;background:#fff1f1}
#learn .journey-choice.is-wrong .choice-letter{background:#c94f55;color:white}
#learn .journey-choice .option-mark{color:#0e8156;font-weight:900;font-size:18px}
#learn .journey-choice.is-wrong .option-mark{color:#bf4343}
#learn .journey-answer{border:1px solid #9bd6b5;background:#e9faef;padding:16px 17px;border-radius:12px;margin-top:13px;color:#245448}
#learn .journey-answer.wrong{border-color:#e4b5b1;background:#fff1f0;color:#7a3e41}
#learn .journey-answer>strong{font-size:14px}
#learn .journey-answer p{font-size:13px;color:#3a5761;margin:8px 0}
#learn .journey-retry{border:1px solid #a9bec4;background:white;border-radius:9px;padding:9px 12px;font:inherit;font-size:12px;color:#246b70;cursor:pointer;font-weight:750}
#learn .journey-finish{border:1px solid #cee3df;background:#f1faf8;padding:19px;border-radius:14px}
#learn .journey-finish h4{font-size:17px;color:#226b64;margin:0 0 10px}
#learn .journey-finish .journey-bi{background:white}
#learn .journey-attest{display:flex;gap:9px;align-items:start;font-size:13px;line-height:1.6;color:#255b67;font-weight:750;margin:15px 0}
#learn .journey-attest input{width:19px;height:19px;accent-color:#068774;margin-top:1px;flex:none}
#learn .journey-finish-help{font-size:12px;color:#65818a;line-height:1.5}
#learn .journey-finish-button{margin:13px 0 0;border:0;background:#0c8075;color:white;padding:12px 17px;border-radius:10px;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
#learn .journey-finish-button:hover:not(:disabled){background:#075e56}
#learn .journey-finish-button:disabled{background:#c8d8d9;color:#607c81;cursor:not-allowed}
#learn .integrated-week-deliverable{border-top:1px solid #dfeaec;padding:17px 3px;margin-top:8px}
#learn .integrated-week-deliverable>strong{font-size:14px;color:#087e74}
#learn .integrated-week-deliverable>p{font-size:12px;color:#64818e}
#learn .integrated-footer{border-top:1px solid #e3eaec;background:#f9fbfc;padding:17px 22px;display:flex;justify-content:space-between;gap:10px}
#learn .integrated-footer button{background:#e8f6f4;color:#1b6c69;border:1px solid #bddedb;border-radius:9px;font:inherit;font-size:12px;font-weight:850;padding:10px 15px;cursor:pointer}
#learn .integrated-footer button:disabled{opacity:.4;cursor:not-allowed}
#home .integrated-home-progress{display:grid;gap:5px;margin-top:17px;border:1px solid #639e9b;background:#173e48;border-radius:12px;padding:14px 17px}
#home .integrated-home-progress strong{color:#bbf4df;font-size:19px}
#home .integrated-home-progress small{color:#b0cbd7}
#progress .integrated-progress-panel{padding:24px}
#progress .integrated-progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#progress .integrated-progress-stats>div{border-radius:11px;background:#1b3045;border:1px solid #34516a;padding:14px}
#progress .integrated-progress-stats strong{display:block;font-size:25px;color:#91e8d4}
#progress .integrated-progress-stats span{display:block;font-size:11px;color:#b9ccd8;line-height:1.45;margin-top:3px}
#progress .integrated-export{padding:10px 15px;border-radius:9px;background:#1b766e;border:0;color:white;font-weight:800;cursor:pointer}
@media(max-width:1150px){#learn .integrated-body{padding:8px 22px 24px}#learn .integrated-day-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){#learn .integrated-cases{grid-template-columns:1fr}#learn .integrated-day-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}#learn .integrated-day{min-width:160px;max-width:185px;scroll-snap-align:start}#progress .integrated-progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#learn .integrated-top{padding:17px;display:block}#learn .integrated-top h2{font-size:19px}#learn .integrated-stats{display:inline-block;margin-top:9px;text-align:left}#learn .integrated-header{padding:20px 17px}#learn .integrated-header h2{font-size:24px}#learn .integrated-week-nav{padding:15px 16px}#learn .integrated-body{padding:8px 14px 17px}#learn .integrated-day-title h2{font-size:20px}#learn .journey-choice{padding:12px 10px;grid-template-columns:25px minmax(0,1fr) 17px;gap:7px}#learn .journey-bi{padding:11px 13px}#learn .integrated-mini{display:block}#learn .integrated-mini span{display:block;text-align:left;max-width:none;margin-top:3px}#progress .integrated-progress-stats{grid-template-columns:1fr 1fr}}

#progress .integrated-legacy-details{margin-top:18px;border:1px solid #2f485e;border-radius:12px;background:#101e32;padding:13px 16px}
#progress .integrated-legacy-details>summary{cursor:pointer;font-size:13px;font-weight:760;color:#a4c9d8}
#progress .integrated-legacy-details .grid{margin-top:15px}

#learn .daily-build-plan{background:#effaf6;border:1px solid #b8ddd5;border-radius:13px;padding:18px;margin:17px 0;color:#146b60}
#learn .daily-build-plan>strong{font-size:12px;letter-spacing:.08em}
#learn .daily-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
#learn .daily-plan-grid span{background:white;border:1px solid #cce6de;border-radius:9px;padding:10px;font-size:12px;color:#315f67}
#learn .daily-plan-grid b{display:block;font-size:16px;color:#0e766a}
#learn .daily-build-plan p{font-size:12px;color:#507780}
#learn .micro-lessons{display:grid;gap:10px}
#learn .micro-lessons article{border-left:3px solid #1b9886;padding:8px 12px;background:#f6fbfa}
#learn .micro-lessons article>b{color:#157569;font-size:11px}
@media(max-width:700px){#learn .daily-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}