/* Learn Operator: isolated product layer. Shared Clairos styles stay unchanged. */
.site-slug-learn { --op-ink:#122b2a; --op-muted:#4c6562; --op-teal:#096a66; --op-line:#ccdcd7; --op-paper:#f6f8f5; --op-soft:#eaf1ed; --op-terminal:#071923; --learn-terminal:#071923; --learn-terminal-soft:#0b2029; --learn-terminal-text:#e0f2e9; --learn-terminal-muted:#afccc6; background:var(--op-paper); color:var(--op-ink); }
.op-page { overflow-x:clip; }
.op-page :where(h1,h2,h3,p) { margin-top:0; }
.op-page :where(h1,h2,h3) { color:var(--op-ink); font-family:var(--header-font); }
.op-page h1 { font-size:clamp(2.6rem,4.8vw,4.6rem); line-height:1.05; letter-spacing:-.055em; font-weight:750; margin-bottom:1.4rem; }
.op-page h2 { font-size:clamp(1.8rem,2.7vw,2.7rem); line-height:1.15; letter-spacing:-.038em; margin-bottom:1rem; }
.op-page h3 { font-size:1.12rem; line-height:1.35; letter-spacing:-.015em; }
.op-page p { line-height:1.65; }
.op-page :where(a,button,input,textarea,summary):focus-visible { outline:3px solid #158d87; outline-offset:4px; }
.op-page button,.op-page input,.op-page textarea { font:inherit; }
.op-page button,.op-page summary { cursor:pointer; }
.op-page [hidden],.site-slug-learn .learn-terminal-command[hidden] { display:none!important; }
.op-skip { position:absolute;left:1rem;top:-10rem;z-index:1000;background:white;padding:.7rem 1rem;color:var(--op-ink); }
.op-skip:focus { top:.5rem; }
.op-header { position:relative;z-index:10;border-bottom:1px solid var(--op-line);background:var(--op-paper); }
.op-header-inner { max-width:1344px;padding:1.15rem 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.op-brand { display:inline-flex;gap:11px;align-items:center;text-decoration:none;color:var(--op-ink);font-size:1.14rem;letter-spacing:-.025em;white-space:nowrap; }
.op-brand img { border-radius:50%;width:36px;height:36px; }
.op-brand strong { font-weight:800; }
.op-desktop-nav { display:flex;align-items:center;gap:30px; }
.op-desktop-nav a { color:var(--op-ink);text-decoration:none;font-size:.92rem;font-weight:650; }
.op-desktop-nav a:hover { color:var(--op-teal);text-decoration:underline;text-underline-offset:5px; }
.op-nav-account { border:1px solid var(--op-line);padding:.6rem 1rem;border-radius:5px; }
.op-menu-button { display:none;border:1px solid var(--op-line);background:transparent;padding:.65rem 1rem;border-radius:5px;color:var(--op-ink);font-weight:700; }
.op-mobile-nav { display:none;padding:0 24px 20px; }
.op-mobile-nav[data-open],.op-mobile-nav.is-open,.op-mobile-nav[aria-hidden="false"] { display:grid;gap:0; }
.op-mobile-nav a { display:block;padding:.8rem 0;border-top:1px solid var(--op-line);color:var(--op-ink);text-decoration:none; }
.op-main { max-width:1344px;margin:auto;padding:0 32px 48px; }
.op-home-hero { display:grid;grid-template-columns:1fr 1.04fr;gap:64px;align-items:center;padding:76px 0 70px; }
.op-hero-copy h1 { font-size:clamp(3rem,4.8vw,4.65rem);max-width:620px; }
.op-hero-copy >p:not(.op-lead) { font-size:1.04rem;color:var(--op-muted);max-width:480px; }
.op-lead { font-size:clamp(1.1rem,1.6vw,1.28rem);line-height:1.6;max-width:830px;color:var(--op-muted); }
.op-home-hero .op-lead { color:var(--op-ink);font-size:1.22rem;max-width:480px; }
.op-actions { display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:26px 0 20px; }
.op-button { display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;max-width:100%;border:1px solid var(--op-teal);border-radius:5px;background:var(--op-teal);color:white!important;text-decoration:none;line-height:1.35;font-size:.96rem;font-weight:700;text-align:center; }
.op-button:hover { background:#075752; }
.op-text-link { display:inline-block;color:var(--op-teal);font-weight:700;text-decoration:underline;text-underline-offset:5px;line-height:1.45; }
.op-meta { color:var(--op-muted);font-size:.84rem;line-height:1.6;font-weight:650; }
.op-fine { font-size:.86rem;color:var(--op-muted);line-height:1.65; }
.op-try-label { display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--op-muted);font-size:.88rem;margin-bottom:12px; }
.op-try-label code { color:var(--op-teal);font-weight:700; }
.op-hero-lab { min-width:0; }
.op-value-strip { display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:30px 0;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line); }
.op-value-strip >div { min-width:0; }
.op-value-strip strong { display:block;font-size:1.03rem;margin-bottom:6px; }
.op-value-strip p { font-size:.92rem;color:var(--op-muted);margin-bottom:0;max-width:350px; }
.op-section { padding:70px 0; }
.op-section-heading { display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:30px; }
.op-section-heading h2 { max-width:650px;margin-bottom:0; }
.op-section-heading p { max-width:400px;color:var(--op-muted);font-size:.96rem;margin-bottom:0; }
.op-track-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.op-track { border-top:3px solid var(--op-teal);border-bottom:1px solid var(--op-line);padding:25px 0;min-width:0;display:flex;flex-direction:column;align-items:start; }
.op-track-number { font-size:.85rem;color:var(--op-muted);font-weight:650;display:block;margin-bottom:15px; }
.op-track h3 { font-size:1.7rem;margin-bottom:12px; }
.op-track p { color:var(--op-muted);font-size:.96rem; }
.op-track .op-button { margin-top:auto; }
.op-track-progress { width:100%;margin:8px 0 22px; }
.op-page progress { width:100%;height:7px;appearance:none;border:0;border-radius:0;background:#d4e2dc;accent-color:var(--op-teal); }
.op-page progress::-webkit-progress-bar { background:#d4e2dc; }
.op-page progress::-webkit-progress-value { background:var(--op-teal); }
.op-page progress::-moz-progress-bar { background:var(--op-teal); }
.op-track-progress p { margin:8px 0 0;font-size:.81rem; }
.op-incident-feature { display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--op-soft);padding:52px;margin:8px 0 0; }
.op-incident-feature h2 { max-width:550px; }
.op-incident-feature p { color:var(--op-muted);max-width:510px; }
.op-incident-sample { min-width:0;padding:26px;background:var(--op-terminal);color:#d3eee8;box-shadow:0 18px 35px #122b2a10;border-radius:6px;font-size:.92rem; }
.op-incident-sample pre { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:15px 0; }
.op-incident-sample p { color:#a1cec2;font-size:.85rem;margin-bottom:0; }
.op-incident-sample .op-state-label { font-family:var(--body-font);font-size:.85rem;color:#a1cec2; }
.op-progress-feature { display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center; }
.op-progress-stats { display:flex;gap:55px;justify-content:center; }
.op-progress-stats strong { font-size:4rem;letter-spacing:-.06em;line-height:1.1;color:var(--op-teal);display:block; }
.op-progress-stats span { display:block;color:var(--op-muted);margin-top:12px;font-size:.9rem; }
.op-daily-band { display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line);padding:28px 0; }
.op-daily-band h2 { font-size:1.6rem;margin:4px 0 0; }
.op-daily-band p { margin:0; }
.op-honesty { max-width:950px; }
.op-honesty p { color:var(--op-muted); }
.op-footer { max-width:1280px;margin:auto;border-top:1px solid var(--op-line);padding:38px 0 30px;display:grid;grid-template-columns:1fr 2fr;gap:25px 50px;color:var(--op-ink); }
.op-footer p { margin:8px 0;color:var(--op-muted); }
.op-footer nav { display:flex;flex-wrap:wrap;gap:12px 22px;align-content:start;justify-content:flex-end; }
.op-footer a { font-size:.88rem;color:var(--op-muted);text-decoration:none; }
.op-footer a:hover { color:var(--op-teal);text-decoration:underline; }
.op-footer>.op-fine { grid-column:1/-1;max-width:940px;font-size:.79rem; }
.op-breadcrumbs { display:flex;flex-wrap:wrap;gap:10px;font-size:.84rem;padding-top:30px; }
.op-breadcrumbs a { color:var(--op-muted);text-decoration:none; }
.op-breadcrumbs a:hover { text-decoration:underline; }
.op-track-header { display:grid;grid-template-columns:1.55fr 1fr;gap:70px;align-items:center;padding:50px 0 35px; }
.op-track-header h1 { max-width:850px; }
.op-track-summary { padding:28px;border-left:3px solid var(--op-teal);background:var(--op-soft); }
.op-track-summary h2 { font-size:1.25rem; }
.op-track-summary p { color:var(--op-muted);margin:12px 0 0; }
.op-track-summary progress { display:block;margin:16px 0; }
.op-course-row { display:grid;grid-template-columns:40px 1fr 145px 18px;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--op-line);color:var(--op-ink);text-decoration:none; }
.op-course-row:last-child { border-bottom:1px solid var(--op-line); }
.op-course-row:hover { background:var(--op-soft); }
.op-course-number { color:var(--op-teal);font-size:.9rem;font-weight:750; }
.op-course-row strong { display:block; }
.op-course-row small { display:block;font-size:.85rem;color:var(--op-muted);margin-top:5px; }
.op-course-meta strong { font-size:.88rem; }
.op-course-meta small { font-size:.78rem; }
.op-search { margin:24px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
.op-search label { font-weight:700;font-size:.9rem; }
.op-search input { flex:1 1 220px;max-width:470px;min-width:0;width:100%;padding:12px 14px;border:1px solid var(--op-line);background:white;color:var(--op-ink);border-radius:4px; }
.op-search span { font-size:.85rem;color:var(--op-muted); }
.op-lesson-list { padding:0;list-style:none;margin:0; }
.op-lesson-list li { border-top:1px solid var(--op-line); }
.op-lesson-list li:last-child { border-bottom:1px solid var(--op-line); }
.op-lesson-list li a { display:grid;grid-template-columns:32px 1fr 90px;gap:20px;align-items:center;color:var(--op-ink);text-decoration:none;padding:19px 5px; }
.op-lesson-list li a:hover { background:var(--op-soft); }
.op-row-number { font-size:.83rem;color:var(--op-muted); }
.op-lesson-list strong { display:block;font-size:1.02rem; }
.op-lesson-list small { display:block;font-size:.86rem;color:var(--op-muted);margin-top:5px; }
.op-row-status { font-size:.82rem;color:var(--op-teal);text-align:right; }
.op-lesson-list [data-complete="true"] { background:#e8f1e8; }
.op-lesson-header { padding:38px 0 22px; }
.op-lesson-header h1 { font-size:clamp(2.1rem,3.5vw,3.5rem);max-width:1050px; }
.op-lesson-header .op-lead { max-width:950px;font-size:1.12rem; }
.op-lesson-actions { display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:.87rem;color:var(--op-muted);margin:15px 0; }
.op-mastery { display:flex;gap:30px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line);padding:15px 0;margin:0 0 30px;font-size:.88rem; }
.op-mastery>strong { margin-right:auto; }
.op-mastery [data-op-stage] { color:var(--op-muted);display:inline-flex;align-items:center;gap:8px; }
.op-mastery [data-op-stage]:before { content:'';width:10px;height:10px;border:1px solid var(--op-line);border-radius:50%; }
.op-mastery [data-complete="true"] { color:var(--op-teal);font-weight:750; }
.op-mastery [data-complete="true"]:before { background:var(--op-teal);border-color:var(--op-teal); }
.op-lab-layout { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:32px;align-items:start; }
.op-lab-web { grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr); }
.op-lab-layout[data-focus-mode] { grid-template-columns:1fr; }
.op-lab-layout[data-focus-mode] .op-objectives { display:none; }
.op-objectives { min-width:0; }
.op-objectives>h2 { font-size:1.35rem; }
.op-objectives ol { list-style:none;padding:0;margin:0; }
.op-objectives li { display:grid;grid-template-columns:24px 1fr;gap:12px;padding:18px 0;border-top:1px solid var(--op-line); }
.op-objectives h3 { margin-bottom:7px;font-size:1rem; }
.op-objectives p { font-size:.9rem;margin:0 0 10px;color:var(--op-muted);overflow-wrap:anywhere; }
.op-step-number { width:24px;height:24px;background:var(--op-soft);font-size:.8rem;display:grid;place-items:center;font-weight:750; }
.op-objectives li[data-complete] .op-step-number { background:var(--op-teal);color:white; }
.op-objectives details { font-size:.86rem; }
.op-objectives summary { color:var(--op-teal);padding:7px 0;min-height:36px;font-weight:650; }
.op-objectives pre,.op-worked-command pre,.op-learning-notes pre,.op-reference-grid pre { background:#e6efeb;color:#123b38;font-family:ui-monospace,'Consolas',monospace;font-size:.84rem;line-height:1.65;border:1px solid var(--op-line);padding:13px;white-space:pre-wrap;overflow-wrap:anywhere; }
.op-objectives details button { border:1px solid var(--op-line);background:var(--op-soft);color:var(--op-teal);padding:8px 10px;margin-bottom:10px;font-weight:700; }
.op-learning-notes { max-width:920px;padding-top:45px; }
.op-learning-notes h2 { font-size:1.65rem; }
.op-learning-notes h3 { margin-top:24px; }
.op-learning-notes p,.op-learning-notes li { color:var(--op-muted); }
.op-walkthrough { margin:36px 0;max-width:1050px; }
.op-walkthrough>summary { font-size:1.2rem;font-weight:700;padding:18px 0;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line);cursor:pointer; }
.op-worked-command { padding:16px 0;border-bottom:1px solid var(--op-line); }
.op-worked-command h3 { font-size:1.05rem; }
.op-worked-command .op-expected-output { background:var(--op-terminal);color:#daeee6; }
.op-quiz-grid { display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:38px 0; }
.op-quiz { border-top:3px solid var(--op-teal);padding-top:22px;min-width:0; }
.op-quiz h3 { font-size:1.3rem; }
.op-quiz fieldset { border:0;padding:0;margin:0 0 18px;min-width:0; }
.op-quiz legend { font-weight:650;line-height:1.5;margin-bottom:15px; }
.op-quiz label { display:flex;align-items:start;gap:12px;padding:12px;border:1px solid var(--op-line);margin:8px 0;border-radius:4px;font-size:.91rem;cursor:pointer; }
.op-quiz label:has(input:checked) { border-color:var(--op-teal);background:#e5eee9; }
.op-quiz input { flex:0 0 auto;accent-color:var(--op-teal);width:16px;height:16px;margin:4px 0 0; }
.op-quiz-feedback,.op-quiz [role=status] { font-size:.9rem;color:var(--op-muted);margin-top:15px; }
.op-quiz [data-correct="true"] { color:#14592f; }
.op-completion { background:var(--op-soft);padding:28px;margin:36px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px; }
.op-completion h2 { font-size:1.45rem;margin-bottom:8px; }
.op-completion p { margin:0;max-width:700px; }
.op-next-context { font-size:.87rem;color:var(--op-muted); }
.op-reference-links { display:flex;flex-wrap:wrap;gap:18px;padding:15px 0;font-size:.84rem; }
.op-reference-links a { color:var(--op-teal); }
.op-notice { padding:14px 18px;border-left:3px solid var(--op-teal);background:var(--op-soft);font-size:.9rem; }
.op-drill-grid { display:grid;grid-template-columns:1fr 1fr;gap:34px; }
.op-drill-grid article { border-top:2px solid var(--op-teal);padding:24px 0; }
.op-drill-grid h2 { font-size:1.55rem;margin:12px 0; }
.op-drill-grid p { color:var(--op-muted); }
.op-earned-badge { display:inline-block;border:1px solid #9fbcad;border-radius:4px;padding:10px 15px;margin:0 12px 12px 0;background:#e9f3e9;color:#215633;font-weight:700;font-size:.9rem; }
.op-principles { max-width:1050px; }
.op-principles>div { display:grid;grid-template-columns:220px 1fr;gap:30px;padding:24px 0;border-top:1px solid var(--op-line); }
.op-principles dt { font-weight:700; }
.op-principles dd { margin:0;color:var(--op-muted); }
.op-reference-grid { display:grid;grid-template-columns:1fr 1fr;gap:30px; }
.op-reference-grid article { border-top:1px solid var(--op-line);padding:20px 0;min-width:0; }
/* Use an actual accessible input, not the legacy invisible proxy. */
.site-slug-learn .learn-terminal-native-input { position:relative;width:auto;height:auto;opacity:1;pointer-events:auto;flex:1 1 140px;min-width:0;min-height:38px;color:#edfff8;background:#0a242d;border:1px solid #41605e;border-radius:3px;padding:8px;font:inherit;caret-color:#9ff0ba; }
.site-slug-learn .learn-terminal-command,.site-slug-learn .learn-terminal-caret,.site-slug-learn .learn-terminal-placeholder { display:none; }
.site-slug-learn .op-terminal,.site-slug-learn .op-web { padding:0;background:var(--op-terminal);border-radius:8px;border:1px solid #2a484b;box-shadow:0 15px 38px #11332b16; }
.site-slug-learn .op-terminal .learn-terminal-main { display:grid;grid-template-rows:auto 340px auto auto;border:0; }
.site-slug-learn .op-terminal .learn-terminal-output { min-height:0;height:340px;padding:18px;font-size:.86rem;line-height:1.6; }
.site-slug-learn .op-terminal .learn-terminal-entry { flex-wrap:wrap;padding:12px;gap:8px; }
.site-slug-learn .op-terminal .learn-terminal-prompt { flex:0 0 100%;font-size:.78rem; }
.site-slug-learn .op-terminal .learn-terminal-topbar,.site-slug-learn .op-web .learn-terminal-topbar { min-height:46px;padding:10px 14px;gap:10px; }
.op-terminal-led { width:7px;height:7px;background:#93d8b6;border-radius:50%; }
.op-run { min-height:38px;padding:8px 14px;border:1px solid #4c9286;background:#164b43;color:#e9fff3;border-radius:3px;font:inherit;font-size:.82rem;font-weight:700; }
.op-terminal-bottom { display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#0b2029;color:#adc4c1;padding:10px 14px;border-top:1px solid #213d40;font-family:var(--body-font);font-size:.71rem; }
.op-terminal-bottom>span:first-child { flex:1;min-width:120px; }
.op-terminal-bottom button { color:#d2ede4;background:transparent;border:0;padding:4px;min-height:28px;font-size:.74rem; }
.site-slug-learn .op-terminal [data-focus-mode] .learn-terminal-output,.site-slug-learn .op-terminal[data-focus-mode] .learn-terminal-output { min-height:0;height:520px; }
.site-slug-learn .op-terminal[data-focus-mode] .learn-terminal-main { grid-template-rows:auto 520px auto auto; }
.op-home-hero .op-terminal .learn-terminal-main { grid-template-rows:auto 230px auto auto; }
.op-home-hero .op-terminal .learn-terminal-output { height:230px;font-size:.83rem; }
.site-slug-learn .op-web .learn-web-main { display:block; }
.site-slug-learn .op-web .learn-web-mission-brief { padding:16px;background:#112c35;color:#cfdfd8; }
.op-web .learn-web-mission-brief h2 { font-size:1rem;color:#e3f5ee;margin:0 0 5px; }
.op-web .learn-web-mission-brief p { font-size:.83rem;color:#b6cfc5;margin:3px 0; }
.site-slug-learn .op-web .learn-web-workbench { display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;background:var(--op-terminal); }
.site-slug-learn .op-web .learn-web-code-panel { min-height:280px;height:320px; }
.site-slug-learn .op-web .learn-web-highlight { display:none; }
.site-slug-learn .op-web .learn-web-input { color:#e0f1e9;background:#071923;font-size:.85rem; }
.site-slug-learn .op-web .learn-web-file-tabs { display:flex;flex-wrap:wrap; }
.site-slug-learn .op-web .learn-web-file-tabs button { font-size:.8rem;min-height:40px; }
.site-slug-learn .op-web .learn-web-actions { display:flex;flex-wrap:wrap;gap:8px;padding:10px; }
.site-slug-learn .op-web .learn-web-actions button { min-height:37px;border:1px solid #426260;background:#123b3b;color:#e2f6ed;border-radius:3px;padding:7px 11px;font-size:.78rem; }
.site-slug-learn .op-web .learn-web-preview-card { margin:0;border-radius:0;border:0; }
.site-slug-learn .op-web .learn-web-preview { padding:20px;min-height:150px;max-height:450px;overflow:auto;background:#fff;color:#19232b;font:16px/1.5 Arial,sans-serif; }
.site-slug-learn .op-web .learn-web-preview :where(h1,h2,h3) { color:inherit;font-family:inherit;font-weight:700;letter-spacing:normal;line-height:1.25; }
.site-slug-learn .op-web .learn-web-preview h1 { font-size:1.8em;margin:.5em 0; }
.site-slug-learn .op-web .learn-web-preview h2 { font-size:1.4em;margin:.5em 0; }
.site-slug-learn .op-web .learn-web-preview h3 { font-size:1.15em; }
.site-slug-learn .op-web .learn-web-preview p { font:inherit; }
.site-slug-learn .op-web .learn-web-preview img { max-width:100%; }
.site-slug-learn .op-web .learn-web-console { min-height:80px;max-height:240px;padding:12px 16px;font-size:.8rem; }
.op-page .learn-nano-editor { max-width:100%; }
@media(min-width:1600px) { .op-home-hero { gap:80px;padding-top:90px; } }
@media(max-width:1100px) { .op-home-hero { gap:35px; } .op-hero-copy h1 { font-size:3.4rem; } .op-lab-layout,.op-lab-web { grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:24px; } .op-desktop-nav { gap:20px; } .op-incident-feature { padding:34px;gap:35px; } .op-footer { margin:0 32px; } }
@media(max-width:800px) { .op-desktop-nav { display:none; } .op-menu-button { display:block; } .op-home-hero { grid-template-columns:1fr;gap:28px;padding:44px 0; } .op-hero-copy h1 { font-size:3.5rem; } .op-hero-copy p { max-width:580px!important; } .op-track-grid { grid-template-columns:1fr;gap:12px; } .op-track { padding:20px 0; } .op-track p { max-width:590px; } .op-track .op-track-progress { max-width:400px; } .op-track h3 { font-size:1.5rem; } .op-section { padding:44px 0; } .op-section-heading { display:block; } .op-section-heading p { max-width:600px;margin-top:15px; } .op-incident-feature { grid-template-columns:1fr;gap:25px; } .op-progress-feature { grid-template-columns:1fr;gap:25px; } .op-progress-stats { justify-content:start; } .op-track-header { grid-template-columns:1fr;gap:25px;padding:35px 0; } .op-lab-layout,.op-lab-web { grid-template-columns:1fr; } .op-objectives { margin-top:8px; } .op-objectives li { padding:20px 0; } .op-objectives pre { max-height:380px;overflow:auto; } .op-quiz-grid { gap:28px; } .op-course-row { grid-template-columns:30px 1fr 120px 12px;gap:14px; } .op-reference-grid { gap:20px; } }
@media(max-width:540px) { .op-main { padding:0 20px 30px; } .op-header-inner { padding:15px 20px; } .op-header img { width:31px;height:31px; } .op-brand { font-size:1.02rem; } .op-home-hero { padding-top:36px; } .op-hero-copy h1 { font-size:clamp(2.5rem,10.8vw,3.4rem); } .op-home-hero .op-lead { font-size:1.1rem; } .op-value-strip { grid-template-columns:1fr;gap:22px;padding:26px 0; } .op-value-strip strong { margin-bottom:4px; } .op-incident-feature { padding:24px 20px;margin-left:-20px;margin-right:-20px; } .op-incident-sample { padding:18px;font-size:.8rem; } .op-daily-band { flex-direction:column;align-items:start;gap:20px; } .op-progress-stats { gap:45px; } .op-progress-stats strong { font-size:3.3rem; } .op-footer { margin:0 20px;display:block;padding:28px 0; } .op-footer nav { justify-content:start;margin:24px 0;gap:14px 20px; } .op-course-row { grid-template-columns:25px 1fr 12px;gap:12px; } .op-course-meta { grid-column:2;grid-row:2;display:flex;gap:10px;align-items:center; } .op-course-meta small { margin:0; } .op-course-row >span:last-child { grid-column:3;grid-row:1; } .op-course-row small { font-size:.82rem; } .op-lesson-list li a { grid-template-columns:25px 1fr;gap:12px;padding:17px 0; } .op-row-status { grid-column:2;text-align:left;font-size:.78rem; } .op-search { gap:10px; } .op-search label { flex-basis:100%; } .op-track-summary { padding:20px; } .op-lesson-header { padding:27px 0 12px; } .op-lesson-header h1 { font-size:2.3rem; } .op-lesson-header .op-lead { font-size:1rem; } .op-mastery { gap:14px;font-size:.76rem; } .op-mastery>strong { flex-basis:100%; } .op-quiz-grid { grid-template-columns:1fr;gap:32px; } .op-drill-grid,.op-reference-grid { grid-template-columns:1fr;gap:20px; } .op-principles>div { grid-template-columns:1fr;gap:8px; } .op-completion { padding:22px; } .op-breadcrumbs { font-size:.77rem;gap:8px; } .site-slug-learn .op-terminal .learn-terminal-output { height:300px;font-size:.79rem;padding:14px; } .site-slug-learn .op-terminal .learn-terminal-main { grid-template-rows:auto 300px auto auto; } .op-home-hero .op-terminal .learn-terminal-output { height:225px; } .op-home-hero .op-terminal .learn-terminal-main { grid-template-rows:auto 225px auto auto; } .op-terminal .learn-terminal-topbar .learn-terminal-state { font-size:.69rem; } .op-terminal .learn-terminal-topbar .learn-terminal-title { font-size:.74rem; } .op-terminal-led { display:none; } .learn-focus-button { padding:6px;font-size:.68rem; } .op-terminal-bottom { font-size:.64rem;gap:8px; } .site-slug-learn .learn-terminal-native-input { font-size:16px; } .op-web .learn-terminal-state { display:none; } .site-slug-learn .op-web .learn-web-code-panel { font-size:.8rem;grid-template-columns:2.3rem minmax(0,1fr); } .site-slug-learn .op-web .learn-web-input { font-size:.8rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .op-page * { animation:none!important;transition:none!important; } }

/* Anonymous account conversion: one modal per browser session, plus one contextual save hook. */
.learn-session-account-prompt[hidden],.learn-progress-save-hook[hidden]{display:none!important}
.learn-session-account-prompt{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px}
.learn-session-account-backdrop{position:absolute;inset:0;border:0;background:rgba(8,31,29,.62);backdrop-filter:blur(3px);cursor:default}
.learn-session-account-card{position:relative;width:min(620px,100%);background:#f9fbfa;color:var(--op-ink);border:1px solid #b9c9c3;border-top:4px solid var(--op-teal);box-shadow:0 24px 80px rgba(7,40,36,.26);padding:34px 36px 30px;border-radius:6px}
.learn-session-account-card h2{font-size:clamp(2rem,4vw,3.25rem);margin:6px 0 14px;letter-spacing:-.04em}
.learn-session-account-card>p:not(.op-meta):not(.op-fine){color:var(--op-muted);font-size:1rem;max-width:520px}
.learn-session-account-card .op-actions{margin-top:24px}
.learn-session-account-close{position:absolute;top:16px;right:16px;border:0;background:transparent;color:var(--op-muted);font:inherit;font-size:.8rem;font-weight:700;padding:7px;cursor:pointer}
.learn-session-progress-summary{padding:13px 15px!important;border-left:3px solid var(--op-teal);background:var(--op-soft);color:var(--op-ink)!important;font-weight:700}
.op-text-button{border:0;background:transparent;color:var(--op-muted);padding:8px 0;font:inherit;font-size:.86rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.learn-session-prompt-open{overflow:hidden}
.learn-progress-save-hook{position:fixed;z-index:10010;left:50%;bottom:20px;transform:translateX(-50%);width:min(860px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#102f2e;color:#eefaf5;border:1px solid #3f6d66;box-shadow:0 16px 45px rgba(7,40,36,.24);padding:15px 18px;border-radius:6px}
.learn-progress-save-hook>div:first-child{display:grid;gap:3px}
.learn-progress-save-hook strong{font-size:.96rem}
.learn-progress-save-hook span{color:#c5ded5;font-size:.82rem}
.learn-progress-save-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.learn-progress-save-actions a{color:#eafff4;font-size:.82rem;font-weight:750}
.learn-progress-save-actions a:first-child{background:#e9fff1;color:#173e36;text-decoration:none;padding:9px 12px;border-radius:3px}
.learn-progress-save-actions button{border:0;background:transparent;color:#b8d1ca;font:inherit;font-size:.78rem;padding:7px;cursor:pointer}
.op-nav-account{font-weight:750}
@media(max-width:620px){.learn-session-account-prompt{padding:14px;align-items:end}.learn-session-account-card{padding:28px 22px 22px}.learn-session-account-card .op-actions{display:grid;align-items:start;gap:12px}.learn-session-account-card .op-button{width:100%;text-align:center}.learn-progress-save-hook{bottom:10px;display:grid;gap:12px;padding:14px}.learn-progress-save-actions{justify-content:space-between;gap:10px}.learn-progress-save-actions a:first-child{padding:8px 10px}}