/* Scoped editorial treatment for the full theory guide. */
body.theory-editorial { --bg:#090b11; --teal:#73cde5; --muted:#b7c2cd; --line:#2b3543; background:radial-gradient(ellipse at 95% 7%,#782fe51a,transparent 28%),#090b11; }
body.theory-editorial::before, .theory-editorial .route-cosmic-bg { display:none; }
.theory-editorial .route-shell { width:min(1320px,calc(100% - 80px)); padding-top:140px; }
.theory-editorial .theory-hero { padding:36px 0 65px 40px; border-left:1px solid #354351; max-width:100%; }
.theory-editorial .kicker,.theory-editorial .theory-chapter,.theory-index { font:12px/1.5 'Share Tech Mono',monospace; letter-spacing:.16em; }
.theory-editorial h1 { font:400 clamp(3.6rem,7vw,6.8rem)/1.02 'Cormorant Garamond',serif; letter-spacing:-.025em; margin:28px 0; max-width:950px; }
.theory-editorial h1 span,.theory-editorial h2 em { color:#73cde5; font-weight:400; font-style:italic; }
body.theory-editorial .lede { color:#bac5ce; font:400 22px/1.6 'Source Sans 3',sans-serif; max-width:760px; }
.theory-editorial .route-actions { margin-top:32px; gap:24px; }
.theory-editorial .btn { border-radius:0; font:12px/1.5 'Share Tech Mono',monospace; letter-spacing:.05em; background:#73cde5; color:#09121b; padding:17px 23px; border:1px solid #73cde5; box-shadow:none; }
.theory-editorial .btn.secondary { background:transparent; border-color:transparent; color:#b6d3df; }
.theory-index { display:flex; flex-wrap:wrap; gap:18px 32px; padding:25px 0; border-block:1px solid #303a46; margin:25px 0 0; }
.theory-index span { color:#8898a8; margin-right:auto; }
.theory-editorial a { text-underline-offset:5px; }
.theory-index a,.theory-model-links a,.theory-editorial .card>a { color:#9dccdf; text-decoration:none; }
.theory-editorial a:hover { color:#dfd0ff; }
body.theory-editorial .section { margin:0; padding:64px 0; border:0; border-bottom:1px solid #2b3441; border-radius:0; background:transparent; box-shadow:none; scroll-margin-top:110px; }
.theory-chapter { display:flex; align-items:center; gap:18px; color:#a9baca; margin-bottom:30px; }
.theory-chapter b { color:#73cde5; font-weight:400; }
.theory-chapter i { width:38px; height:1px; background:#72879b; }
body.theory-editorial .section-head { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; border:0; margin-bottom:32px; padding:0; }
.theory-editorial .section h2 { font:400 clamp(2.6rem,4vw,4rem)/1.08 'Cormorant Garamond',serif; margin:0; color:#e1e8ed; }
body.theory-editorial .section p,body.theory-editorial .card p { font:400 19px/1.65 'Source Sans 3',sans-serif; color:#b8c2ce; }
.theory-editorial .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid #343746; }
body.theory-editorial .card { padding:28px 28px 30px; border:0; border-bottom:1px solid #343746; border-right:1px solid #343746; border-radius:0; background:transparent; box-shadow:none; transform:none; }
.theory-editorial .card:nth-child(3n) { border-right:0; }
.theory-editorial .card small { color:#a594c3; font:11px/1.5 'Share Tech Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }
.theory-editorial .card h3 { font:500 28px/1.15 'Cormorant Garamond',serif; margin:16px 0 12px; color:#e0e8ed; }
.theory-editorial .card>a,.theory-model-links { font:12px/1.6 'Share Tech Mono',monospace; }
body.theory-editorial .theory-model { background:radial-gradient(ellipse at 100% 50%,#7733cc18,transparent 70%); }
.model-path { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:40px 28px; border:1px solid #66508266; background:#11102166; }
.model-path span { color:#a2aec3; font:12px/1.6 'Share Tech Mono',monospace; letter-spacing:.1em; }
.model-path strong { color:#ceb8f4; font:italic 400 32px/1.2 'Cormorant Garamond',serif; }
.theory-model-links { display:flex; gap:28px; flex-wrap:wrap; margin-top:24px; }
.theory-editorial #dichotomies .grid { grid-template-columns:1fr; }
body.theory-editorial #dichotomies .card { padding:0; border-right:0; }
.theory-editorial details summary { padding:23px 4px; list-style:none; cursor:pointer; font:400 30px/1.2 'Cormorant Garamond',serif; color:#e1e7ed; }
.theory-editorial details summary::-webkit-details-marker { display:none; }
.theory-editorial details summary::after { content:'+'; float:right; color:#a693ca; font:22px/1.4 'Share Tech Mono',monospace; }
.theory-editorial details[open] summary { color:#bba2ef; }
.theory-editorial details[open] summary::after { content:'−'; }
.theory-editorial details>p,.theory-editorial details>h3 { max-width:850px; margin-left:24px; margin-right:24px; }
.theory-editorial details>p:last-child { margin-bottom:32px; }
.theory-editorial summary:focus-visible,.theory-editorial a:focus-visible { outline:2px solid #b79de3; outline-offset:5px; }
body.theory-editorial .site-footer { background:#090b11; border-top:1px solid #303a46; box-shadow:none; }
.theory-editorial .site-footer::before,.theory-editorial .site-footer::after { display:none; }
@media(max-width:900px) { .theory-editorial .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .theory-editorial .card:nth-child(3n) { border-right:1px solid #343746; } .theory-editorial .card:nth-child(2n) { border-right:0; } .model-path { flex-wrap:wrap; justify-content:center; } }
@media(max-width:600px) { .theory-editorial .route-shell { width:calc(100% - 40px); padding-top:105px; } .theory-editorial .theory-hero { padding:20px 0 35px 20px; } .theory-editorial h1 { font-size:3.4rem; } body.theory-editorial .lede { font-size:19px; } .theory-index { gap:16px 20px; letter-spacing:.05em; } .theory-index span { width:100%; } body.theory-editorial .section { padding:42px 0; } body.theory-editorial .section-head { grid-template-columns:1fr; gap:16px; } .theory-editorial .grid { grid-template-columns:1fr; } body.theory-editorial .card { border-right:0; padding:24px 12px; } .model-path { flex-direction:column; padding:28px 18px; } .model-path span[aria-hidden] { transform:rotate(90deg); } .theory-editorial details summary { font-size:26px; } .theory-editorial details>p,.theory-editorial details>h3 { margin-left:12px; margin-right:12px; } }
.theory-editorial .site-footer-brand { font:14px/1.8 'Share Tech Mono',monospace; letter-spacing:.28em; }
.theory-editorial .site-footer-brand span { display:block; }
.theory-editorial details:hover { background:linear-gradient(90deg,#9d75dd08,transparent); }
/* Accordion rows must not inherit the generic card minimum height. */
body.theory-editorial #dichotomies details.card { min-height:0; height:auto; align-self:start; background:#090b11; }
body.theory-editorial #dichotomies details.card[open] { background:#100e19; }
body.theory-editorial #dichotomies details.card summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:0; padding:22px 16px; background:transparent; }
body.theory-editorial #dichotomies details.card summary::after { float:none; flex-shrink:0; }
@media(max-width:600px) { body.theory-editorial #dichotomies details.card summary { padding:18px 12px; } }
/* Editorial comparison index: show the distinction before expanding. */
body.theory-editorial #dichotomies .grid { border-top:1px solid #3d354c; }
body.theory-editorial #dichotomies details.card { background:transparent; border-bottom:1px solid #34313f; }
body.theory-editorial #dichotomies details.card summary { display:grid; grid-template-columns:180px minmax(0,1fr) 28px; gap:28px; padding:25px 20px; transition:background .2s; }
body.theory-editorial #dichotomies details.card summary:hover { background:#aa7ef308; }
.theory-editorial .dichotomy-category { font:11px/1.6 'Share Tech Mono',monospace; letter-spacing:.11em; text-transform:uppercase; color:#a194b4; }
.theory-editorial .dichotomy-poles { display:grid; grid-template-columns:1fr 40px 1fr; align-items:center; gap:16px; font:italic 400 clamp(25px,2.7vw,36px)/1.2 'Cormorant Garamond',serif; }
.theory-editorial .dichotomy-poles i { font:10px/1.5 'Share Tech Mono',monospace; color:#776d88; font-style:normal; text-align:center; }
body.theory-editorial #dichotomies details.card[open] { background:linear-gradient(100deg,#8c4ade0c,transparent 80%); border-left:2px solid #b094da; }
body.theory-editorial #dichotomies details.card[open] summary { border-bottom:1px solid #65527830; }
body.theory-editorial #dichotomies details.card>p,
body.theory-editorial #dichotomies details.card>h3 { margin-left:228px; max-width:760px; }
body.theory-editorial #dichotomies details.card>p { font-size:18px; line-height:1.65; }
body.theory-editorial #dichotomies details.card>h3 { color:#c5afdf; font-size:26px; }
@media(max-width:800px) { body.theory-editorial #dichotomies details.card summary { grid-template-columns:minmax(0,1fr) 24px; gap:12px; padding:22px 12px; } .theory-editorial .dichotomy-category { grid-column:1; } .theory-editorial .dichotomy-poles { grid-column:1; grid-row:2; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:8px; font-size:26px; } body.theory-editorial #dichotomies details.card summary::after { grid-column:2; grid-row:1 / 3; } body.theory-editorial #dichotomies details.card>p,body.theory-editorial #dichotomies details.card>h3 { margin-left:16px; margin-right:16px; } }
/* Remove the legacy grid fill beneath the transparent comparison rows. */
body.theory-editorial #dichotomies .grid { background:transparent; }
body.theory-editorial #dichotomies details.card { background:transparent; }
body.theory-editorial #dichotomies details.card[open] { background:linear-gradient(100deg,#9d6be010,transparent 85%); }
/* Use the current homepage palette throughout the theory guide. */
body.theory-editorial { --bg:#090b11; --bg2:#0d0c16; --line:#363240; --teal:#73cde5; }
body.theory-editorial .section .grid { background:transparent; }
body.theory-editorial .section .card { background:transparent; border-color:#363240; }
body.theory-editorial .section { background:radial-gradient(ellipse at 100% 45%,#8136e50a,transparent 68%); }
body.theory-editorial .model-path { background:linear-gradient(120deg,#100e1ac4,#090b1180); border-color:#65507955; }
body.theory-editorial .section .card:hover { background:linear-gradient(100deg,#9562d90a,transparent 85%); }
body.theory-editorial #dichotomies details.card[open] { background:linear-gradient(100deg,#9d6be010,transparent 85%); }
body.theory-editorial .section .card small,
body.theory-editorial .dichotomy-category { color:#aaa0bc; }
body.theory-editorial ::selection { background:#8450ba66; color:#f0eafa; }
/* Reading rhythm for the complete theory guide. */
.theory-editorial .theory-prose { max-width:800px; margin-bottom:28px; }
.theory-editorial .theory-subhead { font:500 32px/1.2 'Cormorant Garamond',serif; color:#e1e8ed; margin:44px 0 22px; }
body.theory-editorial .section .theory-source { font:14px/1.6 'Source Sans 3',sans-serif; color:#a79caf; margin:20px 0 32px; }
.theory-editorial .theory-source a { color:#b4a1d4; }
body.theory-editorial .section .card { min-height:0; }
.theory-editorial .card p { margin-bottom:0; }
@media(max-width:600px) { .theory-editorial .grid .card:nth-child(n) { border-right:0; } .theory-editorial .theory-subhead { font-size:28px; margin-top:32px; } }