/* Small, progressive enhancements. Content remains visible without JS. */
.guide-shell{max-width:980px;margin:0 auto;padding:130px 28px 64px}.guide-breadcrumb{font-size:13px;line-height:2;color:#c8bfae;margin-bottom:32px}.guide-article h1{font-family:'Noto Serif JP',serif;font-size:clamp(26px,4vw,44px);line-height:1.65;letter-spacing:.025em}.guide-lead{font-size:17px;line-height:2;color:#ddd6c9}.guide-date,.guide-source{font-size:13px;color:#c8bfae;line-height:1.9}.guide-cover{margin:32px 0}.guide-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}.guide-cover figcaption{font-size:12px;line-height:1.8;margin-top:10px;color:#c8bfae}.guide-article section{margin:48px 0;scroll-margin-top:110px}.guide-article h2{font-size:clamp(21px,3vw,29px);line-height:1.75}.guide-article p{line-height:2.1}.guide-article a:not(.button){color:#e2c491;text-underline-offset:5px}.guide-article ul,.guide-article ol{padding-left:1.5em;line-height:2}.guide-hub{padding-top:85px}.guide-hub-intro{max-width:1160px;margin:auto;padding:70px 28px 52px}.guide-hub-intro h1,.guide-featured h2{font-family:'Noto Serif JP',serif;font-size:clamp(30px,5vw,62px);line-height:1.6;font-weight:500}.guide-hub-intro>p{max-width:660px;line-height:2}.guide-hub-intro .text-link{display:inline-block;margin:20px}.guide-hub-list{max-width:1160px;margin:auto;padding:16px 28px 80px}.guide-hub-list>h2{font-size:26px;line-height:1.7}.guide-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.guide-filters button{border:1px solid #685844;color:#e8e0d2;background:transparent;border-radius:24px;padding:10px 16px;min-height:44px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s}.guide-filters button[aria-pressed=true]{background:#d4b47e;color:#171717;border-color:#d4b47e}.guide-filter-count{color:#c8bfae;font-size:13px}.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.guide-card{border:1px solid #443b30;background:#161617;border-radius:8px;overflow:hidden;transition:transform .3s,border-color .3s;min-width:0}.guide-card[hidden]{display:none}.guide-card>a{display:flex;flex-direction:column;height:100%;color:#f1e9dc;text-decoration:none}.guide-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .6s}.guide-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.guide-tag{font-size:12px;letter-spacing:.12em;color:#d4b47e;margin:0 0 14px}.guide-card h3{font-family:'Noto Serif JP',serif;font-size:20px;line-height:1.8;margin:0 0 16px}.guide-card-copy>p:not(.guide-tag){font-size:14px;line-height:1.9;color:#c8bfae}.guide-card-link{margin-top:auto;padding-top:20px;font-size:13px;color:#e2c491;display:flex;justify-content:space-between}.guide-card-link span{transition:transform .3s}.guide-card:focus-within{border-color:#d4b47e}.guide-card a:focus-visible,.guide-filters button:focus-visible,.hero-carousel-pause:focus-visible{outline:3px solid #e2c491;outline-offset:-4px}.guide-links{max-width:1120px}.guide-links li{margin:12px 0;line-height:1.8}.guide-links h2{font-size:27px;line-height:1.6}.guide-featured .section-head{text-align:left}.guide-featured .section-head p{max-width:650px}.guide-featured>.button{margin-top:12px}.hero-carousel-pause{background:rgba(20,20,24,.85);border:1px solid #8e7c61;color:#f1e9dc;min-height:44px;padding:8px 12px;border-radius:24px;font-size:12px;cursor:pointer}.hero-carousel-controls{flex-wrap:wrap;max-width:calc(100% - 32px)}.hero-bg[data-carousel-slide].is-active{animation:revive-photo-drift 6s ease-out both}.hero-motion-paused .hero-bg[data-carousel-slide]{animation-play-state:paused}@keyframes revive-photo-drift{from{transform:scale(1.025)}to{transform:scale(1.075)}}@keyframes revive-card-arrive{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.guide-card.is-arriving{animation:revive-card-arrive .55s ease-out both}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.guide-card:hover{transform:translateY(-5px);border-color:#b99b68}.guide-card:hover img{transform:scale(1.04)}.guide-card:hover .guide-card-link span{transform:translate(3px,-3px)}}
@media(max-width:850px){.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-featured .guide-card-grid{grid-template-columns:1fr}.guide-featured .guide-card>a{display:grid;grid-template-columns:35% 65%}.guide-featured .guide-card img{height:100%;aspect-ratio:auto}.guide-card-copy{padding:20px}.guide-featured .guide-card-copy>p:not(.guide-tag){display:none}}
@media(max-width:560px){.guide-shell{padding:110px 20px 48px}.guide-hub-intro{padding:50px 20px 32px}.guide-hub-list{padding:16px 20px 50px}.guide-card-grid{grid-template-columns:1fr}.guide-card h3{font-size:19px}.guide-featured .guide-card>a{grid-template-columns:1fr}.guide-featured .guide-card img{height:auto;aspect-ratio:16/9}.guide-featured .guide-card-copy>p:not(.guide-tag){display:block}.hero-carousel-pause{font-size:11px}.guide-article section{margin:34px 0}.guide-hub-intro .text-link{margin:20px 0;display:block}}
@media(prefers-reduced-motion:reduce){.hero-bg[data-carousel-slide].is-active,.guide-card.is-arriving{animation:none}.guide-card,.guide-card img,.guide-card-link span{transition:none;transform:none}}

.home-page .hero .hero-carousel-controls{position:static;transform:none;margin-top:24px;max-width:100%;justify-content:flex-start;gap:10px}.home-page .hero .hero-content{padding-bottom:28px}

@media(max-width:560px){.guide-shell{padding-top:150px}}