/* Hollowmere — giao diện. Màu lấy từ logo; mọi giá trị dùng biến trong :root. */

@font-face{font-family:"Archivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo.viet.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:500 700;font-display:swap;src:url(fonts/playfair-i.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:500 700;font-display:swap;src:url(fonts/playfair-i.viet.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
/* chữ dự phòng chỉnh cỡ gần Archivo → ít nhảy chữ khi font tải xong */
@font-face{font-family:"Archivo-alt";font-weight:400 600;src:local("Arial");size-adjust:97.4%;ascent-override:90.3%;descent-override:21.6%}
@font-face{font-family:"Archivo-alt";font-weight:700 800;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:101.2%;ascent-override:87%;descent-override:20.8%}

:root{
  --ink:#140E0C;--pnl:#1E1512;--pnl-hi:#2A1D18;--rule:#3F2D25;
  --gold:#E2B27C;--cream:#F5E6D1;--dim:#B39C88;
  --plum:#3E2E4F;--plum-soft:#C9B8D6;--ember:#D5401E;--on-gold:#1A0F0A;
  --f-sans:"Archivo","Archivo-alt",Arial,sans-serif;
  --f-serif:"Playfair Display",Georgia,serif;
  --size-h1:clamp(1.75rem,1.15rem + 2.6vw,3.25rem);
  --size-h2:clamp(1.375rem,1.1rem + 1.2vw,2rem);
  --size-h3:1.125rem;--size-base:1rem;--size-small:.875rem;--size-tag:.75rem;--size-aside:1.0625rem;
  --rise-snug:1.14;--rise-head:1.22;--rise-text:1.65;
  --ls-lbl:.14em;--ls-h:-.01em;
  --w-body:400;--w-mid:600;--w-bold:700;--w-black:800;
  --room-1:4px;--room-2:8px;--room-3:12px;--room-4:16px;--room-5:24px;--room-6:32px;--room-7:48px;
  --pad-pnl:clamp(20px,4vw,48px);--gap-pnl:clamp(12px,1.6vw,20px);
  --wrap:1200px;--side:clamp(12px,3vw,32px);--prose:68ch;
  --bend-s:8px;--bend-m:14px;--bend-l:20px;--bend-round:999px;--bend-slab:clamp(18px,2.4vw,28px);
  --hdr-h:64px;--hdr-h-lg:76px;--logo-h:44px;--logo-h-lg:56px;--tap:44px;
  /* giữ chỗ khối của plugin (số đo từ CSS của plugin) */
  --slot-btn:44px;--slot-btn-gap:8px;--slot-btn-my:10px;--slot-cta:64px;--slot-cta-xs:116px;
  --slot-reel:100px;--slot-reel-sm:80px;--slot-cf:80px;--slot-cf-sm:60px;--slot-cf-tab:21px;
  --app-btn-h:48px
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--cream);font:var(--w-body) var(--size-base)/var(--rise-text) var(--f-sans)}
/* catfish của plugin (position:fixed) đang hiện → chừa đáy; bấm Đóng (plugin gắn display:none) → trả lại khoảng trống */
body:has(>[role=complementary]:not([style*=none])){padding-bottom:calc(var(--slot-cf-sm) + var(--slot-cf-tab))}
@media (min-width:481px){body:has(>[role=complementary]:not([style*=none])){padding-bottom:calc(var(--slot-cf) + var(--slot-cf-tab))}}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--bend-s)}
h1,h2,h3{font-family:var(--f-sans);margin:0;letter-spacing:var(--ls-h)}
p{margin:0 0 var(--room-4)}
.bypass{position:absolute;left:-999px;top:0}
.bypass:focus{left:var(--room-4);top:var(--room-2);z-index:60;background:var(--gold);color:var(--on-gold);padding:var(--room-2) var(--room-4);border-radius:var(--bend-round)}
.bounds{max-width:var(--wrap);margin-left:auto;margin-right:auto;padding-left:var(--side);padding-right:var(--side)}
.ital{font-family:var(--f-serif);font-style:italic;font-weight:500;letter-spacing:0}

/* ── Đầu trang ── */
.crown{position:sticky;top:0;z-index:40;background:var(--ink);border-bottom:1px solid var(--rule)}
.crown-in{height:var(--hdr-h);display:flex;align-items:center;gap:var(--room-5)}
.sigil{display:block;flex:none}
.sigil img{height:var(--logo-h);width:auto}
.lanes{display:none}
.lanes ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--room-5)}
.lanes a{color:var(--dim);text-decoration:none;font-size:var(--size-tag);font-weight:var(--w-mid);letter-spacing:var(--ls-lbl);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--room-2);min-height:var(--tap)}
.lanes a:hover,.lanes a[aria-current]{color:var(--cream)}
.lanes a[aria-current]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ember)}
.crown-act{display:none;margin-left:auto}
.pullkey{margin-left:auto;display:inline-flex;align-items:center;gap:var(--room-2);min-height:var(--tap);padding:0 var(--room-4);background:none;border:1px solid var(--rule);border-radius:var(--bend-round);color:var(--cream);font:var(--w-mid) var(--size-tag)/1 var(--f-sans);letter-spacing:var(--ls-lbl);text-transform:uppercase;cursor:pointer}
.pullkey i{display:block;width:16px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
.pullkey i::after{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor}
.pullkey[aria-expanded=true] i{border-color:transparent}
.pullkey[aria-expanded=true] i::after{transform:rotate(45deg)}
.pullkey[aria-expanded=true] i::before{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor;transform:rotate(-45deg)}
.drawer{border-top:1px solid var(--rule);background:var(--pnl);padding:var(--room-4) var(--side) var(--room-5)}
.drawer[hidden]{display:none}
.drawer ul{list-style:none;margin:0 0 var(--room-3);padding:0}
.drawer li a{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--rule);color:var(--cream);text-decoration:none;font-size:var(--size-h3);font-weight:var(--w-bold)}
.drawer li a[aria-current]{color:var(--gold)}
.drawer li a::after{content:"→";color:var(--dim);font-weight:var(--w-body)}

/* ── 2 nút của plugin: theme tự vẽ (plugin in <div><a><span>…</span></a><a>…</a></div>) ── */
.twin{min-height:var(--slot-cta);max-width:460px}
.twin>div{display:flex;gap:var(--slot-btn-gap);margin:var(--slot-btn-my) 0}
.twin a{display:grid;place-items:center;flex:1 1 0;block-size:var(--slot-btn);padding-inline:var(--room-4);border-radius:var(--bend-round);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font:var(--w-bold) var(--size-small)/1 var(--f-sans);white-space:nowrap;overflow:hidden}
.twin a>span{overflow:hidden;line-height:1.5} /* line-height 1 cắt mất dấu chữ hoa (À, Ậ) */
.twin a:first-child{background:var(--gold);color:var(--on-gold)}
.twin a:last-child{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold)}
.twin a:first-child:hover{background:var(--cream)}
.twin a:last-child:hover{background:var(--pnl-hi)}
.crown-act.twin{min-height:var(--slot-btn);max-width:none}
.crown-act.twin>div{margin:0}

/* ── Khối ── */
.stack{display:grid;gap:var(--gap-pnl);padding-top:var(--gap-pnl)}
.stack>*{min-width:0}
.slab{background:var(--pnl);border:1px solid var(--rule);border-radius:var(--bend-slab);padding:var(--pad-pnl);min-width:0}
.slab-head{margin-bottom:var(--room-5);display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--room-2) var(--room-5)}
.whisper{font-family:var(--f-serif);font-style:italic;font-size:var(--size-aside);color:var(--dim)}
.whisper::before{content:"— "}
.caps{font-size:var(--size-tag);font-weight:var(--w-mid);letter-spacing:var(--ls-lbl);text-transform:uppercase;color:var(--dim)}

/* ── Mở đầu trang chủ ── */
.opening h1{font-size:var(--size-h1);line-height:var(--rise-snug);font-weight:var(--w-black);text-transform:uppercase;color:var(--gold);max-width:22ch}
.opening-meta{display:flex;align-items:center;gap:var(--room-3);margin-bottom:var(--room-4)}
.opening-meta::before{content:"";flex:none;width:28px;height:2px;background:var(--ember)}
.opening-grid{display:grid;gap:var(--room-5);margin-top:var(--room-5)}
.opening-grid>*{min-width:0}
.lede p{color:var(--cream)}
.lede strong{font-weight:inherit} /* sapo bọc <strong> trong bài → hiện chữ thường như bản mẫu */
.opening-pic{margin:0;border-radius:var(--bend-l);overflow:hidden;background:var(--pnl-hi);aspect-ratio:4/3;display:grid;place-items:center}
.opening-pic img{width:100%;height:100%;object-fit:cover}
.opening-pic img.fit{width:78%;height:auto;object-fit:contain}
@media (min-width:900px){
  .opening-grid{grid-template-columns:7fr 5fr;align-items:start;gap:var(--room-7)}
  .opening-pic{order:-1}
  .lede p{font-size:1.0625rem}
}

/* ── Slider plugin ── */
.reel{min-height:var(--slot-reel-sm);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow:hidden}
@media (min-width:768px){.reel{min-height:var(--slot-reel)}}

/* ── Mục H2 trang chủ ── */
.quest h2,.slab-title{font-size:var(--size-h2);line-height:var(--rise-head);font-weight:var(--w-black);color:var(--cream);max-width:26ch}
.quest-body{display:grid;gap:var(--room-5)}
.quest-body>*{min-width:0}
.quest-txt{max-width:var(--prose)}
.slab-head>h2,.opening h1,.tally-title,.tally-ex,.shelf-desc{overflow-wrap:anywhere} /* chữ trong ô lưới/flex: anywhere mới co được ô 1fr */
.lede,.quest-txt,.asks{overflow-wrap:break-word} /* link dài không khoảng trắng trong bài trang chủ → xuống dòng, không tràn ngang */
.quest-txt>:last-child{margin-bottom:0}
.quest-pic{margin:0}
.quest-pic img,.quest-pic .blank{border-radius:var(--bend-l);width:100%}
.quest-pic figcaption{font-family:var(--f-serif);font-style:italic;color:var(--dim);font-size:var(--size-small);margin-top:var(--room-2)}
@media (min-width:900px){
  .quest-body{grid-template-columns:7fr 5fr;gap:var(--room-7);align-items:start}
  .quest-pic{position:sticky;top:calc(var(--hdr-h-lg) + var(--room-5))}
}
.quest-txt ul{list-style:none;padding:0;margin:0 0 var(--room-4)}
.quest-txt ul li{position:relative;padding:var(--room-2) 0 var(--room-2) var(--room-5);border-bottom:1px solid var(--rule)}
.quest-txt ul li::before{content:"";position:absolute;left:2px;top:1.05em;width:7px;height:7px;border-radius:50%;background:var(--ember)}
.quest-txt li strong{color:var(--gold)}
.quest-txt ol{padding-left:var(--room-5);margin:0 0 var(--room-4)}

/* các bước: danh mục kẻ ngang, số nghiêng */
.quest-txt ul.ladder{counter-reset:st}
.quest-txt ul.ladder li{counter-increment:st;display:grid;grid-template-columns:44px 1fr;gap:var(--room-3);padding:var(--room-4) 0;border-bottom:0;border-top:1px solid var(--rule)}
.quest-txt ul.ladder li:last-child{border-bottom:1px solid var(--rule)}
.quest-txt ul.ladder li::before{content:counter(st);position:static;width:auto;height:auto;border-radius:0;background:none;font-family:var(--f-serif);font-style:italic;font-size:1.75rem;line-height:1;color:var(--gold)}
.quest-txt ul.ladder li>span{min-width:0}
.quest-txt ul.ladder li>span>strong:first-child{display:block;color:var(--cream)}

/* ảnh chưa có → ô trang trí, giữ đúng tỉ lệ */
.blank{display:block;aspect-ratio:16/9;background:var(--pnl-hi) repeating-linear-gradient(135deg,transparent 0 14px,var(--pnl) 14px 15px);border:1px solid var(--rule);border-radius:var(--bend-m)}

/* bảng */
.sidescroll{overflow-x:auto;margin:0 0 var(--room-4);border:1px solid var(--rule);border-radius:var(--bend-m)}
.sidescroll table{border-collapse:collapse;width:100%;min-width:440px;font-size:var(--size-small)}
.sidescroll th,.sidescroll td{text-align:left;padding:var(--room-3) var(--room-4);border-bottom:1px solid var(--rule);vertical-align:top}
.sidescroll th{background:var(--pnl-hi);color:var(--gold);font-weight:var(--w-bold);font-size:var(--size-tag);letter-spacing:var(--ls-lbl);text-transform:uppercase}
.sidescroll tr:last-child td{border-bottom:0}

/* ô lưu ý */
.headsup,.rich blockquote{margin:0 0 var(--room-5);padding:var(--room-4) var(--room-5);border-left:3px solid var(--ember);background:var(--pnl-hi);border-radius:0 var(--bend-m) var(--bend-m) 0}
.rich blockquote p:last-child{margin-bottom:0}

/* ── Khu tải app ── */
.quest--apk{background:var(--plum);border-color:var(--plum)}
.quest--apk .whisper{color:var(--plum-soft)}
.quest--apk .headsup{background:var(--ink)}
.stores{display:grid;gap:var(--room-3);margin:0 0 var(--room-4)}
.store{background:var(--ink);border-radius:var(--bend-l);padding:var(--room-5)}
.store h3{font-size:var(--size-h3);color:var(--gold);margin-bottom:var(--room-2)}
.store p{font-size:var(--size-small);color:var(--dim);margin-bottom:var(--room-4)}
.store-go{display:flex;align-items:center;justify-content:center;gap:var(--room-2);height:var(--app-btn-h);border-radius:var(--bend-round);background:var(--gold);color:var(--on-gold);font:var(--w-bold) var(--size-small)/1 var(--f-sans);text-decoration:none;white-space:nowrap;overflow:hidden}
.store-go:hover{background:var(--cream)}
.store-go::before{content:"↓";font-size:1.1em}
@media (min-width:560px){.stores{grid-template-columns:1fr 1fr}}

/* ── Danh sách bài (dòng kẻ) ── */
.tally{list-style:none;margin:0;padding:0}
.tally li{border-top:1px solid var(--rule)}
.tally li:last-child{border-bottom:1px solid var(--rule)}
.tally a{display:grid;grid-template-columns:1fr auto;gap:var(--room-1) var(--room-4);padding:var(--room-4) 0;text-decoration:none;color:var(--cream);align-items:center;min-height:var(--tap)}
.tally a:hover .tally-title{color:var(--gold)}
.tally-title{font-weight:var(--w-bold);font-size:var(--size-base);line-height:var(--rise-head)}
.tally-meta{grid-column:1;display:flex;gap:var(--room-3);align-items:center;font-size:var(--size-small);color:var(--dim)}
.tally-meta time{font-family:var(--f-serif);font-style:italic}
.arrowdot{grid-column:2;grid-row:1/3;width:36px;height:36px;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;color:var(--gold)}
.badge{display:inline-block;font-size:var(--size-tag);font-weight:var(--w-mid);letter-spacing:var(--ls-lbl);text-transform:uppercase;color:var(--gold);border:1px solid var(--rule);border-radius:var(--bend-round);padding:var(--room-1) var(--room-3);text-decoration:none;line-height:1.5}
@media (min-width:768px){
  .tally a{grid-template-columns:120px 1fr auto auto;padding:var(--room-5) 0}
  .tally-meta{display:contents}
  .tally-meta time{grid-column:1;grid-row:1}
  .tally-title{grid-column:2;grid-row:1}
  .tally-meta .badge{grid-column:3;grid-row:1}
  .arrowdot{grid-column:4;grid-row:1}
}
.tally--pic a{grid-template-columns:96px 1fr;align-items:start}
.tally-pic{grid-row:1/4;display:block;aspect-ratio:4/3;border-radius:var(--bend-s);overflow:hidden;background:var(--pnl-hi)}
.tally-pic img{width:100%;height:100%;object-fit:cover}
.tally--pic .tally-title,.tally--pic .tally-meta,.tally-ex{grid-column:2}
.tally-ex{color:var(--dim);font-size:var(--size-small);margin:0}
@media (min-width:768px){
  .tally--pic a{grid-template-columns:160px 1fr;grid-template-rows:auto auto 1fr}
  .tally--pic .tally-title{grid-column:2;grid-row:1}
  .tally--pic .tally-meta{display:flex;grid-row:2}
  .tally--pic .tally-ex{grid-row:3}
}

