@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@400;500;600&display=swap');

:root{--paper:#f3eee3;--paper-2:#e9e0cf;--ink:#1a1a16;--muted:#625e53;--purple:#5023c9;--orange:#f97316;--line:rgba(26,26,22,.2);--dark:#24231f;--white:#fffdf7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 "Source Sans 3",system-ui,sans-serif}a{color:inherit}button,input,textarea{font:inherit}.hidden{display:none!important}
.topbar{min-height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,48px);background:rgba(243,238,227,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.brand{text-decoration:none;font:500 12px "IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase}.brand span{color:var(--purple)}.top-actions{display:flex;align-items:center;gap:18px}.small-link{border:0;background:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
.eyebrow{font:500 11px "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--purple)}h1,h2,h3{font-family:"Libre Caslon Text",Georgia,serif;font-weight:400;margin:.15em 0;color:var(--ink)}h1{font-size:clamp(3.2rem,8vw,6.4rem);line-height:.9}h2{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.02}h3{font-size:1.55rem;line-height:1.15}.accent{color:var(--purple);font-style:italic}.muted{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:white;text-decoration:none;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:13px 18px;font-weight:600;cursor:pointer}.button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.button.secondary{background:transparent;color:var(--ink)}.button.dark{background:var(--ink)}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-story{padding:clamp(45px,8vw,110px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.login-story p{max-width:48ch}.login-panel{background:var(--paper-2);padding:clamp(28px,7vw,80px);display:grid;place-items:center}.login-card{width:min(430px,100%);background:var(--paper);border:1px solid var(--ink);padding:clamp(28px,5vw,48px);box-shadow:8px 8px 0 rgba(26,26,22,.12)}.login-card label{display:block;font-weight:600;margin:24px 0 8px}.field{width:100%;border:1px solid var(--ink);background:var(--white);padding:14px}.login-card .button{width:100%;margin-top:12px}.fine{font:400 11px/1.6 "IBM Plex Mono",monospace;color:var(--muted);margin-top:20px}.status{margin-top:16px;padding:12px;border-left:3px solid var(--purple);background:var(--paper-2)}
.shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:70px 0 110px}.welcome{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end;padding-bottom:42px;border-bottom:1px solid var(--line)}.welcome h1{font-size:clamp(2.8rem,6vw,5rem)}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:38px}.product-card{border:1px solid var(--ink);min-height:420px;background:var(--paper-2);display:flex;flex-direction:column;position:relative;overflow:hidden}.product-art{height:215px;border-bottom:1px solid var(--ink);display:grid;place-items:center;padding:28px;background:var(--paper)}.book-cover{width:138px;height:174px;border:1px solid var(--ink);box-shadow:7px 7px 0 rgba(26,26,22,.15);padding:18px 13px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:#efe8d9}.book-cover strong{font:400 22px/1 "Libre Caslon Text",serif}.book-cover em{font:400 14px "Libre Caslon Text",serif;color:var(--purple);margin-top:9px}.machine-art{width:min(360px,100%);border:1px solid var(--ink);padding:20px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;background:#f7f2e8;font:500 9px "IBM Plex Mono",monospace;text-transform:uppercase;text-align:center}.machine-art b{color:var(--orange)}.card-copy{padding:28px;display:flex;flex-direction:column;flex:1}.card-copy p{margin:.7em 0 1.3em}.card-copy .button{align-self:flex-start;margin-top:auto}.pill{position:absolute;top:14px;right:14px;background:var(--ink);color:var(--paper);padding:5px 8px;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.pill.purple{background:var(--purple)}
.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}.course-main{min-width:0}.course-head{margin-bottom:28px}.course-head h1{font-size:clamp(2.7rem,6vw,5.2rem)}.video-frame{aspect-ratio:16/9;background:var(--dark);border:1px solid var(--ink);display:grid;place-items:center;color:var(--paper);text-align:center;padding:25px}.video-frame span{font:500 11px "IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase}.lesson-copy{padding:35px 0;border-bottom:1px solid var(--line)}.support-card{border:1px solid var(--ink);padding:24px;background:var(--paper-2);position:sticky;top:90px}.support-card .button{width:100%;margin-top:10px}.support-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.lesson-nav{list-style:none;padding:0;margin:15px 0}.lesson-nav li{border-top:1px solid var(--line);padding:10px 0}.lesson-nav a{text-decoration:none}.lesson-nav small{font:500 9px "IBM Plex Mono",monospace;color:var(--purple);display:block;text-transform:uppercase}.comments{padding:45px 0}.comments textarea{width:100%;min-height:120px;background:var(--white);border:1px solid var(--ink);padding:14px;resize:vertical}.comment-actions{display:flex;justify-content:flex-end;margin-top:10px}.comment-list{display:grid;gap:14px;margin-top:28px}.comment{border-top:1px solid var(--line);padding:18px 0}.comment-meta{font:500 10px "IBM Plex Mono",monospace;color:var(--purple);text-transform:uppercase}.comment p{margin:.4em 0}.empty{padding:25px;border:1px dashed var(--line);color:var(--muted)}
.course-lesson{padding:30px 0 45px;border-bottom:1px solid var(--line)}.course-lesson:first-of-type{padding-top:0}.lesson-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.lesson-title h2{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:0}.lesson-time{font:500 10px "IBM Plex Mono",monospace;color:var(--muted);white-space:nowrap}.video-frame{position:relative;display:block;padding:0;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.course-lesson>p{max-width:67ch}.lesson-copy{padding:42px 0}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.dfy-card{margin-top:42px;border:1px solid var(--ink);background:var(--paper-2);padding:clamp(24px,5vw,42px);display:flex;align-items:center;justify-content:space-between;gap:28px}.dfy-card h2{font-size:clamp(2rem,4vw,3rem)}.dfy-card p{margin-bottom:0}.dfy-card .button{flex:0 0 auto}
.reference-layout{display:grid;grid-template-columns:230px minmax(0,790px);gap:54px;align-items:start}.reference-nav{position:sticky;top:92px;border:1px solid var(--ink);background:var(--paper-2);padding:20px}.reference-nav>a:not(.button){display:block;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none}.reference-nav .button{width:100%;margin-top:18px}.reference-main{min-width:0}.reference-hero{padding-bottom:55px;border-bottom:1px solid var(--line)}.reference-hero h1{font-size:clamp(3.5rem,8vw,6.8rem)}.reference-hero p{max-width:62ch}.reference-section{padding:58px 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}.reference-section h2{font-size:clamp(2.1rem,5vw,3.7rem)}.numbered{counter-reset:steps;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.numbered li{counter-increment:steps;background:var(--paper);padding:18px}.numbered li:before{content:counter(steps,decimal-leading-zero);display:block;font:500 10px "IBM Plex Mono",monospace;color:var(--purple);margin-bottom:6px}.truth-strip{margin-top:24px;padding:18px;border-left:4px solid var(--orange);background:var(--paper-2)}.flow-map{display:grid;gap:10px;margin-top:28px}.flow-map>div{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;align-items:center;border:1px solid var(--ink);background:var(--white)}.flow-map span,.flow-map b,.flow-map strong{padding:14px;border-right:1px solid var(--line)}.flow-map strong{border-right:0;color:var(--purple)}.prompt-box{position:relative;background:var(--dark);color:var(--paper);border:1px solid var(--ink);margin:25px 0}.prompt-box pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:52px 24px 25px;font:400 13px/1.65 "IBM Plex Mono",monospace}.copy-button{position:absolute;right:10px;top:10px;border:1px solid rgba(255,255,255,.4);background:var(--purple);color:white;padding:7px 11px;cursor:pointer;font:500 9px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}.check-grid span{padding:14px;text-align:center;border-right:1px solid var(--line);font:500 10px "IBM Plex Mono",monospace;text-transform:uppercase}.check-grid span:last-child{border-right:0}.settings-table{border:1px solid var(--ink);margin-top:28px}.settings-table>div{display:grid;grid-template-columns:1fr 1.5fr;border-bottom:1px solid var(--line)}.settings-table>div:last-child{border-bottom:0}.settings-table b,.settings-table span{padding:14px}.settings-table b{border-right:1px solid var(--line)}.trouble-grid details{border-top:1px solid var(--line);padding:18px 0}.trouble-grid summary{cursor:pointer;font-family:"Libre Caslon Text",serif;font-size:1.2rem}.reference-final{margin-top:58px;border:1px solid var(--ink);background:var(--paper-2);padding:clamp(28px,6vw,58px)}
@media(max-width:900px){.reference-layout{grid-template-columns:1fr}.reference-nav{position:static;display:none}}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-story{border-right:0;border-bottom:1px solid var(--line)}.welcome{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.course-layout{grid-template-columns:1fr}.support-card{position:static}.dfy-card{align-items:flex-start;flex-direction:column}.flow-map>div{grid-template-columns:1fr 1fr}.flow-map span,.flow-map b,.flow-map strong{border-bottom:1px solid var(--line)}.top-actions .small-link:first-child{display:none}}@media(max-width:520px){body{font-size:16px}.shell{width:min(100% - 28px,1180px);padding-top:45px}.login-story{padding:55px 24px}.login-panel{padding:35px 20px}.product-card{min-height:390px}.machine-art{padding:15px;gap:5px}.topbar{padding-inline:14px}.brand{font-size:10px}.lesson-title{align-items:flex-start}.action-row .button{width:100%}.numbered{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr 1fr}.check-grid span:nth-child(2){border-right:0}.settings-table>div{grid-template-columns:1fr}.settings-table b{border-right:0;border-bottom:1px solid var(--line)}}