/* Chess Combine palette, checked against its public home-v2.css on 2026-10-13. */
:root{color-scheme:dark;--ink:#f8e8c8;--navy:#070504;--emerald:#18100b;--red:#e8b867;--gold:#e8b867;--paper:#100b08;--muted:#c5b79e;--line:#e1aa5257;--cc-bright:#ffd48c}
body{background:#070504;color:var(--ink)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--cc-bright);outline-offset:4px}
.site-header{background:#0b0806;border-bottom-color:var(--line)}
.brand-title,.main-nav a:hover,.language-icon,.language-chevron{color:var(--cc-bright)}
.brand-subtitle{color:var(--muted)}
.language-control select{background:#18100b;border-color:var(--line);color:var(--ink);border-radius:6px}
.language-control option{background:#18100b;color:var(--ink)}
.hero{background:#070504;color:var(--ink)}
.hero-lead,.hero-foot{color:var(--muted)}
.hero-seal{background:#18100bf2;border-color:#e8b86788;color:var(--ink)}
.hero-art:after{background:linear-gradient(90deg,#070504,transparent 65%),linear-gradient(0deg,#070504aa,transparent 38%)}
html[dir=rtl] .hero-art:after{background:linear-gradient(270deg,#070504,transparent 65%),linear-gradient(0deg,#070504aa,transparent 38%)}
.button-gold,.button-red{background:linear-gradient(135deg,#d99d42,#f7d18b 52%,#e4ad55);border-color:#ffe1a7;color:#130c06;box-shadow:0 8px 24px #daa04126}
.button-gold:hover,.button-red:hover{background:#ffd48c;color:#130c06}
.button-gold,.button-red{transition:transform .18s,box-shadow .18s}
.release-notice{padding:16px 20px;border:1px solid var(--gold);background:#281c10;color:var(--ink);line-height:1.6;margin-bottom:24px}
.button-quiet,.text-link{color:var(--ink);border-color:var(--line)}
.button-quiet:hover{background:#3c2916}
.facts,.history,.authors-section{background:#18100b;color:var(--ink)}
.fact span,.history p,.author-grid p,.portrait-note{color:var(--muted)}
.fact strong,.history-foot,.author-number{color:var(--gold)}
.book-section,.download-section{background:#100b08}
.book-authors,.book-meta dt,.book-summary,.availability,.cover-caption,.download-intro>p,.download-footer{color:var(--muted)}
.cover-stage{background:radial-gradient(ellipse at top,#584020,#23160d);border-color:var(--line)}
.history-art,.authors-image,.author-portrait{background:#24180f;border-color:var(--line)}
.gallery-section{background:#0b0806}
.art-card figcaption span{color:var(--ink)}
.art-card figcaption small,.gallery-note{color:var(--muted)}
.art-expand{background:#18100bd9;color:var(--ink);border-color:var(--line)}
.download-card{background:#1d140e;border-color:var(--line);color:var(--ink)}
.format-row{border-color:var(--line)}
.format-info small,.selected-language,.format-unavailable{color:var(--muted)}
.format-icon,.download-action{color:var(--gold)}
.format-icon{background:#281c10}
.download-action:hover{background:#e8b867;color:#130c06}
.language-choice{background:#18100b;border-color:var(--line);color:var(--ink)}
.language-choice:hover,.language-choice[aria-current=true]{background:#3c2916;color:var(--cc-bright);border-color:var(--gold)}
.editorial,.site-footer{background:#070504;color:var(--muted);border-color:var(--line)}
.editor-name{color:var(--ink)}
.lightbox{background:#100b08;color:var(--ink)}
.lightbox::backdrop{background:#070504ed}
.lightbox-close,.lightbox-nav button{color:var(--ink)}
.volumes-section{background:radial-gradient(ellipse at 50% 0,#2a1b0e 0,transparent 800px),#0b0806;border-block:1px solid var(--line)}
.volume-card{background:#18100b;border-color:#e1aa5257;box-shadow:0 16px 38px #0006;transition:border-color .2s,box-shadow .2s}
.volume-card:hover{border-color:#e8b867aa;box-shadow:0 18px 45px #0009}
.volume-art{background:radial-gradient(ellipse at top,#533b20,#24170d);padding:24px 38px;border-bottom:1px solid var(--line)}
.volume-art img{box-shadow:8px 12px 22px #0009}
.volume-art figcaption{background:#100b08ed;color:var(--ink)}
.volume-kicker{color:var(--gold)}
.volume-body h3{color:var(--ink);font-size:1.6rem;line-height:1.22}
.volume-summary{color:var(--muted)}
.volume-download{background:#281c10;border-color:#e8b86777;color:#ffd48c}
.volume-download:hover{background:#e8b867;color:#130c06}
.volume-pending{border-color:var(--line)}
.volume-pending strong,.volume-pending a{color:var(--cc-bright)}
.volume-pending p{color:var(--muted)}
.download-status{color:var(--cc-bright)}
.available-languages{display:flex;flex-wrap:wrap;gap:4px 14px}
.volume-placeholder{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:24px 10px;border:1px solid #e8b86766;outline:1px solid #e8b86722;outline-offset:-9px;background:linear-gradient(145deg,#24180f,#100b08);color:var(--gold)}
.volume-placeholder img{width:85px;height:85px;object-fit:contain;aspect-ratio:auto;box-shadow:none}
.volume-placeholder>span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.volume-placeholder>bdi{font:3.7rem Georgia,serif;line-height:1}
.volume-placeholder>small{font:.85rem/1.4 Georgia,serif;color:var(--muted);max-width:200px}
.volume-future .volume-art{background:#17100b}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px;flex-wrap:wrap}
.library-toolbar>p{font-size:.8rem;color:var(--muted)}
.library-toolbar strong{color:var(--gold)}
.library-filters{display:flex;gap:10px;flex-wrap:wrap}
.library-filters button{border:1px solid var(--line);border-radius:5px;background:#18100b;color:var(--ink);padding:11px 17px;font-size:.8rem;min-height:44px}
.library-filters button[aria-pressed=true]{background:#e8b867;color:#130c06;border-color:#e8b867}
.library-filters bdi{margin-inline-start:8px;font-weight:bold}
@media(max-width:650px){.volume-art{padding:24px 40px}.volume-body h3{font-size:1.8rem}.hero-art:after,html[dir=rtl] .hero-art:after{background:linear-gradient(0deg,#070504d1,transparent 48%),linear-gradient(180deg,#07050459,transparent 25%)}.library-toolbar{align-items:flex-start}.library-filters button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.volume-card{transition:none}}
.founder-preface{background:radial-gradient(ellipse at 10% 30%,#39241155,transparent 65%),#100c08;padding:100px 0 110px;overflow:hidden}
.preface-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:70px;align-items:start}
.preface-portrait{position:sticky;top:90px;margin:35px -55px 0 -45px;align-self:start}
.preface-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 80%,transparent),linear-gradient(180deg,#000 75%,transparent 99%);mask-composite:intersect}
.preface-portrait figcaption{position:absolute;bottom:55px;left:15%;right:10%;text-shadow:0 2px 12px #000}
.preface-portrait figcaption span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}
.preface-portrait figcaption strong{font:1.7rem Georgia,serif;color:var(--ink)}
.preface-copy{position:relative;z-index:1}
.preface-copy h2{font-size:clamp(2.5rem,4.2vw,4.2rem);line-height:1.08;letter-spacing:-.025em;margin:20px 0 30px;color:var(--cc-bright)}
.preface-copy p{font-size:1rem;line-height:1.85;color:var(--muted);margin:0 0 20px}
.preface-copy .preface-lead{font:1.3rem/1.6 Georgia,serif;color:var(--ink)}
.preface-copy strong,.preface-copy a{color:var(--ink)}
.preface-copy a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold)}
.preface-copy .preface-sharing{border-left:2px solid var(--gold);padding-left:22px;margin-top:28px}
.preface-copy .preface-signature{margin:28px 0 0;color:var(--gold);font:italic 1.5rem/1.5 Georgia,serif}
.preface-signature span{display:block;font:1rem/1.5 Georgia,serif;color:var(--ink);margin-top:7px}
@media(max-width:1050px){.preface-layout{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.preface-portrait{margin:35px -25px 0}.preface-portrait figcaption{left:12%}.preface-portrait figcaption strong{font-size:1.35rem}}
@media(max-width:760px){.founder-preface{padding:35px 0 65px}.preface-layout{grid-template-columns:1fr;gap:10px}.preface-portrait{position:relative;top:auto;margin:0 -25px;max-width:560px;justify-self:center;align-self:auto}.preface-portrait img{max-height:600px;object-fit:cover;object-position:50% 25%}.preface-portrait figcaption{bottom:35px;left:16%}.preface-copy h2{font-size:2.7rem}.preface-copy .preface-lead{font-size:1.2rem}.preface-copy p{line-height:1.8}.preface-copy .preface-sharing{padding-left:18px}}