/* ── Hỏi đáp ── */
.asks{max-width:880px}
.asks details{border-top:1px solid var(--rule)}
.asks details:last-child{border-bottom:1px solid var(--rule)}
.asks summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:var(--room-4);align-items:center;padding:var(--room-4) 0;min-height:var(--tap)}
.asks summary h3{font-size:var(--size-base);font-weight:var(--w-bold);line-height:var(--rise-head);letter-spacing:0;color:inherit}
.asks summary::-webkit-details-marker{display:none}
.asks summary::after{content:"+";width:36px;height:36px;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;color:var(--gold);font-size:1.25rem}
.asks details[open] summary{color:var(--gold)}
.asks details[open] summary::after{content:"−";background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.reply{padding:0 var(--room-7) var(--room-4) 0}
.reply>:last-child{margin-bottom:0}
.reply img{border-radius:var(--bend-m);margin-bottom:var(--room-4)}

/* ── Chân trang ── */
.sole{margin-top:var(--gap-pnl)}
.sole .slab{display:grid;gap:var(--room-6)}
.sole-id img{height:var(--logo-h-lg);width:auto;margin-bottom:var(--room-3)}
.sole-id p{font-family:var(--f-serif);font-style:italic;color:var(--dim);max-width:34ch;margin:0}
.sole h2{font-size:var(--size-tag);font-weight:var(--w-mid);letter-spacing:var(--ls-lbl);text-transform:uppercase;color:var(--dim);margin-bottom:var(--room-3)}
.sole ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--room-2)}
.sole ul a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--room-4);border:1px solid var(--rule);border-radius:var(--bend-round);color:var(--cream);text-decoration:none;font-size:var(--size-small)}
.sole ul a:hover{border-color:var(--gold);color:var(--gold)}
.sole-by{margin:0}
.sole-by span{color:var(--dim)}
.sole-end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--room-2);padding:var(--room-5) 0;font-size:var(--size-small);color:var(--dim)}
@media (min-width:900px){.sole .slab{grid-template-columns:5fr 4fr 3fr;align-items:start}}

