/* Shared with the tools entrance: quiet paper tones and the original six guides. */
.cover.cover-editorial{border-radius:10px;background:#f3f0e9;min-height:260px;isolation:isolate}
.cover-editorial img{height:290px;object-fit:cover;object-position:right 52%}
.cover-editorial::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#f3f0e9f5,#f3f0e994 38%,transparent 75%);pointer-events:none}
.cover-editorial .cover-copy{z-index:1;top:50%;transform:translateY(-50%);padding:0 36px}
.cover-editorial .cover-copy h1{color:#283436;text-shadow:none}
.cover-editorial .cover-copy .kicker{color:#5d6869;text-shadow:none}
.to-bansho{--return-paper:#f3f0e9;--return-wash:rgba(243,240,233,.98);--return-clear:rgba(243,240,233,0);--return-ink:#283436;--return-muted:#566261;background:var(--return-paper);border-color:var(--line);border-radius:10px;box-shadow:0 5px 20px #23302c0a}
.to-bansho img{left:auto;right:0;width:72%;height:100%;object-position:50% 43%;filter:saturate(.64)}
.to-bansho::after{background:linear-gradient(90deg,var(--return-wash) 0%,var(--return-wash) 32%,var(--return-clear) 75%)}
.to-bansho .tb-copy{width:57%;padding:30px 26px}
.to-bansho .tb-copy b,.to-bansho .tb-copy span{color:var(--return-ink);text-shadow:none}
.to-bansho .tb-copy small{color:var(--return-muted);text-shadow:none;font-weight:500}
.to-bansho .tb-copy i{border:1px solid #8a927d80;border-radius:5px;background:transparent;color:var(--return-ink);font-weight:500;padding:7px 13px}
.to-bansho:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
html[data-theme="night"] .to-bansho{--return-paper:#18212a;--return-wash:rgba(24,33,42,.98);--return-clear:rgba(24,33,42,0);--return-ink:#f1eee6;--return-muted:#c3c9c9;box-shadow:0 5px 20px #0002}
html[data-theme="night"] .to-bansho img{filter:saturate(.6) brightness(.8)}
html[data-theme="night"] .cover-editorial{background:#18212a}
html[data-theme="night"] .cover-editorial::after{background:linear-gradient(90deg,#18212af5,#18212a94 38%,transparent 75%)}
html[data-theme="night"] .cover-editorial .cover-copy h1{color:#f1eee6}
html[data-theme="night"] .cover-editorial .cover-copy .kicker{color:#c3c9c9}
@media(max-width:600px){
  .topbar{flex-wrap:wrap;gap:10px;padding:12px 14px}
  .topbar .brand{flex-shrink:0;white-space:nowrap;font-size:16px}
  .topbar .nv-tools{flex:1 0 auto;justify-content:flex-end;gap:6px;min-width:0}
  .topbar .nv-btn{white-space:nowrap;flex-shrink:0;letter-spacing:0;padding:6px 9px;min-height:34px;line-height:1.5}
  .topbar .nv-btn .nv-lb{white-space:nowrap;font-size:11px;letter-spacing:0}
  .topbar>nav:not(:has(a:not([hidden]))){display:none}
  .nv-speak-start{top:auto;bottom:16px;left:14px;right:auto}
  .cover.cover-editorial{min-height:210px}
  .cover-editorial img{height:230px;object-position:68% 50%}
  .cover-editorial .cover-copy{padding:0 22px}
  .to-bansho{padding-top:40%}
  .to-bansho img{width:100%;height:auto;aspect-ratio:1983/793;object-position:center;object-fit:contain}
  .to-bansho::after{display:none}
  .to-bansho .tb-copy{width:100%;padding:18px 22px 24px}
  .to-bansho .tb-copy b{font-size:27px}
}
@media print{.cover-editorial img,.cover-editorial::after,.to-bansho{display:none}.cover.cover-editorial{min-height:0;border:0;background:#fff}.cover-editorial .cover-copy{position:static;transform:none;padding:0}.cover-editorial .cover-copy h1,.cover-editorial .cover-copy .kicker{color:#000!important}}

.cover-editorial .book-volume{display:inline-block;margin:10px 0 0;padding:3px 6px;border-radius:4px;background:rgba(243,240,233,.88);color:#283436;font-size:14px;line-height:1.65;font-weight:700;letter-spacing:.02em;text-shadow:none}
.cover-editorial img{object-position:right 50%}
@media(max-width:600px){.cover-editorial img{object-position:76% 50%}.cover-editorial .book-volume{font-size:14px;max-width:19em}}
html[data-theme="night"] .cover-editorial .book-volume{color:#d3d9d7}
