/* Editorial book jackets. The illustration is drawn in SVG, not loaded as a photo. */
.editorial-cover.book-cover{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;isolation:isolate;padding:0;overflow:hidden;background:radial-gradient(circle at 73% 74%,color-mix(in srgb,var(--accent),transparent 68%),transparent 43%),linear-gradient(155deg,color-mix(in srgb,var(--cover),white 14%),var(--cover) 52%,#171134);border:1px solid color-mix(in srgb,var(--accent),white 10%);border-radius:3px 9px 9px 3px;box-shadow:inset 9px 0 8px #0705197d,inset 12px 0 1px #ffffff1b,inset -2px 0 1px #ffffff36,8px 12px 18px #0009;color:#fff;aspect-ratio:2/3}
.editorial-cover.book-cover:before,.editorial-cover.book-cover:after{content:none}
.editorial-cover__top,.editorial-cover__foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 12px;color:#f7f3ff;font:800 9px/1 BlurryDisplay,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.editorial-cover__top{border-bottom:1px solid #ffffff44}.editorial-cover__top>span:first-child{font-family:Archivo,Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:-.04em}.edition-dot{color:var(--accent);padding-left:2px}
.editorial-cover__title{position:relative;z-index:2;display:block;margin:10px 12px 0;font:700 clamp(17px,1.6vw,31px)/.9 Georgia,Times New Roman,serif;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 2px 12px #0c092cb8}.editorial-cover--long .editorial-cover__title{font-size:clamp(16px,1.35vw,27px)}
.editorial-cover__scene{position:relative;min-height:0;margin:5px 0 0;overflow:hidden;color:var(--accent)}.editorial-cover__scene svg{position:absolute;z-index:1;left:50%;bottom:-4%;width:105%;height:110%;transform:translateX(-50%) rotate(-3deg);filter:drop-shadow(0 7px 2px #08051b80) drop-shadow(0 0 7px color-mix(in srgb,var(--accent),transparent 38%))}.editorial-cover__scene .scene-glow{position:absolute;left:12%;right:12%;bottom:-50%;height:100%;border-radius:50%;background:var(--accent);filter:blur(48px);opacity:.23}
.editorial-cover__foot{border-top:1px solid #ffffff50;background:#140f37a8;color:var(--accent);font-size:8px;letter-spacing:.1em}
.book-spine{text-decoration:none}.book-spine span{font-size:16px}.shelf-covers{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--shelf-accent) #22163d;padding:15px 15px 21px;gap:10px}.shelf-covers::-webkit-scrollbar{height:5px}.shelf-covers::-webkit-scrollbar-thumb{background:var(--shelf-accent)}.shelf-cover-button{flex:none;display:block;width:clamp(92px,7.8vw,126px);height:218px;scroll-snap-align:start;text-decoration:none}.shelf .editorial-cover.book-cover{width:100%;height:100%}.shelf .editorial-cover__top{padding:8px 7px;font-size:7px}.shelf .editorial-cover__top>span:first-child{font-size:9px}.shelf .editorial-cover__title{margin:8px 7px 0;font-size:clamp(15px,1.08vw,20px);line-height:.93}.shelf .editorial-cover--long .editorial-cover__title{font-size:clamp(14px,.95vw,18px)}.shelf .editorial-cover__foot{padding:7px;font-size:6px}.shelf .editorial-cover__scene svg{width:130%}
.guide-card__open{text-decoration:none}.guide-card__open .editorial-cover.book-cover{width:168px;height:248px}.guide-card__open .editorial-cover__title{font-size:25px}.guide-card__open .editorial-cover--long .editorial-cover__title{font-size:22px}.guide-card__body h3 a{text-decoration:none}.guide-card__body h3 a:hover{text-decoration:underline;text-underline-offset:4px}.guide-card__body .guide-card__more{align-self:start;margin-top:auto;padding:18px 0 0;color:var(--yellow);text-align:left;font:800 16px/1 BlurryDisplay,sans-serif;letter-spacing:.04em;text-decoration:none}.guide-card__body .guide-card__more:hover{text-decoration:underline;text-underline-offset:4px}
.shelf-box{height:300px}.shelf-label{min-height:96px}.shelf-label strong{font-size:clamp(23px,1.8vw,31px)}
@media(max-width:1250px){.shelf-cover-button{width:clamp(98px,11vw,125px)}}
@media(max-width:590px){.shelf-cover-button{width:108px;height:209px}.shelf .editorial-cover__title{font-size:16px}.shelf .editorial-cover--long .editorial-cover__title{font-size:14px}.shelf-box{height:285px}.guide-card__open .editorial-cover.book-cover{width:min(120px,100%);height:auto}.guide-card__open .editorial-cover__title{font-size:17px}.guide-card__open .editorial-cover--long .editorial-cover__title{font-size:15px}}
