/* SEO-related content sections. All original desktop/mobile styling stays intact. */
.explore-links { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:14px; margin:32px 0 0; }
.explore-links>span { font-size:.84rem; color:var(--ink-muted, #6a7772); }
.explore-button { display:inline-flex; align-items:center; gap:22px; padding:13px 20px; background:#214542; color:#fff; border-radius:6px; text-decoration:none; font-weight:700; }
.explore-button:hover, .explore-button:focus-visible { background:#315e58; }
.guide-teasers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.guide-teaser { display:flex; flex-direction:column; gap:7px; padding:19px 22px; border:1px solid #d9dbcb; border-radius:10px; background:rgba(255,255,255,.35); color:#214542; text-decoration:none; }
.guide-teaser:hover, .guide-teaser:focus-visible { outline:2px solid #adbaaa; }
.guide-teaser>span { color:#b77950; font-size:.7rem; font-weight:800; letter-spacing:.15em; }
.guide-teaser strong { font-size:clamp(.99rem,2vw,1.24rem); }
.guide-teaser small { color:#46635f; }
.static-intro { padding:clamp(68px,8vw,110px) 0 40px; background:#eef1e8; }
.static-intro .section-label { margin-bottom:15px; }
.static-intro h1 { font-size:clamp(2rem,4.9vw,3.45rem); color:#1c4542; line-height:1.45; letter-spacing:-.04em; }
.static-intro .static-desc { max-width:760px; line-height:2; margin-top:18px; color:#51615d; }
.static-main { padding:60px 0 110px; }
.static-toolbar { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.static-toolbar a { display:inline-block; padding:10px 16px; color:#214542; border:1px solid #cfd9cf; border-radius:99px; text-decoration:none; font-size:.88rem; font-weight:700; }
.static-toolbar a[aria-current="page"], .static-toolbar a:hover { color:white; background:#214542; }
.static-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.static-grid .spot-card { min-width:0; width:auto; }
.static-grid .spot-card-image { display:block; }
.static-grid .spot-card-image img { width:100%; aspect-ratio:640/460; object-fit:cover; }
.guide-note { margin:0 0 30px; padding:18px 22px; background:#f6ead9; border-radius:8px; color:#445956; line-height:1.9; }
.related-links { background:#eef1e8; padding:25px; border-radius:10px; margin:22px 0; }
.related-links h2 { font-size:1.2rem; margin:0 0 12px; }
.related-links a { display:inline-block; margin:5px 18px 5px 0; color:#214542; font-weight:700; }
.detail-related { padding:20px 0 48px; }
.detail-related h2 { margin-bottom:16px; font-size:1.3rem; }
.detail-related-list { display:flex; gap:12px; flex-wrap:wrap; }
.detail-related-list a { display:inline-flex; padding:11px 16px; border:1px solid #cdd7cc; color:#214542; text-decoration:none; border-radius:8px; }
.detail-related-list a:hover { background:#f0f2e8; }
@media(max-width:800px){.static-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.static-main{padding:30px 0 70px}.static-intro{padding:65px 0 30px}}
@media(max-width:480px){.guide-teasers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-teaser{padding:12px;gap:6px}.guide-teaser small{font-size:.68rem}.explore-links{align-items:flex-start}.static-grid{gap:10px}.static-grid .spot-card-body{padding:14px 10px}.static-grid .spot-card-body h3{font-size:1rem}.static-grid .spot-card-body p{font-size:.75rem}.static-grid .spot-card-tags{flex-wrap:wrap}.static-toolbar a{font-size:.75rem;padding:8px 11px}}

.partner-more { color:#f8d8a4; font-size:.87rem; text-decoration:underline; text-underline-offset:5px; }
.work-offer { min-height:165px; padding:24px; border:1px solid #e1d8ca; border-radius:12px; background:#fff8ee; line-height:1.9; }
.work-offer h2 { font-size:1.18rem; margin-bottom:10px; color:#214542; }
.work-offer p { color:#506560; font-size:.91rem; }
.work-contact { margin:36px 0 0; padding:28px; border-radius:14px; background:#edf1e8; line-height:2; }
.work-contact h2 { color:#214542; font-size:1.35rem; }
.work-contact .explore-button { margin-top:14px; }
.work-disclosure { font-size:.77rem; color:#5c6b62; margin-top:14px; }
@media(max-width:480px){.work-offer{min-height:auto;padding:16px}.work-contact{padding:18px}.partner-more{font-size:.75rem}}
