@font-face{font-family:Publication;src:url('assets/fonts/Lato-Regular.ttf')}@font-face{font-family:Publication;src:url('assets/fonts/Lato-Bold.ttf');font-weight:700}@font-face{font-family:Publication;src:url('assets/fonts/Lato-Heavy.ttf');font-weight:900}
:root{--paper:#fcfbf9;--ink:#25232a;--muted:#6d6066;--red:#a72e42;--line:#e5dddd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Publication,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b93249;outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4vw;background:#fcfbf9f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand-mark{color:var(--red);padding-right:9px}.site-header nav{display:flex;gap:20px}.site-header nav a{font-size:13px;letter-spacing:.03em;text-decoration:none;border-bottom:2px solid transparent}.site-header nav a[aria-current]{border-color:var(--red);color:var(--red)}.edition-link{font-size:13px;white-space:nowrap}main{overflow:hidden}.hero{max-width:1320px;margin:auto;padding:82px 5vw 60px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,7.8vw,110px);line-height:1.015;letter-spacing:-.055em;font-weight:900;margin:28px 0 35px}h1 em{font-style:normal;color:var(--red)}.hero-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:start;margin-bottom:42px}.hero-bottom>p{font-size:21px;line-height:1.55;max-width:680px}.hero-note{font-size:15px;line-height:1.6;border-left:2px solid var(--red);padding-left:25px}.hero-note span{display:block;color:var(--muted);margin-top:15px}.hero>.diagram{max-width:1020px;margin:0 auto}.hero-links{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px;margin-top:32px}.hero-links a{text-decoration:none;font-size:15px}.hero-links span{color:var(--red);padding-left:20px}.chapter{--red:#922539;max-width:1320px;margin:auto;padding:75px 5vw 25px;border-top:1px solid var(--line)}.chapter-state{--red:#95273b}.chapter-intelligence{--red:#872237}.chapter-runtime{--red:#762032}.chapter-interface{--red:#651b2c}.chapter-evidence{--red:#541626}.chapter-heading{border-left:5px solid var(--red);padding-left:26px;margin-bottom:52px}.chapter-heading h2{font-size:clamp(31px,4vw,55px);line-height:1.1;letter-spacing:-.035em;max-width:800px;margin:15px 0}.article{display:grid;grid-template-columns:1fr 1.24fr;gap:54px;align-items:center;margin:0 0 95px;scroll-margin-top:110px}.article.reverse{grid-template-columns:1.24fr 1fr}.article.reverse .article-copy{order:2}.article-number{font-size:17px;font-weight:900;color:var(--red);margin-bottom:20px}.article-number span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:18px}h3{font-size:32px;font-weight:900;line-height:1.14;letter-spacing:-.025em;margin-bottom:22px}.article p{font-size:16px;line-height:1.7}.article details{border-top:1px solid var(--line);padding-top:15px}.article summary{font-size:14px;font-weight:700;cursor:pointer;list-style-position:outside;margin-left:16px}.article details p{margin-top:17px}.article small{font-size:11px;color:var(--muted)}figure{margin:0;min-width:0}figure a{display:block}figure img{display:block;width:100%;height:auto;object-fit:contain}.capture img{border:1px solid #ddd5d6;box-shadow:0 15px 35px #30102012}.diagram img{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}figcaption{font-size:10px;line-height:1.55;color:var(--muted);margin-top:12px;max-width:560px}.reference-section{max-width:1160px;margin:0 auto;padding:50px 5vw 90px;border-top:3px solid #541626}.reference-section h2{font-size:38px;letter-spacing:-.03em}.reference-section p{max-width:820px}.reference-section summary{cursor:pointer;font-size:16px}.reference-section li{font-size:13px;margin:7px 0}.download{display:inline-block;margin-top:35px;border-bottom:2px solid var(--red);text-decoration:none;font-size:17px}.site-footer{background:#27151e;color:#faf6f4;padding:55px 5vw;display:flex;align-items:start;justify-content:space-between;gap:30px}.site-footer p{font-size:14px}.site-footer small{font-size:10px;max-width:190px;color:#dfcdd3}dialog{border:0;padding:55px 22px 20px;background:#fcfbf9;max-width:96vw;max-height:95vh;width:1300px}dialog::backdrop{background:#1d131de8}dialog img{display:block;max-width:100%;height:auto;margin:auto;max-height:78vh;object-fit:contain}dialog p{font-size:12px;margin:12px 0 0}.close-dialog{position:absolute;right:20px;top:12px;border:0;border-bottom:1px solid #aaa;background:transparent;font-size:14px;cursor:pointer}@media(min-width:1400px){.hero{padding-top:100px}}@media(max-width:1000px){.site-header{gap:15px;flex-wrap:wrap;padding:14px 4vw}.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px}.article,.article.reverse{gap:30px;grid-template-columns:1fr 1fr}.hero-bottom{gap:35px}.article h3{font-size:28px}.hero{padding-top:55px}}@media(max-width:650px){body{font-size:16px}.brand{font-size:22px}.site-header nav a{font-size:10px}.site-header nav{gap:5px}.hero{padding:45px 6vw}.hero h1{font-size:53px}.hero-bottom{display:block}.hero-bottom>p{font-size:18px}.hero-note{font-size:13px;margin-top:25px}.hero-links{gap:25px}.hero-links a{font-size:12px}.chapter{padding:45px 6vw 0}.chapter-heading{padding-left:18px;margin-bottom:35px}.article,.article.reverse{display:flex;flex-direction:column;gap:25px;align-items:stretch;margin-bottom:60px}.article.reverse .article-copy{order:0}.article h3{font-size:30px}.article-number{margin-bottom:14px}.article p{font-size:16px}.article figure{width:100%}.article details{margin-top:18px}figcaption{font-size:10px}.site-footer{flex-direction:column;gap:12px}.site-footer small{max-width:none}.reference-section{padding:40px 6vw 55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Web composition: broad anchor stories alternate with compact technical notes. */
.article-number span{margin-left:0}.hero h1{font-size:clamp(44px,6.6vw,89px);max-width:1100px;text-wrap:balance}.hero-bottom{grid-template-columns:1.7fr 1fr;gap:55px}.hero-note{margin-top:5px}.feature-article,.feature-article.reverse{grid-template-columns:1fr;padding:42px 0 12px;border-top:1px solid var(--line);gap:28px}.feature-article .article-copy,.feature-article.reverse .article-copy{order:0;max-width:780px}.feature-article .article-copy>p{font-size:20px;line-height:1.6}.feature-article h3{font-size:clamp(34px,4vw,52px)}.feature-article figure{max-width:960px;width:100%;justify-self:center}.compact-article,.compact-article.reverse{grid-template-columns:1.4fr 1fr;gap:65px;padding:28px 0;border-top:1px solid var(--line);margin-bottom:55px}.compact-article .article-copy,.compact-article.reverse .article-copy{order:0}.compact-article h3{font-size:28px}.compact-article figure{opacity:.95}.chapter-interface .article:not(.feature-article){align-items:start}.chapter-heading h2{text-wrap:balance}.domain-intro{font-size:15px;line-height:1.65}.advanced .domain-card{border-width:1px 0 0;background:transparent;padding:27px 0}.advanced .domain-grid{column-gap:55px;row-gap:28px}.advanced .shared-helpers{border-top:2px solid #94263b}.domain-card dl{color:#645860}.domain-card dt{color:var(--ink)}@media(max-width:650px){.hero h1{font-size:clamp(39px,10vw,58px)}.hero-bottom{display:block}.feature-article,.feature-article.reverse,.compact-article,.compact-article.reverse{display:flex;padding-top:25px;gap:22px}.feature-article .article-copy>p{font-size:18px}.feature-article h3{font-size:34px}.compact-article h3{font-size:28px}.advanced .domain-grid{gap:12px}}
/* Additional native views stay browsable beside the narrative. */
.capture-library{max-width:1400px;margin:5rem auto;padding:0 clamp(20px,5vw,80px)}
.capture-library header{max-width:720px;margin-bottom:2rem}
.capture-library summary{cursor:pointer;padding:1.2rem 0;border-block:1px solid #d9d9d9;font-weight:650}
.capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}
.capture-grid figure{margin:0;min-width:0}
.capture-grid a{display:block;background:#0b1016;border-radius:8px;overflow:hidden}
.capture-grid img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:contain}
.capture-grid figcaption{padding:.75rem 0;line-height:1.5}
.capture-grid figcaption strong,.capture-grid figcaption span{display:block}
.capture-grid figcaption span{color:#53575c;font-size:.88rem;margin-top:.3rem}
@media(max-width:700px){.capture-grid{grid-template-columns:1fr}.capture-library{margin:3rem auto}}