@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
.dr-linux-basics{--lb-accent:#1f9fc0;--lb-accent-ink:#06343d;--lb-navy:#0b1622;--lb-ink:#07111b;--lb-mist:#b7c2b3;--lb-paper:#c9d1c4;--lb-light-ink:#dce9df;--lb-white:#c9d1c4;--lb-gold:#b69a43;--lb-ok:#276846;--lb-danger:#943c31;--lb-sans:'IBM Plex Sans',system-ui,sans-serif;--lb-mono:'IBM Plex Mono',ui-monospace,monospace;position:relative;width:100%;max-width:none;background:var(--lb-ink);padding:3px;color:#14222e;font-family:var(--lb-sans);line-height:1.55;box-sizing:border-box}
body.dr-page-linux-basics .wp-block-post-content>.dr-linux-basics{width:100%;max-width:none;margin-inline:0!important}
.dr-linux-basics *{box-sizing:border-box}.dr-linux-basics button,.dr-linux-basics input,.dr-linux-basics summary{font:inherit;border-radius:0;box-shadow:none}.dr-linux-basics button,.dr-linux-basics summary{min-height:44px;cursor:pointer}.dr-linux-basics button:focus-visible,.dr-linux-basics input:focus-visible,.dr-linux-basics summary:focus-visible,.dr-linux-basics a:focus-visible{outline:3px solid var(--lb-accent);outline-offset:2px}.dr-linux-basics h1,.dr-linux-basics h2,.dr-linux-basics p{margin-top:0}.lb-label{font-family:var(--lb-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.lb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lb-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;background:#fff;padding:12px 16px;font-family:var(--lb-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.lb-langs,.lb-rail,.lb-lang-list,.lb-desktops,.lb-keys{display:flex;gap:8px}.lb-langs button,.lb-rail button,.lb-desktops button,.lb-keys button{border:0;background:var(--lb-mist);padding:0 14px}.lb-langs button[aria-pressed=true],.lb-rail button[aria-current=step],.lb-desktops button[aria-pressed=true]{background:var(--lb-navy);color:#fff}.lb-rail{background:#fff;padding:3px;overflow-x:auto}.lb-rail button{min-width:52px;display:grid;place-items:center;gap:0;font-family:var(--lb-mono)}.lb-rail b{color:var(--lb-ok)}
.lb-hero{background:var(--lb-accent);padding:36px 24px 32px;color:var(--lb-accent-ink)}.lb-hero h1{font-size:clamp(2rem,8vw,3rem);line-height:1.02;margin-bottom:12px;color:var(--lb-navy)}.lb-hero>p:last-child{font-size:1.14rem;font-weight:500;max-width:38ch}.lb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:3px}.lb-dark,.lb-light,.lb-opener{padding:26px 24px}.lb-dark{background:var(--lb-navy);color:#e9f1f7}.lb-dark .lb-label,.lb-terminal .lb-label,.lb-security .lb-label{color:#7ceaff}.lb-light,.lb-opener{background:#fff}.lb-light p:not(.lb-label){font-size:1.04rem}.lb-opener{margin-top:3px}.lb-desktops{flex-wrap:wrap;margin:16px 0}.lb-desktops button{padding:0 18px}.lb-darkbox{background:var(--lb-navy);color:#e9f1f7;padding:20px}
.lb-work{align-items:stretch}.lb-terminal{background:var(--lb-navy);color:#e9f1f7;display:flex;flex-direction:column}.lb-terminal>header,.lb-real>header{padding:20px;border-bottom:1px solid rgba(255,255,255,.14)}.lb-log{padding:16px 20px;min-height:240px;max-height:420px;overflow:auto;font:13px/1.65 var(--lb-mono)}.lb-log div{white-space:pre-wrap;overflow-wrap:anywhere}.lb-log .is-err{color:#ff9b8a}.lb-log .is-prompt{color:#7ceaff}.lb-log .is-note{color:#a7bbca}.lb-hint{margin:0 20px 14px;border-left:3px solid var(--lb-gold);padding:10px 14px}.lb-keys{padding:0 20px 8px;flex-wrap:wrap}.lb-keys button{min-width:46px;background:transparent;border:1px solid #53616f;color:#bdeffc;font-family:var(--lb-mono)}.lb-command{display:flex;gap:8px;padding:0 20px 20px}.lb-command label{display:flex;flex:1;min-width:0}.lb-command input{width:100%;min-height:52px;border:1px solid #53616f;background:#050b11;color:#bdeffc;padding:0 14px;font-family:var(--lb-mono)}.lb-command button{border:0;background:#7ceaff;color:var(--lb-navy);padding:0 20px;font-family:var(--lb-mono);font-weight:600}.lb-real{background:#fff}.lb-real article{border-top:3px solid var(--lb-mist)}.lb-real article>div{position:relative;padding:16px 104px 16px 18px;min-height:76px}.lb-real code{font:500 1rem var(--lb-mono)}.lb-real article button{position:absolute;right:12px;top:12px;border:1px solid #9aa4ad;background:#fff;padding:0 14px;font:500 .7rem var(--lb-mono);text-transform:uppercase}.lb-real details{background:var(--lb-mist)}.lb-real summary{display:flex;align-items:center;padding:0 18px;color:var(--lb-accent-ink);font:500 .72rem var(--lb-mono);text-transform:uppercase;letter-spacing:.1em}.lb-real details p{padding:0 18px 18px;margin:0}
.lb-exercise{margin-top:3px;background:var(--lb-gold);padding:30px 24px}.lb-exercise h2{font-size:1.12rem;max-width:48ch}.lb-exercise>div{display:flex;gap:8px;flex-wrap:wrap}.lb-exercise button{border:0;background:var(--lb-navy);color:#fff;padding:0 20px;min-height:56px}.lb-exercise button[aria-pressed=true]{outline:3px solid #fff;outline-offset:-6px}.lb-feedback{margin:22px 0 0;font-weight:600}.lb-security{margin-top:3px;background:var(--lb-navy);color:#e9f1f7;padding:30px 24px}.lb-security h2{color:#fff}.lb-locked{margin-top:3px;background:#fff;padding:22px 24px;font:500 .72rem var(--lb-mono);text-transform:uppercase}.lb-next{margin-top:3px;width:100%;min-height:76px;border:0;background:var(--lb-navy);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;text-align:left}.lb-next span{display:grid}.lb-next b{font-size:1.2rem}.lb-next i{color:#7ceaff;font-size:1.5rem}.lb-footer{margin-top:3px;background:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lb-footer button{border:1px solid #9aa4ad;background:#fff;padding:0 16px}
.lb-onboard{display:grid;gap:3px}.lb-onboard>header{background:var(--lb-navy);color:#fff;padding:44px 24px}.lb-onboard>header span{color:#7ceaff;font:500 .72rem var(--lb-mono);text-transform:uppercase;letter-spacing:.16em}.lb-onboard h1{max-width:600px;font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.08}.lb-onboard-main{background:#fff;padding:32px 24px}.lb-lang-list{display:grid}.lb-lang-list button{display:flex;justify-content:space-between;align-items:center;border:0;background:var(--lb-mist);padding:0 22px;min-height:64px}.lb-lang-list button[aria-pressed=true]{background:var(--lb-navy);color:#fff}.lb-name{display:grid;gap:8px;margin-top:24px}.lb-name input{min-height:60px;border:2px solid var(--lb-navy);padding:0 18px}.lb-name small{max-width:52ch}.lb-preview{font-family:var(--lb-mono);font-size:.82rem;margin:14px 0}.lb-start,.lb-skip{width:100%;border:0}.lb-start{min-height:64px;background:var(--lb-accent);font-weight:600}.lb-skip{margin-top:8px;background:#fff}
.dr-linux-basics [data-tip]{position:relative}.dr-linux-basics [data-tip]::after{content:attr(data-tip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:min(280px,80vw);padding:8px 10px;background:#07111b;color:#e9f1f7;font:500 .75rem/1.35 var(--lb-sans);text-align:left;text-transform:none;letter-spacing:normal;border:1px solid #53616f;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%)}.dr-linux-basics [data-tip]:is(:hover,:focus-visible)::after{opacity:1;visibility:visible}.dr-linux-basics .lb-restart{font-weight:600;border:2px solid var(--lb-mode-line-strong);padding-inline:18px}.dr-linux-basics .lb-footer .lb-restart::after{left:auto;right:0;transform:none}
.lb-fallback{background:#fff}.lb-fallback-nav{display:flex;flex-wrap:wrap;gap:8px;padding:20px;background:var(--lb-navy)}.lb-fallback-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:#fff;color:var(--lb-navy);font-family:var(--lb-mono)}.lb-fallback-language{border-top:3px solid var(--lb-ink);padding:28px 24px}.lb-fallback-lesson{border-top:3px solid var(--lb-ink);padding:24px;background:var(--lb-mist)}.lb-fallback-lesson h3{font-size:1.6rem}.lb-fallback-lesson details{background:#fff;margin-top:8px;padding:0 16px}.lb-fallback-lesson summary{display:flex;align-items:center;font-family:var(--lb-mono)}.lb-fallback-lesson details p{padding-bottom:16px}.lb-fallback .lb-security-fallback{background:var(--lb-navy);color:#fff}.lb-js .lb-fallback{display:none}
/* Low-glare paper surfaces: page-scoped for visual comfort. */
.dr-linux-basics :is(.lb-bar,.lb-rail,.lb-light,.lb-opener,.lb-real,.lb-locked,.lb-footer,.lb-onboard-main,.lb-fallback){background:var(--lb-paper)}
.dr-linux-basics :is(.lb-real article button,.lb-footer button,.lb-skip,.lb-fallback-nav a,.lb-fallback-lesson details){background:var(--lb-paper)}
.dr-linux-basics :is(.lb-onboard>header,.lb-dark,.lb-terminal,.lb-security){color:var(--lb-light-ink)}
.dr-linux-basics .lb-name input{background:var(--lb-mist);color:var(--lb-ink)}
/* Coherent low-glare Linux terminal palette; explicit colors resist theme inheritance. */
.dr-linux-basics{--lb-paper:#111c18;--lb-mist:#1b2a23;--lb-light-ink:#d8e5da;--lb-terminal-green:#69bf78;--lb-terminal-amber:#c4a85a;color:var(--lb-light-ink)}
.dr-linux-basics :is(.lb-bar,.lb-rail,.lb-light,.lb-opener,.lb-real,.lb-locked,.lb-footer,.lb-onboard-main,.lb-fallback,.lb-fallback-language,.lb-fallback-lesson){color:var(--lb-light-ink)}
.dr-linux-basics :is(.lb-light,.lb-opener,.lb-real,.lb-onboard-main) :is(h1,h2,h3,h4,p,small,label,code){color:var(--lb-light-ink)}
.dr-linux-basics .lb-hero{background:#173b2d;color:var(--lb-light-ink)}
.dr-linux-basics .lb-hero h1{color:#e0eadf}
.dr-linux-basics .lb-label{color:#79c989}
.dr-linux-basics .lb-lang-list button{background:#1c2c25;color:var(--lb-light-ink);border-left:3px solid #365344}
.dr-linux-basics .lb-lang-list button[aria-pressed=true]{background:#254c37;color:#eef6ef;border-left-color:var(--lb-terminal-green)}
.dr-linux-basics .lb-name input{background:#09120f;color:#e4efe6;border-color:#537260}
.dr-linux-basics .lb-name input::placeholder{color:#8fa297}
.dr-linux-basics .lb-start{background:#3e8f58;color:#07110b}
.dr-linux-basics .lb-skip{background:transparent;color:#a9c8b0;border:1px solid #466252}
.dr-linux-basics .lb-exercise{background:#8f7b43;color:#0a110d}
.dr-linux-basics .lb-real details{background:#1a2922}
.dr-linux-basics .lb-real summary{color:#8fd39b}
.dr-linux-basics button{color:var(--lb-light-ink)!important}
.dr-linux-basics :is(.lb-start,.lb-exercise button){color:#07110b!important}
.dr-linux-basics :is(.lb-next,.lb-command button){color:#e8f3ea!important}
.dr-linux-basics button:disabled{color:#9eb2a4!important;opacity:.68}
html[data-theme="light"] .dr-linux-basics button,html[data-theme="sepia"] .dr-linux-basics button,html[data-theme="dark"] .dr-linux-basics button{color:var(--lb-light-ink)!important}
html[data-theme="light"] .dr-linux-basics :is(.lb-start,.lb-exercise button),html[data-theme="sepia"] .dr-linux-basics :is(.lb-start,.lb-exercise button),html[data-theme="dark"] .dr-linux-basics :is(.lb-start,.lb-exercise button){color:#07110b!important}

/* Theme-aware Linux workstation system. WordPress uses body.theme-light/theme-dark. */
.dr-linux-basics{
--lb-mode-bg:#f7fafc;--lb-mode-surface:#fff;--lb-mode-surface-2:#eaf2f6;--lb-mode-surface-3:#dce8ee;
--lb-mode-text:#0f171c;--lb-mode-muted:#415a66;--lb-mode-soft:#5b707a;--lb-mode-accent:#0e7490;
--lb-mode-line:#c7d6dd;--lb-mode-line-strong:#8ca5b0;--lb-mode-fill:#1f9fc0;--lb-mode-fill-text:#07111b;
--lb-terminal-bg:#0b1014;--lb-terminal-panel:#101820;--lb-terminal-text:#d9f4ff;--lb-terminal-muted:#8faab5;
background:var(--lb-mode-bg);color:var(--lb-mode-text)
}
@media(prefers-color-scheme:dark){body:not(.theme-light):not(.theme-dark) .dr-linux-basics{--lb-mode-bg:#0a1116;--lb-mode-surface:#101a21;--lb-mode-surface-2:#16252f;--lb-mode-surface-3:#1b2d38;--lb-mode-text:#e6f4f8;--lb-mode-muted:#a8c2cc;--lb-mode-soft:#7f9aa5;--lb-mode-accent:#1f9fc0;--lb-mode-line:#223744;--lb-mode-line-strong:#376071}}
body.theme-dark .dr-linux-basics,html[data-theme="dark"] .dr-linux-basics{--lb-mode-bg:#0a1116;--lb-mode-surface:#101a21;--lb-mode-surface-2:#16252f;--lb-mode-surface-3:#1b2d38;--lb-mode-text:#e6f4f8;--lb-mode-muted:#a8c2cc;--lb-mode-soft:#7f9aa5;--lb-mode-accent:#1f9fc0;--lb-mode-line:#223744;--lb-mode-line-strong:#376071}
body.theme-light .dr-linux-basics,html[data-theme="light"] .dr-linux-basics{--lb-mode-bg:#f7fafc;--lb-mode-surface:#fff;--lb-mode-surface-2:#eaf2f6;--lb-mode-surface-3:#dce8ee;--lb-mode-text:#0f171c;--lb-mode-muted:#415a66;--lb-mode-soft:#5b707a;--lb-mode-accent:#0e7490;--lb-mode-line:#c7d6dd;--lb-mode-line-strong:#8ca5b0}
html[data-theme="sepia"] .dr-linux-basics{--lb-mode-bg:#e9e0cf;--lb-mode-surface:#f3ecdf;--lb-mode-surface-2:#ddd2bf;--lb-mode-surface-3:#cfc0a9;--lb-mode-text:#211b15;--lb-mode-muted:#574a3d;--lb-mode-soft:#746454;--lb-mode-accent:#87551e;--lb-mode-line:#b9aa92;--lb-mode-line-strong:#8e785c;--lb-mode-fill:#b9782f;--lb-mode-fill-text:#17110b}
.dr-linux-basics :is(.lb-bar,.lb-rail,.lb-light,.lb-opener,.lb-real,.lb-locked,.lb-footer,.lb-onboard-main,.lb-fallback,.lb-fallback-language,.lb-fallback-lesson){background:var(--lb-mode-surface);color:var(--lb-mode-text)}
.dr-linux-basics :is(.lb-light,.lb-opener,.lb-real,.lb-onboard-main,.lb-fallback,.lb-fallback-language,.lb-fallback-lesson) :is(h1,h2,h3,h4,p,small,label,code,li){color:var(--lb-mode-text)}
.dr-linux-basics :is(.lb-real article button,.lb-footer button,.lb-skip,.lb-fallback-nav a,.lb-fallback-lesson details){background:var(--lb-mode-surface);color:var(--lb-mode-text)!important;border-color:var(--lb-mode-line)}
.dr-linux-basics :is(.lb-langs button,.lb-rail button,.lb-desktops button,.lb-lang-list button){background:var(--lb-mode-surface-2);color:var(--lb-mode-text)!important;border-color:var(--lb-mode-line)}
.dr-linux-basics :is(.lb-langs button[aria-pressed=true],.lb-rail button[aria-current=step],.lb-desktops button[aria-pressed=true],.lb-lang-list button[aria-pressed=true]){background:var(--lb-mode-fill);color:var(--lb-mode-fill-text)!important;border-color:var(--lb-mode-fill)}
.dr-linux-basics .lb-hero{background:var(--lb-mode-surface-3);color:var(--lb-mode-text);border-top:3px solid var(--lb-mode-line-strong)}
.dr-linux-basics .lb-hero :is(h1,p){color:var(--lb-mode-text)}
.dr-linux-basics .lb-label{color:var(--lb-mode-accent)}
.dr-linux-basics .lb-onboard>header{background:var(--lb-mode-surface-3);color:var(--lb-mode-text)}
.dr-linux-basics .lb-onboard>header :is(h1,span){color:var(--lb-mode-text)}
.dr-linux-basics .lb-name input{background:var(--lb-mode-surface);color:var(--lb-mode-text);border-color:var(--lb-mode-line-strong)}
.dr-linux-basics .lb-name input::placeholder{color:var(--lb-mode-soft)}
.dr-linux-basics .lb-start{background:var(--lb-mode-fill);color:var(--lb-mode-fill-text)!important}
.dr-linux-basics .lb-skip{background:transparent;color:var(--lb-mode-accent)!important;border:1px solid var(--lb-mode-line-strong)}
.dr-linux-basics :is(.lb-dark,.lb-terminal,.lb-security){background:var(--lb-terminal-bg);color:var(--lb-terminal-text)}
.dr-linux-basics :is(.lb-dark,.lb-terminal,.lb-security) :is(h1,h2,h3,h4,p,code){color:var(--lb-terminal-text)}
.dr-linux-basics .lb-terminal{border:3px solid #1e313d}
.dr-linux-basics .lb-real details{background:var(--lb-mode-surface-2)}
.dr-linux-basics .lb-real summary{color:var(--lb-mode-accent)}
.dr-linux-basics .lb-exercise{background:var(--lb-mode-surface-3);color:var(--lb-mode-text);border-top:3px solid var(--lb-mode-line-strong)}
.dr-linux-basics .lb-exercise :is(h2,p){color:var(--lb-mode-text)}
.dr-linux-basics .lb-exercise button{background:var(--lb-mode-fill);color:var(--lb-mode-fill-text)!important}
.dr-linux-basics .lb-next{background:var(--lb-terminal-bg);color:var(--lb-terminal-text)!important}
html[data-theme] .dr-linux-basics button{color:var(--lb-mode-text)!important}
html[data-theme] .dr-linux-basics :is(.lb-langs button[aria-pressed=true],.lb-rail button[aria-current=step],.lb-desktops button[aria-pressed=true],.lb-lang-list button[aria-pressed=true],.lb-start,.lb-exercise button){color:var(--lb-mode-fill-text)!important}
html[data-theme] .dr-linux-basics :is(.lb-next,.lb-command button){color:var(--lb-terminal-text)!important}
body:is(.theme-light,.theme-dark) .dr-linux-basics button{color:var(--lb-mode-text)!important}
body:is(.theme-light,.theme-dark) .dr-linux-basics :is(.lb-langs button[aria-pressed=true],.lb-rail button[aria-current=step],.lb-desktops button[aria-pressed=true],.lb-lang-list button[aria-pressed=true],.lb-start,.lb-exercise button){color:var(--lb-mode-fill-text)!important}
body:is(.theme-light,.theme-dark) .dr-linux-basics :is(.lb-next,.lb-command button){color:var(--lb-terminal-text)!important}
@media(max-width:700px){.lb-two{grid-template-columns:1fr}.lb-bar>span:nth-child(2){order:3;width:100%}.lb-command{flex-wrap:wrap}.lb-command button{width:100%}.lb-real article>div{padding-right:18px}.lb-real article button{position:static;margin-top:10px}.lb-desktops button,.lb-exercise button{width:100%}}
@media(prefers-reduced-motion:reduce){.dr-linux-basics *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(hover:none),(pointer:coarse){.dr-linux-basics button,.dr-linux-basics summary{min-height:48px}}