/* ── Bài viết · trang ── */
.piece{max-width:800px;margin:0 auto;width:100%}
.crumbline{font-size:var(--size-small);color:var(--dim);margin-bottom:var(--room-4)}
.crumbline ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--room-1) var(--room-2)}
.crumbline li{min-width:0;overflow-wrap:anywhere}
.crumbline li+li::before{content:"/";margin-right:var(--room-2);color:var(--rule)}
.crumbline a{color:var(--dim)}
.crumbline [aria-current]{color:var(--cream)}
.piece h1{font-size:clamp(1.625rem,1.2rem + 1.8vw,2.5rem);line-height:var(--rise-snug);font-weight:var(--w-black);color:var(--gold);margin:var(--room-3) 0 var(--room-4);overflow-wrap:anywhere}
.signed{display:flex;flex-wrap:wrap;gap:var(--room-1) var(--room-4);font-size:var(--size-small);color:var(--dim);padding:var(--room-3) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.signed b{color:var(--cream)}
.signed time{font-family:var(--f-serif);font-style:italic}
.cover{margin:var(--room-4) 0 var(--room-5)}
.cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--bend-l)}
.rich{font-size:1.0625rem;overflow-wrap:break-word}
.rich h2{font-size:var(--size-h2);line-height:var(--rise-head);font-weight:var(--w-black);color:var(--cream);margin:var(--room-7) 0 var(--room-4)}
.rich h3{font-size:var(--size-h3);line-height:var(--rise-head);font-weight:var(--w-bold);color:var(--gold);margin:var(--room-6) 0 var(--room-3)}
.rich ul,.rich ol{padding-left:var(--room-5);margin:0 0 var(--room-4)}
.rich li{margin-bottom:var(--room-2)}
.rich li::marker{color:var(--gold)}
.rich img{border-radius:var(--bend-m)}
.rich figure,.rich .wp-caption{margin:0 0 var(--room-5);max-width:100%!important;width:auto!important}
.rich figcaption,.rich .wp-caption-text{font-family:var(--f-serif);font-style:italic;color:var(--dim);font-size:var(--size-small);margin-top:var(--room-2)}
.rich .aligncenter{margin-left:auto;margin-right:auto}
.rich p>img{margin:0 0 var(--room-2)}
.rich .asks{margin-bottom:var(--room-5)}
.rich .asks summary h3{margin:0;color:inherit}
.penbox{display:grid;grid-template-columns:auto 1fr;gap:var(--room-4);align-items:center;margin-top:var(--room-7);padding:var(--room-5);border:1px solid var(--rule);border-radius:var(--bend-l)}
.penmark{width:56px;height:56px;border-radius:var(--bend-m);background:var(--plum);color:var(--gold);display:grid;place-items:center;font-family:var(--f-serif);font-style:italic;font-size:1.5rem}
.penbox p{margin:0;font-size:var(--size-small);color:var(--dim)}
.penbox b{display:block;color:var(--cream);font-size:var(--size-base)}

/* ── Chuyên mục · tìm kiếm · 404 ── */
.shelf h1{font-size:var(--size-h1);line-height:var(--rise-snug);font-weight:var(--w-black);text-transform:uppercase;color:var(--gold);margin:var(--room-2) 0 var(--room-3);overflow-wrap:anywhere}
.shelf-desc{color:var(--dim);max-width:var(--prose)}
.shelf-desc p:last-child{margin-bottom:0}
.pgnav{display:flex;flex-wrap:wrap;gap:var(--room-2);margin-top:var(--room-5)}
.pgnav a,.pgnav span{display:inline-grid;place-items:center;min-width:var(--tap);height:var(--tap);padding:0 var(--room-4);border:1px solid var(--rule);border-radius:var(--bend-round);text-decoration:none;color:var(--cream);font-size:var(--size-small)}
.pgnav span[aria-current]{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.pgnav .dots{border-color:transparent}
.nopost{color:var(--dim);margin:0}
.astray ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--room-2)}
.astray ul a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--room-4);border:1px solid var(--rule);border-radius:var(--bend-round);color:var(--cream);text-decoration:none;font-size:var(--size-small)}
.seek{display:flex;gap:var(--room-2);max-width:460px;margin-top:var(--room-4)}
.seek input{flex:1 1 auto;min-width:0;height:var(--tap);padding:0 var(--room-4);border:1px solid var(--rule);border-radius:var(--bend-round);background:var(--ink);color:var(--cream);font:inherit}
.seek button{height:var(--tap);padding:0 var(--room-5);border:0;border-radius:var(--bend-round);background:var(--gold);color:var(--on-gold);font:var(--w-bold) var(--size-small)/1 var(--f-sans);cursor:pointer}

/* ── Chỉnh riêng theo khổ màn hình — để CUỐI file (T-38) ── */
@media (min-width:1024px){
  .crown-in{height:var(--hdr-h-lg)}
  .sigil img{height:var(--logo-h-lg)}
  .lanes{display:block}
  .crown-act{display:block;width:320px}
  .pullkey,.drawer{display:none!important}
}
@media (max-width:360px){
  .twin{min-height:var(--slot-cta-xs)}
  .twin>div{flex-direction:column}
  .twin a{flex:none;width:100%}
}