* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0;background:#080b15;color:#e7e9f5;font:16px/1.65 Outfit,system-ui,sans-serif; }
a { color:#91e0e7;text-underline-offset:4px; }
a:focus-visible { outline:2px solid #96eef2;outline-offset:5px;border-radius:3px; }
.reading-header { max-width:1160px;margin:auto;padding:25px 28px;display:flex;gap:12px 22px;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid #ffffff18; }
.reading-brand { color:#e7e9f5;text-decoration:none;font:600 16px/1.4 Unbounded,system-ui,sans-serif; }
.reading-header>span { color:#a5afc6;font-size:12px; }
.reading-header>span b { color:#b5abff; }
.reading-header nav { margin-left:auto;display:flex;gap:20px;flex-wrap:wrap;font-size:14px; }
.reading-main { max-width:1000px;margin:auto;padding:48px 28px 65px; }
.eyebrow { color:#9eb1cb;font-size:12px;letter-spacing:.12em;text-transform:uppercase; }
h1 { font-size:clamp(38px,7vw,68px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 26px; }
.invention-title { font-size:clamp(32px,5.5vw,54px);max-width:850px;overflow-wrap:anywhere; }
.lead { max-width:820px;color:#d7dce8;font-size:21px;line-height:1.65; }
.reading-note { color:#a5afc6;font-size:14px;max-width:790px; }
.breadcrumbs { font-size:14px;color:#818aa3; }
.milestone-year { display:flex;align-items:baseline;gap:14px;margin:28px 0 5px;color:#a5afc6;font-size:14px; }
.milestone-year strong { font:600 32px/1.3 Unbounded,system-ui,sans-serif;color:#ecebfa; }
.forecast-probability { color:#9ee5c0;font-size:15px;margin:8px 0; }
.open-map { display:inline-block;border:1px solid #48636e;border-radius:12px;padding:10px 17px;margin:12px 0;text-decoration:none;background:#14222c; }
section { border-top:1px solid #ffffff18;margin-top:40px;padding-top:20px;scroll-margin-top:25px; }
h2 { font-size:23px;line-height:1.3; }
h2 small { font-size:13px;font-weight:400;color:#a5afc6;margin-left:8px; }
.domain-index { display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 45px; }
.domain-index a { display:inline-flex;gap:8px;border:1px solid #303d51;border-radius:20px;padding:5px 12px;text-decoration:none;font-size:13px; }
.domain-index small { color:#a5afc6; }
.node-list { padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px; }
.node-list li { padding:10px 0;border-bottom:1px solid #ffffff0c;min-width:0; }
.node-list a { display:flex;justify-content:space-between;align-items:baseline;gap:15px;text-decoration:none; }
.node-list a:hover span { text-decoration:underline; }
.node-list a span { overflow-wrap:anywhere; }
.node-list small { color:#a5afc6;font-size:11px;flex:none; }
.relationship { color:#8e9bb2;font-size:12px; }
.source-list { padding-left:20px; }
.source-list li { margin:18px 0; }
.source-list p { margin:5px 0;color:#c5cbdc;font-size:15px; }
.source-list small { color:#a5afc6; }
.reading-footer { max-width:1000px;margin:auto;padding:28px;display:flex;gap:12px 24px;flex-wrap:wrap;border-top:1px solid #ffffff18;font-size:14px; }
@media(max-width:700px) { .reading-header { padding:20px; }.reading-header nav { margin-left:0;flex-basis:100%;gap:18px; }.reading-main { padding:30px 20px 50px; }.node-list { grid-template-columns:1fr; }.lead { font-size:19px; }.reading-footer { padding:24px 20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }