/* 334digital skin for The Literary Machine (loaded after the book's own style.css) */
:root{color-scheme:dark;--paper:#0a0010;--ink:#e6f4f2;--muted:#a9c9c5;--line:rgba(180,0,255,.34);--accent:#ff2d78;--panel:rgba(14,2,30,.94);--cyan:#00ffe7;--yellow:#ffe600;--hot:#ff2d78;--faint:rgba(0,255,231,.55);--max:1240px}
.dark{color-scheme:light;--paper:#f4f0e6;--ink:#242c29;--muted:#52615a;--line:#c8cbbd;--accent:#b64228;--panel:#e6e9dd;--cyan:#0b5f59;--yellow:#7a5a00;--faint:#52615a}
body.tlm{background:var(--paper);overflow-x:hidden}
:root:not(.dark) body.tlm::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(180,0,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(180,0,255,.075) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000 0%,transparent 60%)}
::selection{background:var(--hot);color:#08000c}
.tlm header.site-header{display:block;max-width:none;margin:0;padding:0;border-bottom:1px solid rgba(0,255,231,.14);background:rgba(10,0,16,.9);font:inherit}
.header-inner{width:min(calc(100% - 32px),var(--max));min-height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{font-family:"VT323",monospace;font-size:1.7rem;letter-spacing:.12em;text-decoration:none;color:#00ffe7;text-shadow:0 0 14px rgba(0,255,231,.7);font-weight:400}
.site-header .brand::before{content:"✦";margin-right:8px;color:#ff2d78}
.site-header .nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.site-header .nav a{padding:6px 0;border-bottom:1px dashed currentColor;color:rgba(0,255,231,.65);font-family:"VT323",monospace;font-size:1.08rem;letter-spacing:.09em;text-decoration:none}
.site-header .nav a:hover,.site-header .nav a[aria-current="page"]{color:#ffe600}
.book-bar{width:min(calc(100% - 32px),var(--max));margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:14px 0;border-bottom:1px solid var(--line);font:.85rem/1.4 "Share Tech Mono",monospace;letter-spacing:.08em;color:var(--cyan)}
.book-bar a{color:var(--cyan);text-decoration:none}.book-bar a:hover{color:var(--yellow)}
.book-bar .back{color:var(--yellow)}
.book-name{font-family:"VT323",monospace;font-size:1.25rem;letter-spacing:.14em;color:var(--hot)}
.book-tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.book-tools button{padding:.35rem .7rem;font:.78rem "Share Tech Mono",monospace;letter-spacing:.08em;background:transparent;color:var(--cyan);border:1px solid var(--cyan)}
.book-tools button:hover{background:var(--yellow);border-color:var(--yellow);color:#08000c}
.eyebrow{font-family:"Share Tech Mono",monospace;color:var(--hot);letter-spacing:.18em}
.hero h1{font-family:"VT323",monospace;letter-spacing:.01em;color:var(--cyan);text-shadow:0 0 18px rgba(0,255,231,.35)}
.dark .hero h1{text-shadow:none}
.hero em{color:var(--hot)}
.button,button{border-radius:0}
.button{background:var(--hot);border-color:var(--hot);color:#08000c;font:.95rem "Share Tech Mono",monospace;letter-spacing:.08em}
.button.ghost{background:transparent;color:var(--cyan);border-color:var(--cyan)}
.button:hover{background:var(--yellow);border-color:var(--yellow);color:#08000c}
.lab button{background:transparent;color:var(--cyan);border-color:var(--cyan);font-family:"Share Tech Mono",monospace}
.lab button:hover{background:var(--yellow);border-color:var(--yellow);color:#08000c}
.dark .lab button{color:var(--ink);border-color:var(--ink)}
.facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0;list-style:none;font:.82rem "Share Tech Mono",monospace;color:var(--muted);letter-spacing:.06em}
.facts b{color:var(--yellow);font-weight:400}.facts a{color:var(--yellow)}
.part-head{font:400 1.5rem "VT323",monospace;letter-spacing:.12em;color:var(--yellow);margin:46px 0 18px}
.card{background:var(--panel);border-color:var(--line);transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--cyan);transform:translateY(-2px);color:inherit}
.card h3{color:var(--cyan)}
.dark .card h3{color:var(--ink)}
.card>span:last-child{color:var(--yellow);font-family:"Share Tech Mono",monospace}
.prose a{color:var(--cyan)}.prose a:hover{color:var(--yellow)}
.prose h1,.prose h2{color:var(--cyan)}.dark .prose h1,.dark .prose h2{color:var(--ink)}
pre{background:#05000a;color:#00ffe7;border:1px solid var(--line)}.dark pre{background:var(--ink);color:var(--paper)}
.toc b{color:var(--hot);font-family:"Share Tech Mono",monospace}.toc a:hover{color:var(--yellow)}
.chapter-head a{color:var(--yellow)}
.chapter-nav{display:flex;gap:20px;flex-wrap:wrap}.chapter-nav a{color:var(--yellow);text-decoration:none}
.result{color:var(--hot)!important}
.tape-cell{background:var(--paper);color:var(--ink)}
figure img{border:1px solid var(--line)}
.diagram[src$=".svg"]{background:#f4f0e6;padding:6px}
footer.site-footer{padding:0;text-align:left;font:inherit;border-top:1px solid rgba(0,255,231,.14);background:rgba(10,0,16,.9)}
.footer-inner{width:min(calc(100% - 32px),var(--max));margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px 0;font:.72rem "Share Tech Mono",monospace;letter-spacing:.12em;color:rgba(0,255,231,.55)}
.footer-inner a{color:rgba(0,255,231,.75)}
@media(max-width:900px){.header-inner{align-items:flex-start;flex-direction:column;gap:12px;padding:15px 0}.site-header .nav{justify-content:flex-start;gap:12px}}
@media(max-width:800px){.hero{padding:40px 5%}.hero h1{font-size:clamp(56px,17vw,90px)}.lead{font-size:21px}.book-name{display:none}.intro,#contents{margin-left:5%;margin-right:5%}}
@media print{.site-header,.book-bar,.site-footer{display:none}}