/* Copyright (C) 2026 Ho So Den contributors. SPDX-License-Identifier: AGPL-3.0-only */

/* Reading themes share the same hierarchy, dimensions and interactions. */
:root{--bg:#f4f1e9;--panel:#ebe7dc;--surface:#faf8f1;--line:#d2ccbf;--muted:#726c62;--text:#27251f;--red:#923f35;--link:#853e34;--soft-red:#eee0d6;--serif:'Noto Serif',Georgia,serif;--success:#52614a;color-scheme:light}
:root[data-theme="ink"]{--bg:#191917;--panel:#23231f;--surface:#1e1e1b;--line:#404039;--muted:#aaa69b;--text:#e3dfd3;--red:#d88c7b;--link:#dfa18e;--soft-red:#332722;--success:#adb79c;color-scheme:dark}
[hidden]{display:none!important}body{background:var(--bg);color:var(--text);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.025' filter='url(%23grain)'/%3E%3C/svg%3E")}
header,main,footer{max-width:1512px}.header{height:96px;padding:0 48px;gap:20px}.brand{font:600 23px var(--serif);letter-spacing:1px;white-space:nowrap}.brand small{font-size:7px;letter-spacing:1.6px}.brand-mark{color:var(--red);border:double 3px var(--red);font:600 22px var(--serif);letter-spacing:-6px;width:41px;height:46px;padding-left:3px}.header nav{font-size:11px;gap:25px}.header nav button{font-size:11px}.header nav .active:after{bottom:-39px;background:var(--red)}.header-actions{display:flex;align-items:center;gap:17px}.theme-toggle{display:flex;align-items:center;gap:8px;background:none;color:var(--muted);font-size:10px;padding:9px 0;white-space:nowrap}.theme-toggle>span:first-child{font-size:19px;color:var(--text)}.button-quiet{border-color:var(--line);font-size:10px}.skip-link{position:fixed;top:-80px;left:20px;background:var(--text);color:var(--bg);padding:15px;z-index:20}.skip-link:focus{top:12px}#main-content:focus{outline:none}.library-intro{padding:23px 64px 28px}.edition-line{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.8px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.intro-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;padding:35px 70px 17px}.intro-layout .eyebrow{font-size:8px;color:var(--red);letter-spacing:1.4px}h1,h2,h3{font-family:var(--serif)}.intro-layout h1{font:500 62px/1.18 var(--serif);letter-spacing:-2.5px;margin:18px 0}.intro-layout h1 em{color:var(--red);font-weight:400;font-style:italic}.intro-layout p{font-size:12px;line-height:2;color:var(--muted)}.intro-link{display:inline-flex;gap:24px;align-items:center;margin-top:15px;font-size:11px;border-bottom:1px solid var(--red);padding-bottom:7px;color:var(--link)}.notebook{position:relative;width:210px;height:281px;justify-self:center;background:#252621;color:#e2dbc7;border:1px solid #49493f;transform:rotate(6deg);padding:27px 23px 22px 33px;box-shadow:6px 4px 0 -1px #e1dac6,7px 5px 0 #686456,11px 8px 0 #302f29}.notebook:after{content:'';position:absolute;top:0;right:18px;bottom:0;width:7px;background:#13141070;border-right:1px solid #ffffff0a}.notebook-spine{position:absolute;left:7px;top:0;bottom:0;border-left:1px solid #ffffff15;border-right:1px solid #0005;width:5px}.notebook-top{font:6px var(--mono);letter-spacing:1.5px;color:#aaa491}.notebook strong{display:block;font:400 43px/1.2 var(--serif);letter-spacing:-1px;margin-top:22px}.notebook-rule{display:block;width:30px;height:1px;background:#a3725d;margin:15px 0}.notebook em{font:italic 9px/1.8 var(--serif);color:#b9b09a}.notebook-foot{position:absolute;bottom:20px;left:33px;font:6px var(--mono);letter-spacing:2px;color:#b3a68b}.demo-strip{color:var(--muted);margin:0 64px;font-size:10px}.demo-strip strong{color:var(--text)}.featured-reading{display:flex;align-items:center;gap:35px;padding:24px 0;margin:0 64px;border-bottom:1px solid var(--line)}.featured-reading>.eyebrow{color:var(--muted);font-size:8px;min-width:130px}.featured-reading>a{display:flex;align-items:center;gap:20px;flex:1}.featured-code{font:italic 32px var(--serif);color:var(--red)}.featured-reading h2{font:400 20px var(--serif);margin:0}.featured-reading a:hover h2{color:var(--red)}.featured-reading p{font-size:10px;color:var(--muted);margin-bottom:0}.featured-arrow{margin-left:auto;font-size:25px;color:var(--red)}.margin-note{font:italic 12px/1.7 var(--serif);color:var(--muted);transform:rotate(-6deg);margin:0 20px 0 30px}.archive{padding-top:36px}.archive h2{font:500 29px var(--serif)}.search{background:var(--surface);border-color:var(--line)}.search input{color:var(--text)}.search input::placeholder{color:var(--muted)}.search kbd{border-color:var(--line)}.sort select{background:var(--bg);color:var(--text)}.filters button.selected{background:var(--panel);border-color:var(--line);color:var(--text)}.filters button span{color:var(--muted)}.case-grid{gap:22px}.case-card{background:transparent;border:0;border-top:1px solid var(--line)}.case-card:hover{border-color:var(--red)}.case-art{filter:grayscale(.85) sepia(.3);height:145px;margin-top:13px;opacity:.93}.card-content{padding:16px 0}.case-card h3{font:500 19px/1.5 var(--serif);letter-spacing:-.4px}.case-card:hover h3{color:var(--red)}.card-meta .status{color:var(--muted)}.case-card p{font-size:11px}.card-footer{color:var(--muted)}.card-footer .arrow{color:var(--red)}.manifesto h2{font:400 31px/1.5 var(--serif)}.trust-grid h3{font:500 15px var(--serif)}.trust-symbol{color:var(--red)}.support h2{font:400 28px/1.5 var(--serif)}.button-primary{background:var(--red);color:var(--bg);font-weight:500}.button-primary:hover{background:var(--text);color:var(--bg)}.support-action strong{color:var(--text)}footer{background:var(--panel)}.footer-brand{font:600 16px var(--serif)}.footer-chain{color:var(--muted)}.live-dot{background:var(--success)}

/* Full-page dossier: contents / reading column / record metadata. */
.article-breadcrumb{padding:25px 48px 0;display:flex;align-items:center;gap:10px;font:9px var(--mono);color:var(--muted)}.article-breadcrumb a:hover{color:var(--red)}.article-breadcrumb .breadcrumb-end{margin-left:auto;font-size:8px;letter-spacing:1px}.wiki-layout{display:grid;grid-template-columns:170px minmax(0,1fr) 263px;gap:36px;padding:30px 48px 55px;align-items:start}.wiki-contents{position:sticky;top:28px;font-size:11px;padding-top:12px}.contents-title{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:10px;letter-spacing:1px;padding-bottom:15px;border-bottom:1px solid var(--line);font-family:var(--mono)}.contents-title span{font-size:15px}.toc-list{display:flex;flex-direction:column;padding:14px 0 20px;gap:0}.toc-list a{display:flex;gap:10px;color:var(--muted);padding:9px 0;font-size:11px;line-height:1.6}.toc-list a span{font:9px/1.9 var(--mono);color:var(--muted);min-width:18px}.toc-list a:hover,.toc-list a.current{color:var(--red)}.toc-list a.current{font-weight:600}.contents-aside{border-top:1px solid var(--line);padding-top:19px}.contents-aside p{font:italic 12px/1.9 var(--serif);color:var(--muted)}.contents-aside button{font-size:10px;color:var(--link)}.sidebar-edition{font:8px var(--mono);color:var(--muted);letter-spacing:1px;margin-top:34px;line-height:2}.wiki-article{min-width:0}.article-kicker{font:8px var(--mono);letter-spacing:1.5px;color:var(--red);margin:6px 0 15px;display:flex;align-items:center;gap:10px}.article-kicker:before{content:'';width:19px;height:1px;background:var(--red)}.article-title{font:500 clamp(30px,2.8vw,43px)/1.28 var(--serif);letter-spacing:-1.5px;margin:0 0 15px;outline:none}.article-subtitle{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}.article-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px}.article-tabs{display:flex;align-items:center;gap:21px;min-width:0;overflow:auto}.article-tabs button{background:none;color:var(--muted);font-size:10px;white-space:nowrap;padding:15px 0 12px;border-bottom:2px solid transparent}.article-tabs button.selected{color:var(--text);border-color:var(--red)}.copy-link{background:none;color:var(--muted);font-size:15px;padding:7px;flex-shrink:0}.article-notice{display:flex;align-items:start;gap:12px;background:var(--panel);border-left:2px solid var(--red);padding:12px 14px;font-size:10px;line-height:1.8;margin:23px 0;color:var(--muted)}.article-notice b{display:block;color:var(--text);font-size:10px;font-weight:500}.article-notice>span{font:18px var(--serif);color:var(--red)}.reading-body{font-size:13px;line-height:1.95;color:var(--text);outline:none}.reading-body p{margin:13px 0}.reading-body .lead{font-size:14px;line-height:2}.reading-body strong{font-weight:600}.reading-body h2{font:400 24px/1.5 var(--serif);letter-spacing:-.7px;padding-bottom:9px;border-bottom:1px solid var(--line);margin:33px 0 15px;display:flex;gap:12px;align-items:center}.reading-body h2 span{font:9px var(--mono);color:var(--muted)}.reading-body h3{font:500 17px/1.6 var(--serif);margin:15px 0 8px}.reading-body section{scroll-margin-top:24px}.reading-body a,.reading-body .source-link{color:var(--link)}.reference{border:0;background:none;color:var(--link);padding:0 2px;font:10px var(--sans);vertical-align:super;line-height:1;cursor:pointer}.reference:hover{text-decoration:underline}.document-quote{position:relative;margin:24px 0;padding:4px 0 4px 21px;border-left:1px solid var(--red)}.document-quote p{font:italic 19px/1.8 var(--serif);color:var(--text);margin:0}.document-quote cite{font:8px var(--mono);color:var(--muted);display:block;margin-top:11px;letter-spacing:.5px}.editor-note{font-size:11px;line-height:1.9;background:var(--panel);padding:14px 17px;margin:18px 0;color:var(--muted)}.editor-note strong{color:var(--red);font:9px var(--mono);display:block;margin-bottom:5px;letter-spacing:1px}.wiki-timeline{margin-top:24px;padding-left:20px;border-left:1px solid var(--line)}.wiki-timeline>div{position:relative;margin-bottom:24px}.wiki-timeline>div:before{content:'';position:absolute;left:-25px;top:7px;width:7px;height:7px;background:var(--bg);border:1px solid var(--red);border-radius:50%}.wiki-timeline small{font:9px var(--mono);color:var(--red)}.wiki-timeline h3{font-size:16px;margin:7px 0}.wiki-timeline p{font-size:12px;color:var(--muted);margin-top:5px}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:19px 0}.evidence-preview{background:var(--panel);border:1px solid var(--line);text-align:left;color:var(--text);padding:0}.mini-document{height:96px;display:flex;align-items:center;justify-content:center;background:var(--surface);overflow:hidden}.mini-sheet{display:block;background:var(--panel);border:1px solid var(--line);width:77px;height:84px;transform:rotate(-6deg) translateY(13px);padding:13px}.mini-sheet i{display:block;height:3px;background:var(--muted);opacity:.4;margin:7px 0}.mini-sheet i:nth-child(2){width:65%}.mini-video{height:96px;background:var(--panel);display:flex;align-items:center;justify-content:center;font:26px var(--serif);color:var(--muted)}.evidence-preview>span:last-child{display:block;border-top:1px solid var(--line);padding:11px;font-size:10px;line-height:1.6}.evidence-preview small{display:block;font:8px var(--mono);color:var(--muted);margin-top:5px}.open-question{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.open-question span{font:8px var(--mono);color:var(--red);margin-right:10px}.references-list{padding-left:24px;font-size:11px;line-height:1.9}.references-list li{padding:7px 0 7px 4px}.source-link{padding:0;background:none;font:inherit;text-decoration:underline;text-underline-offset:3px;text-align:left}.reading-end{border-top:1px solid var(--line);margin-top:32px;padding-top:15px;font:8px/1.9 var(--mono);color:var(--muted);display:flex;justify-content:space-between;gap:15px}.wiki-info{padding-top:9px}.info-box{border:1px solid var(--line);background:var(--surface)}.info-box-heading{padding:15px 15px 11px;text-align:center}.info-box-heading>span{display:block;font:7px var(--mono);letter-spacing:1.8px;color:var(--muted);margin-bottom:7px}.info-box-heading strong{font:500 20px var(--serif);letter-spacing:1px}.info-illustration{height:146px;margin:0 11px;position:relative;overflow:hidden;background:#d8d4c7;filter:grayscale(1) sepia(.25)}.info-illustration .building{left:20%;width:65%;height:180px;top:35px}.info-caption{font-size:8px;text-align:center;line-height:1.6;color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--line)}.info-box dl{padding:1px 13px;margin:0}.info-box dl>div{display:grid;grid-template-columns:85px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px;line-height:1.8}.info-box dl>div:last-child{border:0}.info-box dt{color:var(--muted)}.info-box dd{margin:0}.info-stamp{color:var(--red);border:double 3px var(--red);margin:12px 24px 20px;text-align:center;transform:rotate(-4deg);padding:7px 5px;font:500 10px var(--mono);letter-spacing:1px}.info-stamp small{display:block;font-size:6px;margin-top:4px;letter-spacing:.5px}.proof-box{margin-top:25px;border-top:2px solid var(--text);padding-top:12px}.proof-box h3{font:500 16px var(--serif);margin:0 0 15px}.proof-box .kv{font-size:9px;padding:9px 0}.proof-box .kv span:last-child{max-width:130px}.proof-box p{font-size:9px;line-height:1.9;color:var(--muted)}.proof-box .text-button{font-size:9px;color:var(--link);border-bottom:1px solid var(--line);padding:10px 0;width:100%;justify-content:space-between}.right-note{font:italic 14px/1.8 var(--serif);color:var(--muted);margin:26px 0 0;padding:0 13px}.right-note small{display:block;font:8px var(--mono);margin-top:10px}.mobile-contents{display:none}.source-register{counter-reset:source}.source-register article{border-bottom:1px solid var(--line);padding:20px 0}.source-register .source-type{font:8px var(--mono);color:var(--red);letter-spacing:1px}.source-register h3{font-size:17px}.source-register p{font-size:11px;color:var(--muted)}.source-register .text-button{font-size:10px;color:var(--link)}.history-entry{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.history-entry .version{font:16px var(--serif);color:var(--red)}.history-entry small{font:8px var(--mono);color:var(--muted)}.history-entry h3{margin:0 0 8px;font-size:16px}.history-entry p{font-size:11px;color:var(--muted);margin:5px 0}.diff-toggle{font-size:10px;color:var(--link);margin-top:10px;cursor:pointer}.diff-line{display:block;margin:8px 0;font:11px/1.9 var(--mono);padding:9px 12px;background:var(--panel);text-decoration:none}.diff-line.deleted{text-decoration:line-through;color:var(--muted)}.diff-line.added{border-left:2px solid var(--red)}.discussion-thread{padding:17px 0;border-bottom:1px solid var(--line)}.discussion-meta{display:flex;gap:10px;font:8px var(--mono);color:var(--muted)}.discussion-thread p{font-size:12px}.discussion-thread strong{font-size:11px;font-weight:500}.discussion-form{margin-top:25px}.discussion-form label{font-size:11px}.discussion-form textarea{min-height:110px;resize:vertical;line-height:1.8}.discussion-form .button-primary{margin-top:12px}.proof-step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.proof-step>span{font:18px var(--serif);color:var(--red)}.proof-step h3{margin:0;font-size:16px}.proof-step p{font-size:11px;color:var(--muted);margin:7px 0}.check-result{font:11px/1.9 var(--sans);color:var(--red);margin:14px 0}.empty-route{padding:80px 40px;text-align:center}.empty-route h1{font:32px var(--serif)}

.info-illustration.case-art{width:auto}
.footer-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:9px}.footer-links .text-button{font-size:9px}.footer-links a:hover{color:var(--red)}
/* Existing OTP and Cryptomus flows inherit both reading themes. */
dialog{background:var(--surface);color:var(--text);border-color:var(--line)}dialog h2{font:400 28px/1.5 var(--serif)}dialog p,dialog li{color:var(--muted)}.notice{background:var(--panel);color:var(--text);border-color:var(--red)}.detail-tags{color:var(--red)}.form-input{background:var(--bg);border-color:var(--line);color:var(--text)}.plan{background:var(--panel);border-color:var(--line);color:var(--text)}.plan.selected{border-color:var(--red);color:var(--red)}.status-message{color:var(--red)}.dialog-quote{font:italic 18px/1.9 var(--serif);border-left:1px solid var(--red);padding-left:18px;margin:23px 0}.copy-field{font:10px var(--mono);word-break:break-all}.reading-body .fine{font-size:10px!important}

@media(min-width:1441px){body{max-width:1512px}}
@media(max-width:1200px){.header{padding:0 30px}.header nav{gap:18px}.header-actions{gap:12px}.wiki-layout{grid-template-columns:140px minmax(0,1fr) 230px;gap:25px;padding:28px 30px 45px}.article-breadcrumb{padding-left:30px;padding-right:30px}.article-tabs{gap:15px}.intro-layout{padding-left:30px;padding-right:30px}.library-intro{padding-left:32px;padding-right:32px}.demo-strip,.featured-reading{margin-left:32px;margin-right:32px}.info-box dl>div{grid-template-columns:72px 1fr;font-size:8px}.article-title{font-size:35px}.reading-body{font-size:12px}.reading-body .lead{font-size:13px}}
@media(max-width:1000px){.header nav{display:none}.wiki-layout{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.wiki-contents{display:none}.mobile-contents{display:block;border-bottom:1px solid var(--line);margin-bottom:20px;padding:12px 0;font-size:11px}.mobile-contents summary{cursor:pointer;color:var(--muted)}.mobile-contents .toc-list{display:grid;grid-template-columns:1fr 1fr;padding-bottom:0}.article-title{font-size:37px}.featured-reading{gap:20px}.margin-note{display:none}.intro-layout{padding-left:5px;padding-right:5px;gap:30px}.intro-layout h1{font-size:53px}.article-breadcrumb .breadcrumb-end{display:none}.reading-body{font-size:13px}}
@media(max-width:700px){.header{height:81px;padding:0 20px}.brand{font-size:19px;gap:9px}.brand small{font-size:5px;letter-spacing:1px}.brand-mark{width:33px;height:37px;font-size:19px;letter-spacing:-5px}.header-actions{gap:12px}.theme-toggle{font-size:9px}.login{padding:9px;font-size:9px}.login span{display:none}.library-intro{padding:18px 24px 25px}.edition-line{font-size:6px;letter-spacing:1px;gap:15px}.intro-layout{grid-template-columns:1fr 135px;gap:15px;padding:28px 0 5px}.intro-layout h1{font-size:40px;letter-spacing:-1.7px}.intro-layout .eyebrow{font-size:6px;letter-spacing:.6px;gap:6px}.intro-layout p{font-size:10px}.intro-layout p br{display:none}.intro-link{font-size:9px;gap:14px}.notebook{width:123px;height:182px;padding:20px 14px 15px 21px}.notebook strong{font-size:29px;margin-top:15px}.notebook-top{font-size:4px;letter-spacing:.5px}.notebook em{font-size:6px}.notebook-rule{margin:10px 0}.notebook-foot{left:21px;bottom:12px;font-size:4px;letter-spacing:1px}.notebook:after{right:10px;width:5px}.demo-strip,.featured-reading{margin-left:24px;margin-right:24px}.demo-strip{font-size:9px}.featured-reading{flex-wrap:wrap;gap:13px;padding:21px 0}.featured-reading>.eyebrow{width:100%;font-size:7px}.featured-reading>a{gap:13px}.featured-reading h2{font-size:17px;line-height:1.5}.featured-reading p{font-size:9px;line-height:1.8}.featured-code{font-size:28px}.featured-arrow{font-size:20px}.case-art{height:160px}.wiki-layout{grid-template-columns:1fr;padding:23px 24px 40px;gap:35px}.article-breadcrumb{padding:22px 24px 0;font-size:8px}.article-title{font-size:34px;line-height:1.35;letter-spacing:-1.1px}.article-kicker{font-size:7px}.article-tabs{gap:19px}.article-tabs button{font-size:10px}.article-tools{gap:6px}.article-notice{margin:20px 0}.reading-body{font-size:13px}.reading-body .lead{font-size:14px}.reading-body h2{font-size:23px}.wiki-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:24px}.proof-box{margin-top:0}.right-note{display:none}.info-box-heading strong{font-size:18px}.info-box dl>div{display:block;font-size:9px;padding:8px 0}.info-box dt{font-size:8px;margin-bottom:3px}.info-illustration{height:110px}.info-stamp{margin:15px 10px;font-size:8px}.info-stamp small{font-size:5px}.info-caption{font-size:7px}.proof-box h3{font-size:15px}.proof-box .kv{display:block}.proof-box .kv span{display:block}.proof-box .kv span:last-child{text-align:left;max-width:none;margin-top:5px}.proof-box .text-button{line-height:1.8;text-align:left}.reading-end{font-size:7px}.manifesto h2{font-size:27px}.support h2{font-size:25px}}
@media(max-width:380px){.theme-toggle #theme-label{display:none}.intro-layout{grid-template-columns:1fr 110px}.notebook{transform:scale(.85) rotate(6deg);transform-origin:center}.intro-layout h1{font-size:34px}.article-tabs{gap:12px}.article-title{font-size:30px}.copy-link{padding:4px}.wiki-layout{padding-left:20px;padding-right:20px}.header-actions{gap:8px}}