.learning-page{min-height:100vh;background:#f1efe7;color:#171c19}.learning-nav{display:flex;gap:20px;align-items:center}.learning-nav a,.back-link{font-size:10px;font-weight:800;color:#758071;text-decoration:none}.learning-wrap{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:42px 0 90px}.learning-wrap--narrow{max-width:850px}.learning-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:26px}.learning-heading h1{font:700 clamp(42px,6vw,70px)/.94 "Space Grotesk",sans-serif;letter-spacing:-.09em;margin:14px 0 12px}.learning-heading h1 em{font-style:normal;color:#829345}.learning-heading p{max-width:600px;color:#7b8478;font-size:12px;line-height:1.8;margin:0}.learning-heading__meta{display:flex;align-items:center;gap:8px;color:#7d887b;font:500 9px "DM Mono",monospace}.status-dot{width:7px;height:7px;border-radius:50%;background:#8ca04a}.learning-error{margin:15px 0;padding:13px 16px;border:1px solid #e3b8ac;border-radius:11px;background:#f9eae5;color:#a44a3b;font-size:11px;line-height:1.7}.tutor-shell{display:grid;grid-template-columns:280px minmax(0,1fr);border-radius:22px;overflow:hidden;background:#0b0e0d;box-shadow:0 25px 80px #0b0e0d19;min-height:650px}.tutor-side{padding:29px 25px;border-right:1px solid #ffffff16;color:#f1efe7;display:flex;flex-direction:column}.learning-kicker{font:500 8px "DM Mono",monospace;letter-spacing:.15em;color:#92a089}.tutor-side h2{font:700 31px/.98 "Space Grotesk",sans-serif;letter-spacing:-.07em;margin:26px 0 14px}.tutor-side>p{color:#9aa598;font-size:10px;line-height:1.9}.tutor-side__note{margin-top:auto;border-top:1px solid #ffffff18;padding-top:18px;color:#869285;font-size:9px;line-height:1.8}.tutor-side__note b{display:block;color:#dce4d8;margin-bottom:5px}.learning-quiet{margin-top:22px;align-self:flex-start;border:1px solid #ffffff25;background:transparent;color:#dbe3d8;border-radius:99px;padding:10px 13px;font-size:9px;font-weight:800;cursor:pointer}.tutor-main{display:flex;flex-direction:column;min-width:0;min-height:650px}.tutor-main__top{height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;border-bottom:1px solid #ffffff17;color:#f1efe7}.tutor-main__top b{display:block;font:700 14px "Space Grotesk",sans-serif}.tutor-main__top small{display:block;color:#829081;font-size:8px;margin-top:3px}.usage-pill{border:1px solid #ffffff20;padding:7px 10px;border-radius:99px;color:#aab7a6;font:500 8px "DM Mono",monospace}.tutor-messages{flex:1;min-height:390px;max-height:580px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.tutor-welcome,.tutor-message{display:flex;gap:12px;align-items:flex-start;max-width:760px}.tutor-avatar{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e6f05a;color:#0b0e0d;font:700 11px "Space Grotesk",sans-serif}.tutor-welcome>div,.tutor-message__body{padding-top:2px;min-width:0}.tutor-welcome b,.tutor-message__body>b{color:#e8eee5;font-size:10px}.tutor-welcome p,.tutor-message__body p{color:#aeb9ac;font-size:11px;line-height:1.9;margin:6px 0 0;overflow-wrap:anywhere}.tutor-message--user .tutor-avatar{background:#28352c;color:#e6f05a}.tutor-message--user .tutor-message__body p{color:#f0f2e9}.tutor-message--assistant{margin-right:28px}.tutor-message--assistant .tutor-message__body{padding:13px 15px;border-radius:0 12px 12px 12px;background:#18211a}.tutor-message--user{align-self:flex-end;flex-direction:row-reverse;margin-left:28px}.tutor-message--user .tutor-message__body{padding:13px 15px;border-radius:12px 0 12px 12px;background:#304029}.tutor-message.is-pending{opacity:.62}.message-usage{display:block;color:#7f9078;font:500 8px "DM Mono",monospace;margin-top:9px}.tutor-prompts{display:flex;flex-wrap:wrap;gap:7px;padding:0 24px 14px}.tutor-prompts button{border:1px solid #ffffff20;background:transparent;color:#aebba9;border-radius:99px;padding:8px 11px;font-size:8px;cursor:pointer}.tutor-prompts button:hover{border-color:#e6f05a;color:#e6f05a}.tutor-compose{margin:0 20px;padding:7px 8px 7px 15px;border:1px solid #ffffff2a;border-radius:14px;display:flex;align-items:flex-end;gap:10px;background:#121a15}.tutor-compose textarea{flex:1;min-height:44px;max-height:140px;resize:vertical;border:0;outline:0;background:transparent;color:#f1efe7;font:11px/1.7 "Manrope",sans-serif;padding:8px 0}.tutor-compose textarea::placeholder{color:#718071}.tutor-send{width:38px;height:38px;flex:none;border:0;border-radius:50%;background:#e6f05a;color:#0b0e0d;font-size:19px;cursor:pointer}.tutor-send:disabled{opacity:.5}.tutor-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 22px 17px;color:#758274;font:500 7px "DM Mono",monospace}.lesson-filters{display:flex;align-items:center;gap:9px;margin:24px 0 17px;color:#7d887b;font-size:9px;font-weight:800}.lesson-filters select,.lesson-filters input{height:38px;border:1px solid #171c1926;border-radius:9px;background:#fcfbf6;padding:0 11px;color:#333e32;font:10px "Manrope",sans-serif}.lesson-filters input{flex:1;max-width:300px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.lesson-card{min-height:220px;display:flex;flex-direction:column;padding:19px;border:1px solid #171c1919;border-radius:15px;background:#fcfbf6;color:#1b211c;text-decoration:none;transition:transform .2s,border-color .2s}.lesson-card:hover{transform:translateY(-3px);border-color:#94a45a}.lesson-card__top,.lesson-card__foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.lesson-kicker,.lesson-status{color:#87927f;font:500 7px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.lesson-status.is-done{color:#748d3e}.lesson-card h2{font:700 22px/1.02 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:25px 0 9px}.lesson-card>p{color:#80897d;font-size:9px;line-height:1.8;margin:0 0 22px}.lesson-card__foot{margin-top:auto;padding-top:13px;border-top:1px solid #171c1916;color:#8a9388;font:500 8px "DM Mono",monospace}.lesson-card__foot b{color:#697d38}.lesson-empty{grid-column:1/-1;padding:32px;border:1px dashed #b9c0b1;border-radius:13px;background:#f7f6ef;color:#7d877a;text-align:center;font-size:11px;line-height:1.8}.back-link{display:inline-block;margin-bottom:18px}.lesson-article{padding:32px clamp(20px,5vw,54px);border:1px solid #171c1918;border-radius:20px;background:#fcfbf6}.lesson-title{font:700 clamp(34px,5vw,57px)/.96 "Space Grotesk",sans-serif;letter-spacing:-.085em;margin:17px 0}.lesson-lead{font-size:13px;line-height:1.9;color:#788375;padding-bottom:20px;border-bottom:1px solid #171c1916}.lesson-body{padding:15px 0 5px}.lesson-copy{font-size:12px;line-height:2;color:#414a3f;white-space:pre-wrap}.lesson-extra{margin-top:25px;padding:20px;border-radius:12px;background:#f0efe7}.lesson-extra h2{font:700 20px "Space Grotesk",sans-serif;margin:0 0 12px}.lesson-extra p{font-size:11px;line-height:1.85;color:#636e5f}.lesson-complete{margin-top:25px;padding-top:18px;border-top:1px solid #171c1918;display:flex;justify-content:space-between;align-items:center;gap:15px}.lesson-complete p{color:#768172;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.tutor-shell{grid-template-columns:1fr}.tutor-side{display:none}.tutor-main{min-height:600px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-heading{align-items:flex-start;flex-direction:column}.learning-heading__meta{margin-top:-6px}}
@media(max-width:540px){.learning-nav{gap:11px}.learning-nav a{font-size:8px}.learning-wrap{padding-top:28px}.tutor-main__top{padding:0 15px}.tutor-messages{padding:17px 14px}.tutor-prompts{padding:0 14px 12px}.tutor-compose{margin:0 12px}.tutor-foot{padding-inline:14px}.lesson-grid{grid-template-columns:1fr}.lesson-filters{flex-wrap:wrap}.lesson-filters input{max-width:none;flex-basis:100%}.lesson-article{padding:24px 18px}.lesson-complete{align-items:flex-start;flex-direction:column}}