/* Stone & sage: an alternate appearance over the existing application. */
.has-appearance-comparison body>footer{height:auto;min-height:47px;padding:8px 24px;flex-wrap:wrap}
.appearance-comparison{display:flex;align-items:center;gap:5px;margin-left:24px;letter-spacing:0;font:12px/1.2 Arial,Helvetica,sans-serif}
.appearance-comparison a{padding:7px 12px;border:1px solid transparent;border-radius:2px;color:#c9c3b6}
.appearance-comparison a:hover{border-color:#aa9b7377}
.appearance-comparison a[aria-current='true']{color:#f3e8cc;border-color:#ad997280;background:#ad99721a}
html[data-theme='stone']{color-scheme:dark;background:#46544c;--ink:#eee8d9;--muted:#ccd0bf;--line:#c3b68b55;--accent:#d3bc84;--red:#bba26b;--header:84px}
html[data-theme='stone'] body{background:#46544c;color:var(--ink)}
html[data-theme='stone'] .view{min-height:calc(100dvh - var(--header) - 47px)}
html[data-theme='stone'] .backdrop{inset:var(--header) 0 0;background-color:#4c5a50;background-image:linear-gradient(90deg,#36443eff 0%,#4c5a50ff 40%,#586557ff 73%,#58664ac9 84%,#3d533930 100%),url('../assets/ui/stone-archive-window-v1.avif');background-size:100% 100%,auto 123%;background-position:center,right 44%;background-repeat:no-repeat}
html[data-theme='stone'] .backdrop:before{content:'';position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
html[data-theme='stone'] .backdrop:after{background:linear-gradient(0deg,#25372c80,transparent 45%),radial-gradient(ellipse at 44% 15%,#ddd1ac12,transparent 60%)}
html[data-theme='stone'] .haze{background:radial-gradient(ellipse at 5% 5%,#eddcaa0b,transparent 56%)}
html[data-theme='stone'] .haze:before{content:'';position:absolute;width:min(92vw,920px);height:min(92vw,920px);top:47%;left:45%;transform:translate(-50%,-50%) rotate(-9deg);opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='%23d2c59f' stroke-width='.7'%3E%3Ccircle cx='300' cy='300' r='261'/%3E%3Ccircle cx='300' cy='300' r='250' stroke-dasharray='1 9'/%3E%3Ccircle cx='300' cy='300' r='202'/%3E%3Ccircle cx='300' cy='300' r='152'/%3E%3Cpath d='M20 300h560M300 20v560M100 100l400 400M100 500l400-400M300 48l218 378H82ZM300 552L82 174h436Z'/%3E%3Cpath d='M300 118l27 155 155 27-155 27-27 155-27-155-155-27 155-27Z'/%3E%3Ccircle cx='300' cy='300' r='23'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme='stone'] .topbar{background:#303f36f2;border-bottom:1px solid #d1bd8463;box-shadow:0 4px 24px #26372b26;gap:clamp(26px,4vw,64px)}
html[data-theme='stone'] .brand-logo{width:195px;max-height:70px;filter:drop-shadow(0 2px 3px #15221a66)}
html[data-theme='stone'] .topbar nav{gap:3px;align-self:stretch}
html[data-theme='stone'] .topbar nav a{display:flex;align-items:center;padding:0 24px;color:#d0d4c5;font:13px/1 Arial,Helvetica,sans-serif;letter-spacing:.07em}
html[data-theme='stone'] .topbar nav a:before{clip-path:none;inset:15px 0;border:none}
html[data-theme='stone'] .topbar nav a[aria-current='page']{color:#f5edd6}
html[data-theme='stone'] .topbar nav a[aria-current='page']:before{background:linear-gradient(0deg,#c6b0802e,transparent);box-shadow:none;border-bottom:2px solid #d5bd84}
html[data-theme='stone'] .topbar nav a:hover{color:#fff5d9}
html[data-theme='stone'] .top-rule{background:linear-gradient(90deg,#d4c59a4d,transparent)}
html[data-theme='stone'] .menu-toggle{background:#77806c20;color:#f2eedc;border-color:#d1c39366;font:13px Arial,Helvetica,sans-serif;letter-spacing:.04em}
html[data-theme='stone'] .home{position:relative}
html[data-theme='stone'] .hero.hero-branded{padding:40px 24px 86px;gap:44px}
html[data-theme='stone'] .hero.hero-branded h1{width:min(1060px,80vw)}
html[data-theme='stone'] .hero-logo{filter:drop-shadow(0 22px 20px #20352688)}
html[data-theme='stone'] .action{background:linear-gradient(115deg,#a38d5a,#c5b587);border:1px solid #e3d5aa;color:#222e24;box-shadow:0 12px 34px #283b2b50;padding:17px 30px;font:600 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.13em}
html[data-theme='stone'] .action span{color:#344435}
html[data-theme='stone'] .action:hover{background:linear-gradient(115deg,#b7a170,#d4c395);border-color:#f3e5bc}
html[data-theme='stone'] .codex{max-width:1920px;grid-template-columns:minmax(210px,.66fr) minmax(390px,1.42fr) minmax(300px,1.12fr);grid-template-areas:'index reader art';gap:clamp(20px,2vw,38px);padding:clamp(32px,5.5vh,64px) clamp(28px,3.3vw,64px) 42px;align-items:stretch;min-height:calc(100dvh - var(--header) - 47px)}
html[data-theme='stone'] .catalog{grid-area:index;padding:23px 15px 14px 0;align-self:stretch;min-height:520px}
html[data-theme='stone'] .catalog-heading{margin-bottom:27px}
html[data-theme='stone'] .catalog h2{font-size:33px;font-style:normal;color:#f2ead6}
html[data-theme='stone'] .small-star{color:#d0b982}
html[data-theme='stone'] .search{background:#253b2d26;border:1px solid #c8c6a24d;padding:12px 10px;margin-bottom:2px}
html[data-theme='stone'] .search input{color:#f7f1de;font:13px/1.4 Arial,Helvetica,sans-serif}
html[data-theme='stone'] .search input::placeholder{color:#c3c9b6}
html[data-theme='stone'] .search svg{stroke:#d2caa8}
html[data-theme='stone'] .catalog-tree{margin-top:22px;max-height:calc(100dvh - 315px);scrollbar-color:#c1b78b66 transparent}
html[data-theme='stone'] .group-heading{background:transparent;border-bottom:1px solid #c2c5a93b;font:13px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.045em;padding:16px 4px;color:#e1e5d4}
html[data-theme='stone'] .group-heading span:first-child{color:#d5bd82}
html[data-theme='stone'] .group-heading:disabled{opacity:1;color:#ccd4be}
html[data-theme='stone'] .entry-button{font:13px/1.5 Arial,Helvetica,sans-serif;color:#e2e4d6;padding:13px 12px 13px 28px}
html[data-theme='stone'] .entry-button[aria-current='true']{border-color:#ceb77a88;background:linear-gradient(90deg,#beaa7552,#aaa06c14);box-shadow:inset 2px 0 #dac794;color:#fff9e4}
html[data-theme='stone'] .entry-button:hover{background:#d4c39020;color:#fff7db}
html[data-theme='stone'] .entry-button:before{color:#dbc489}
html[data-theme='stone'] .catalog-controls button{font:12px Arial,Helvetica,sans-serif;background:#394c3fc9;border-color:#bdb48865;color:#e7e3cf}
html[data-theme='stone'] .reader{grid-area:reader;align-self:stretch;height:clamp(510px,71vh,820px);padding:0;background:linear-gradient(125deg,#445149f0,#344339f2);border:1px solid #c1b38469;box-shadow:0 14px 40px #2b3e2a38;overflow:hidden}
html[data-theme='stone'] .reader-frame{opacity:.27}
html[data-theme='stone'] .reader-seal,html[data-theme='stone'] .reader-foot{display:none}
html[data-theme='stone'] .reader-scroll{height:100%;padding:0 34px 30px;scrollbar-color:#c3b88980 #263c2a19}
html[data-theme='stone'] #entry-category{margin:0 -34px 31px;padding:13px 24px;min-height:44px;border-bottom:1px solid #d0bd8155;background:linear-gradient(90deg,#8d80567a,#796f4f59);color:#f3e6c5;font:600 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.19em}
html[data-theme='stone'] .reader h2{font-size:clamp(32px,2.8vw,45px);font-style:normal;line-height:1.17;color:#f4ecd9;margin:5px 0 20px}
html[data-theme='stone'] .subtitle{color:#d2c5a0;line-height:1.8;font:11px/1.8 Arial,Helvetica,sans-serif;letter-spacing:.13em}
html[data-theme='stone'] .title-rule{background:linear-gradient(90deg,#cbb8846b,transparent);margin:23px 0 25px}
html[data-theme='stone'] .prose{font-size:clamp(16px,1.14vw,19px);line-height:1.75;color:#e1e2d2}
html[data-theme='stone'] .reader blockquote{color:#ddd4b5;border-color:#c3ba8861;font-size:16px}
html[data-theme='stone'] .related-button{background:#b3a37220;border-color:#c5b58170;color:#f1e3c4;font:12px/1.4 Arial,Helvetica,sans-serif}
html[data-theme='stone'] .book-stage{grid-area:art;align-self:center;padding:24px 0;min-width:0}
html[data-theme='stone'] .book-button{width:105%;margin-left:-2.5%;position:relative}
html[data-theme='stone'] #book{filter:brightness(1.04) saturate(.80) drop-shadow(0 24px 20px #24332166)}
html[data-theme='stone'] .book-shadow{opacity:.55}
html[data-theme='stone'] footer{background:#304335ef;border-top-color:#d5c19154;color:#ced0b9}
html[data-theme='stone'] .appearance-comparison a{color:#dedfca}
html[data-theme='stone'] .appearance-comparison a[aria-current='true']{color:#fff0c9;background:#ae9b6140;border-color:#d0bb8480}
html[data-theme='stone'] .search-message{color:#e9e1c7}
html[data-theme='stone'] dialog{background:#3a483def;border-color:#c7b98199;box-shadow:0 25px 80px #263c2c88}
html[data-theme='stone'] dialog::backdrop{background:#283e2e99}
html[data-theme='stone'] .dialog-close{border-color:#cbbc8588}
html[data-theme='stone'] .map-viewport{background:#3548399c;border-color:#bfb68770}
html[data-theme='stone'] .map-controls button,html[data-theme='stone'] #map-detail button{background:#425340;border-color:#bead7977}
html[data-theme='stone'] #map-detail{background:#3b4b3cea;border-color:#cfba8c70}
@media(min-width:1800px){html[data-theme='stone'] .reader{height:740px}}
@media(max-width:1150px) and (min-width:681px){html[data-theme='stone'] .codex{grid-template-columns:220px minmax(0,1fr);grid-template-areas:'index reader' 'index art';gap:24px}html[data-theme='stone'] .reader{height:auto;min-height:470px}html[data-theme='stone'] .catalog{min-height:0}html[data-theme='stone'] .book-stage{max-width:620px;justify-self:center;width:100%}html[data-theme='stone'] .book-button{width:100%;margin:0}html[data-theme='stone'] .topbar{gap:22px}html[data-theme='stone'] .topbar nav a{padding:0 18px}}
@media(max-width:680px){html[data-theme='stone']{--header:72px}html[data-theme='stone'] .topbar{padding:0 20px}html[data-theme='stone'] .brand-logo{width:160px;max-height:58px}html[data-theme='stone'] .topbar nav{background:#35493cf5;gap:7px}html[data-theme='stone'] .topbar nav a{padding:16px 20px}html[data-theme='stone'] .topbar nav a:before{inset:0}html[data-theme='stone'] .backdrop{background-size:100% 100%,auto 100%;background-image:linear-gradient(90deg,#3d5044ee,#52624ac9),url('../assets/ui/stone-archive-window-v1.avif')}html[data-theme='stone'] .haze:before{left:50%;top:40%;width:130vw;height:130vw;opacity:.1}html[data-theme='stone'] .hero.hero-branded{padding:50px 14px 72px;gap:30px}html[data-theme='stone'] .hero.hero-branded h1{width:100%;max-width:100%}html[data-theme='stone'] .action{padding:15px 22px;font-size:11px}html[data-theme='stone'] .action span{margin-left:18px}html[data-theme='stone'] .codex{display:flex;flex-direction:column;gap:27px;padding:28px 20px 32px}html[data-theme='stone'] .catalog{padding:0;min-height:0;width:100%}html[data-theme='stone'] .catalog-heading{margin-bottom:18px}html[data-theme='stone'] .catalog-tree{max-height:230px;margin-top:12px}html[data-theme='stone'] .group-heading{padding:12px 4px}html[data-theme='stone'] .reader{width:100%;height:auto;min-height:340px}html[data-theme='stone'] .reader-scroll{padding:0 24px 28px;max-height:none;overflow:visible}html[data-theme='stone'] #entry-category{margin:0 -24px 26px}html[data-theme='stone'] .reader h2{font-size:34px}html[data-theme='stone'] .book-stage{width:100%;padding:8px 0}html[data-theme='stone'] .book-button{width:100%;margin:0}.has-appearance-comparison body>footer{gap:11px;padding:13px 16px}.appearance-comparison{justify-content:center;width:100%;margin:2px 0 0}}