/* v8: clearer type and generous, uncropped illustrated previews. */
.guide-hub,.guide-detail{color:#fff}
.guide-hub .guide-title-block h1,.guide-detail .guide-title-block h1,.guide-copy h2,.guide-contents h2,.guide-result h3,.guide-category>summary>span{color:#f3ca62}
@supports (background-clip:text){.guide-hub .guide-title-block h1,.guide-detail .guide-title-block h1,.guide-copy h2,.guide-contents h2,.guide-result h3,.guide-category>summary>span{background:linear-gradient(175deg,#fff0b2 0%,#f9d875 30%,#cc982f 49%,#ffe6a0 58%,#e2b448 85%,#f9e09a 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.guide-copy,.guide-result p,.guide-intro,.guide-byline,.guide-visual>p,.guide-contents a,.guide-search p{color:#f9fbfa}
.guide-search{max-width:960px;padding:22px;border:1px solid #caa448;border-radius:12px;background:linear-gradient(140deg,#262923,#0b100e);box-shadow:inset 0 1px #fff2,0 8px 24px #0004}
.guide-search label{font:700 clamp(22px,3vw,30px)/1.3 var(--head);color:#f9d875;margin-bottom:12px}
.guide-search input{min-height:56px;border:1px solid #dcc578;background:#080e0b;color:#fff;border-radius:7px;font-size:17px}
.guide-search input::placeholder{color:#d8dfda;opacity:1}
.guide-search input:focus-visible{outline:3px solid #74e4f2;outline-offset:3px}
.guide-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 28px;max-width:1000px}
.guide-topics a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid #9f8246;border-radius:24px;background:#151d18;color:#fff;text-decoration:none;font:600 14px/1.4 var(--body)}
.guide-topics a:hover{background:#30382c;border-color:#ffe195}
.guide-category{scroll-margin-top:24px}.guide-category>summary{min-height:66px}
.guide-illustrated-grid,.guide-text-grid{display:grid;gap:18px;padding:0 18px 18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.guide-text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-illustrated-grid:empty,.guide-text-grid:empty{display:none}
.guide-result{box-shadow:inset 0 1px #ffffff18;border-color:#ae8b43;overflow:hidden}
.guide-illustrated>a{display:flex;flex-direction:column;gap:0;padding:10px;height:auto}
.guide-illustrated img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;object-position:center;background:#080b09;border:0;border-radius:4px}
.guide-illustrated>a>div{padding:17px 8px 10px;width:100%;box-sizing:border-box}
.guide-result h3{font-size:24px;text-wrap:balance}.guide-illustrated h3{text-align:center}
.guide-result p{font-size:16px;line-height:1.6}.guide-result-read{display:block;padding-top:5px;color:#8feaf6}
.guide-result:hover{border-color:#ffe292;box-shadow:0 5px 18px #0006}
.guide-book{background:linear-gradient(135deg,#ffe4a0,#bb8730);color:#12160f}
.guide-text-layout .guide-visual{display:block}.guide-copy .location-quote{color:#10150d}
@media(max-width:1000px){.guide-illustrated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-illustrated-grid,.guide-text-grid{grid-template-columns:minmax(0,1fr);padding:0 12px 14px;gap:14px}.guide-illustrated>a{padding:10px;gap:0}.guide-search{padding:17px}.guide-topics{justify-content:flex-start}.guide-topics a{flex-grow:1;justify-content:center}.guide-result h3{font-size:24px}.guide-category>summary{flex-wrap:wrap;gap:8px}.guide-category>summary small{font-size:13px}.guide-illustrated img{max-height:560px}.guide-text-card>a{padding:16px}}
@media(forced-colors:active){.guide-hub .guide-title-block h1,.guide-detail .guide-title-block h1,.guide-copy h2,.guide-contents h2,.guide-result h3,.guide-category>summary>span{background:none;color:CanvasText}}
