/* AI Mastery Machine-Readable Internet: a portable field-record interface. Lines represent named relationships, not proof of visibility. Warm paper supports careful reading; cobalt marks documented public routes. These lessons must never promise indexing, ranking, crawler access, citation, or model retrieval. */
:root{--ink:#07100e;--field:#10221b;--paper:#f0eee5;--panel:#faf9f4;--text:#17241f;--muted:#617069;--line:#bec4ba;--acid:#c8fa58;--cobalt:#3763b2;--cobalt-soft:#dce5f2;--shell:min(1100px,calc(100vw - 48px));color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--text);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#275a9d;text-underline-offset:4px}a:hover{color:#7a402e}.skip{position:fixed;z-index:20;top:10px;left:10px;transform:translateY(-170%);padding:10px 14px;background:var(--acid);color:var(--ink);font-weight:800;text-decoration:none}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--acid);outline-offset:4px}.shell{width:var(--shell);margin:auto}.site-nav{position:sticky;z-index:10;top:0;display:flex;justify-content:space-between;gap:24px;padding:17px max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid #35483f;background:rgba(7,16,14,.97);color:#f5f7f1;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.site-nav a{color:inherit;text-decoration:none}.site-nav a:last-child{color:var(--acid)}.hero{position:relative;overflow:hidden;padding:104px 0 74px;background:var(--ink);color:#f5f7f1}.hero::before{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(133,158,149,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(133,158,149,.22) 1px,transparent 1px);background-size:60px 60px;content:""}.hero::after{position:absolute;right:0;bottom:0;left:0;height:6px;background:repeating-linear-gradient(90deg,var(--acid) 0 48px,transparent 48px 60px);content:""}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:65px}.label{margin:0;color:#aabbb3;font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.label::before{display:inline-block;width:8px;height:8px;margin-right:10px;background:var(--acid);content:""}.hero h1{max-width:820px;margin:24px 0 0;font:400 clamp(3.25rem,7vw,6.75rem)/.87 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.067em}.hero h1 em{color:var(--acid);font-style:normal}.lede{max-width:730px;margin:31px 0 0;color:#c0cec7;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.route-card{align-self:end;padding:20px;border-top:3px solid var(--acid);background:#10221b}.route-card span{display:block;color:#99ada4;font:8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.route-card strong{display:block;margin-top:19px;font:400 28px/1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.03em}.route-card p{margin:13px 0 0;color:#c0cec7;font-size:12px;line-height:1.6}.boundary{margin:52px auto 0;padding:24px 27px;border-left:4px solid var(--cobalt);background:var(--cobalt-soft);color:#3d526a}.boundary strong{color:#14283e}section{padding:56px 0}.objective{display:grid;grid-template-columns:180px 1fr;gap:50px;border-bottom:1px solid var(--line)}.objective h2,.practice h2,.sources h2{max-width:760px;margin:0;font:400 clamp(2rem,4vw,3.5rem)/.98 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.047em}.objective p{max-width:710px;margin:22px 0 0;color:var(--muted)}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #b7c0b5;border-left:1px solid #b7c0b5}.record{min-height:238px;padding:28px;border-right:1px solid #b7c0b5;border-bottom:1px solid #b7c0b5;background:var(--panel)}.record .label{color:#3d66a4}.record h3{max-width:20ch;margin:38px 0 12px;font:500 28px/1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}.record p{max-width:47ch;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.practice{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(260px,.55fr);gap:50px;align-items:start;padding:76px 0;background:#e1e5dc}.practice .shell{display:contents}.practice-copy p{max-width:660px;color:#4d5c54}.practice-copy ol{padding-left:24px}.practice-copy li{margin:9px 0;color:#3e4d45}.answer{margin-top:60px;padding:29px;background:var(--ink);color:#fff}.answer .label{color:#b7c7be}.answer h3{margin:26px 0 14px;color:var(--acid);font:400 31px/.98 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em}.answer p{margin:0;color:#c3d0c9;font-size:13px;line-height:1.66}.sources{display:grid;grid-template-columns:180px 1fr;gap:50px}.source-list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.source-list li{padding:17px 0;border-bottom:1px solid var(--line)}.source-list a{font-weight:750}.source-list small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.continue{padding:70px 0;background:var(--field);color:#fff}.continue h2{margin:0;font:400 clamp(2.5rem,5vw,4.6rem)/.92 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.06em}.continue h2 em{color:var(--acid);font-style:normal}.continue ul{display:grid;grid-template-columns:repeat(3,1fr);margin:50px 0 0;padding:0;border-top:1px solid #45574e;border-left:1px solid #45574e;list-style:none}.continue li{border-right:1px solid #45574e;border-bottom:1px solid #45574e}.continue a{display:flex;min-height:150px;align-items:flex-end;padding:24px;color:#f7f9f5;font:500 22px/1.08 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em;text-decoration:none}.continue a:hover{background:#15271f;color:var(--acid)}footer{padding:30px 0;color:#83948b;background:#070d0b;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}@media(max-width:760px){:root{--shell:calc(100vw - 32px)}.site-nav{padding-inline:16px}.site-nav a:last-child{display:none}.hero{padding:78px 0 55px}.hero-inner,.objective,.sources{grid-template-columns:1fr;gap:26px}.route-card{max-width:380px}.objective{padding-bottom:48px}.record-grid{grid-template-columns:1fr}.record{min-height:auto}.practice{grid-template-columns:1fr;gap:28px;padding:55px 0}.answer{margin-top:12px}.continue{padding:55px 0}.continue ul{grid-template-columns:1fr}.continue a{min-height:104px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
