/* Figma v16: PC 2167:283 / Mobile 2167:1198. */
.page-kure > main { background: var(--sky); }
.kure-page { color: var(--ink); }
.kure-page h1,.kure-page h2,.kure-page h3,.kure-page p,.kure-page ol,.kure-page figure { margin: 0; }
.kure-header { height: 80px; padding: 0 48px; display:flex; align-items:center; gap:36px; background:var(--paper); }
.kure-brand { display:block; width:92px; line-height:0; }
.kure-brand img { width:100%; height:auto; }
.kure-journal { margin-left:auto; font:700 14px/1.4 var(--font-en); text-decoration:none; }
.kure-header .header-social { gap:24px; }
.kure-cover { position:relative; }
.kure-heading { position:absolute; z-index:2; left:3.89%; top:6.75%; max-width:36%; }
.kure-heading:before { content:''; position:absolute; z-index:-1; inset:-90px -55px -70px -100px; background:radial-gradient(ellipse,rgba(228,246,252,.98) 35%,rgba(228,246,252,.75) 55%,rgba(228,246,252,0) 72%); pointer-events:none; }
.kure-eyebrow { font:700 16px/1.5 var(--font-en); }
.kure-heading h1 { font-size:clamp(28px,3.4vw,50px); line-height:1.5; font-weight:900; margin:14px 0 20px; letter-spacing:-.03em; }
.kure-intro { font-size:clamp(12px,1.15vw,17px); line-height:2; letter-spacing:.03em; }
.kure-coast { position:relative; aspect-ratio:1546/1017; background:var(--sky); }
.kure-coast-art { width:100%; height:100%; }
.kure-coast-lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.kure-station { position:absolute; left:var(--x); top:var(--y); font-size:clamp(10px,1.25vw,18px); font-weight:700; white-space:nowrap; text-shadow:0 0 4px var(--paper),0 0 4px var(--paper); }
.kure-station i { display:inline-block; width:12px; height:12px; margin-right:7px; background:var(--paper); border:2px solid var(--ink); border-radius:50%; }
.kure-pin { position:absolute; z-index:3; left:var(--x); top:var(--y); transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:56px; height:56px; text-decoration:none; }
.kure-pin > span { display:grid; place-items:center; width:48px; height:48px; border:2px solid var(--ink); border-radius:50%; background:var(--citrus); color:var(--ink); font:700 24px/1 var(--font-en); transition:transform .15s; }
.kure-pin:hover > span { transform:scale(1.1); }
.kure-point-pin b { position:absolute; left:calc(100% + 4px); font:700 13px/1.4 var(--font-en); white-space:nowrap; }
.kure-point-pin:first-of-type b { left:50%; top:100%; transform:translateX(-50%); }
.kure-point-pin:nth-last-of-type(2) b { left:50%; top:100%; transform:translateX(-50%); }
.kure-map-note { position:absolute; left:3.89%; bottom:12px; font-size:10px; line-height:1.7; }
.kure-points { padding:40px 56px 36px; }
.kure-points h2 { font-size:32px; line-height:1.5; }
.kure-points > p:not(.kure-source) { margin-top:8px; font-size:16px; line-height:1.8; }
.kure-points ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; list-style:none; padding:0; margin:28px 0 24px; }
.kure-points li .kure-eyebrow { font-size:14px; margin-bottom:8px; }
.kure-link { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:12px 16px; background:var(--citrus); border:1px solid var(--ink); text-decoration:none; font-size:15px; line-height:1.6; font-weight:700; }
.kure-link span { flex:none; font-size:22px; font-weight:400; }
.kure-link:hover { background:var(--paper); }
.kure-source { font-size:10px; line-height:1.8; }
.kure-town { position:relative; padding-bottom:72px; background:var(--paper); }
.kure-station-leader-mobile { display:none; }
.kure-arrival { position:relative; height:51.04vw; max-height:900px; }
.kure-arrival-copy { position:absolute; left:5.56%; top:8%; z-index:2; }
.kure-arrival h2 { font-size:clamp(28px,3.2vw,46px); line-height:1.5; margin-bottom:24px; }
.kure-arrival p { font-size:clamp(12px,1.25vw,18px); line-height:1.9; }
.kure-platform { position:absolute; right:0; top:0; width:57.78%; }
.kure-platform > img { width:100%; height:auto; }
.kure-platform figcaption { text-align:right; font-size:11px; line-height:2; padding-right:80px; }
.kure-train { position:absolute; top:40.5%; left:10.625%; width:68.47%; height:auto; z-index:2; }
.kure-station-leader { position:absolute; top:0; left:0; width:100%; height:146.875vw; pointer-events:none; z-index:1; }
.kure-article-leader { display:none; }
.kure-atlas { position:relative; padding-bottom:28px; }
.kure-map-help { position:absolute; z-index:2; left:5.56%; top:20px; padding:12px 16px; background:var(--paper); font-size:13px; }
.kure-town-map { position:relative; }
.kure-town-map > img { width:100%; height:auto; }
.kure-walk-route { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.kure-map-label { position:absolute; z-index:2; padding:10px 16px; font-size:24px; font-weight:700; line-height:1.3; background:var(--paper); text-decoration:none; }
.kure-map-label small { display:block; font:700 12px/1.6 var(--font-en); margin-top:5px; }
.kure-station-label { left:80.56%; top:23.81%; }
.kure-lunch-label { left:54.17%; top:3.17%; font-size:20px; }
.kure-shrine-label { left:25.42%; top:68.25%; min-width:18%; }
.kure-town-links { display:flex; justify-content:flex-end; gap:20px; margin:-5.56% 5.56% 0; position:relative; z-index:2; }
.kure-town-links .kure-link { background:var(--paper); width:28%; border-width:0 0 1px; }
.kure-atlas > .kure-source { margin:50px 5.56% 0; }
.kure-shrine { position:relative; background:var(--paper); padding:80px 5.56%; scroll-margin-top:24px; }

.kure-section-label { padding:16px; background:var(--citrus); font-size:16px; line-height:1.7; font-weight:700; }
.kure-shrine h2 { font-size:48px; line-height:1.4; margin:36px 0; }
.kure-body { font-size:18px; line-height:1.9; margin-bottom:36px!important; }
.kure-film,.kure-photo { margin:0 0 36px!important; }
.kure-film > a { position:relative; display:block; }
.kure-film img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.kure-film-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:72px; height:72px; border:1px solid var(--ink); border-radius:50%; background:var(--citrus); font-size:24px; }
.kure-film figcaption { display:flex; align-items:center; gap:16px; font-size:12px; line-height:1.7; }
.kure-film-label { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; padding:12px 20px; background:var(--citrus); border:1px solid var(--ink); }
.kure-photo > img { width:100%; height:auto; }
.kure-photo figcaption { margin-top:8px; font-size:12px; line-height:1.6; }
.kure-photo-pair { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.kure-photo-pair .kure-photo { margin:0!important; }
.kure-next { padding:48px 5.56%; }
.kure-next h2 { font-size:28px; margin-bottom:20px; }
.kure-next-coming { display:flex; align-items:center; justify-content:space-between; max-width:330px; min-height:52px; padding:12px 16px; background:var(--paper); font-size:14px; }
.kure-next-coming span:last-child { font-size:11px; }
.kure-dialog { position:fixed; inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; margin:0; padding:0; border:0; background:var(--paper); color:var(--ink); overflow-y:auto; }
.kure-dialog::backdrop { background:var(--ink); }
.kure-dialog[open] { display:flex; flex-direction:column; }
.kure-dialog-bar { position:sticky; top:0; z-index:5; background:var(--paper); display:flex; align-items:center; gap:24px; flex:0 0 64px; padding:0 32px; }
.kure-dialog-bar > img { width:56px; height:auto; flex:none; }
.kure-dialog-bar h2 { flex:1; font-size:16px; line-height:1.5; }
.kure-dialog button,.kure-dialog select { color:var(--ink); background:var(--paper); border:1px solid var(--ink); min-height:44px; padding:8px 16px; font:inherit; cursor:pointer; }
.kure-dialog .kure-close { width:48px; height:48px; padding:0; border:0; font-size:36px; flex:none; }
.kure-viewer-stage { flex:1 0 auto; height:calc(100dvh - 144px); min-height:180px; background:#123c55; display:flex; align-items:center; justify-content:center; }
.kure-viewer-stage > video,.kure-viewer-stage > img { width:100%; height:100%; object-fit:contain; max-height:calc(100dvh - 144px); }
.kure-viewer-controls { display:flex; align-items:center; gap:16px; flex:0 0 80px; padding:8px 32px; font-size:13px; }
.kure-viewer-controls > p { flex:1; }
.kure-viewer-controls label { white-space:nowrap; }
.kure-viewer-error { padding:12px 32px; }
.kure-viewer-details { scroll-margin-top:64px; padding:32px; border-top:1px solid var(--ink); }
.kure-viewer-details .kure-coast { max-width:600px; width:100%; margin:24px auto; }
.kure-viewer-details .kure-point-pin { width:44px; height:44px; }
.kure-viewer-details .kure-point-pin span { width:36px; height:36px; font-size:20px; }
.kure-viewer-details .kure-point-pin b { display:none; }
.kure-viewer-details .kure-station { font-size:11px; transform:translate(-70%,-140%); }
.kure-viewer-details .kure-station i { width:9px; height:9px; border-width:1px; margin-right:4px; }
.kure-viewer-details > p { margin-top:12px; line-height:1.8; }
.kure-viewer-details nav { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:20px 0; }
.kure-viewer-details nav button { font-family:var(--font-en); font-weight:700; text-align:left; }
.kure-viewer-details nav span { display:block; margin-top:6px; font:500 13px/1.6 var(--font-ja); }
.kure-dialog [hidden] { display:none!important; }
@media (min-width:1800px) { .kure-arrival { max-height:none; } }
@media (max-width:899px) {
 .kure-header { height:64px; padding:0 24px; gap:12px; }
 .kure-brand { width:76px; }
 .kure-header .header-social { margin-left:auto; gap:16px; }
 .kure-journal { display:none; }
 .kure-heading { position:relative; left:auto; top:auto; max-width:none; padding:28px 24px 24px; }
 .kure-heading:before { display:none; }
 .kure-eyebrow { font-size:14px; }
 .kure-heading h1 { font-size:32px; margin:12px 0 20px; }
 .kure-first-sentence { display:block; }
 .kure-intro { font-size:15px; line-height:1.9; letter-spacing:0; }
 .kure-station { font-size:11px; transform:translate(-80%,-150%); }
 .kure-station i { width:9px; height:9px; margin-right:4px; border-width:1px; }
 .kure-pin { width:44px; height:44px; }
 .kure-pin > span { width:36px; height:36px; font-size:22px; border-width:1.5px; }
 .kure-point-pin b { display:none; }
 .kure-map-note { position:static; padding:8px 24px 0; font-size:9px; line-height:1.7; }
 .kure-map-caption { display:none; }
 .kure-points { padding:28px 24px 24px; }
 .kure-points h2 { font-size:24px; }
 .kure-points > p:not(.kure-source) { font-size:15px; }
 .kure-points ol { grid-template-columns:1fr; gap:20px; margin:24px 0; }
 .kure-points li .kure-eyebrow { margin-bottom:6px; font-size:13px; }
 .kure-link { min-height:54px; font-size:14px; }
 .kure-source { font-size:9px; }
 .kure-town { padding-bottom:52px; }
 .kure-arrival { height:calc(50vw + 275px); max-height:none; }
 .kure-arrival-copy { left:24px; top:28px; right:24px; }
 .kure-arrival h2 { font-size:28px; margin-bottom:20px; }
 .kure-arrival p { font-size:15px; line-height:1.9; }
 .kure-platform { top:195px; width:75.4%; }
 .kure-train { top:calc(195px + 20vw); left:0; width:90.77%; }
 .kure-platform figcaption { font-size:10px; padding:8px 12px 0 0; }
 .kure-station-leader { display:none; }
 .kure-station-leader-mobile { display:block; position:absolute; left:0; top:calc(195px + 35.64vw); width:100%; height:calc(140px + 41.1235vw); overflow:visible; z-index:1; pointer-events:none; }
 .kure-town-pin { width:56px; height:56px; }
 .kure-town-pin > span { width:48px; height:48px; }
 .kure-atlas { padding-top:60px; padding-bottom:0; }
 .kure-map-help { left:24px; top:12px; padding:0; font-size:13px; }
 .kure-map-label { padding:8px 10px; font-size:18px; }
 .kure-map-label small { font-size:10px; margin-top:4px; }
 .kure-lunch-label { left:58.7%; top:3.06%; font-size:15px; white-space:nowrap; }
 .kure-lunch-pin { left:51.12%; }
 .kure-station-label { left:62.56%; top:39.85%; }
 .kure-shrine-label { left:6.15%; top:82.64%; font-size:20px; min-width:154px; }
 .kure-town-links { margin:36px 24px 0; flex-direction:column; gap:12px; }
 .kure-town-links .kure-link { width:100%; padding:10px 0; }
 .kure-atlas > .kure-source { margin:28px 24px 0; }
 .kure-shrine { padding:24px; }
 .kure-article-leader { display:block; position:absolute; top:calc(84px + 62.6736vw); left:12px; width:calc(22.7vw - 12px); height:calc(100% - 8px - 62.6736vw); z-index:1; pointer-events:none; }
 .kure-section-label { padding:12px 10px; font-size:14px; }
 .kure-shrine h2 { font-size:30px; margin:24px 0; }
 .kure-body { font-size:16px; line-height:2; margin-bottom:24px!important; }
 .kure-film,.kure-photo { margin-bottom:24px!important; }
 .kure-film-play { width:52px; height:52px; font-size:20px; }
 .kure-film figcaption { gap:12px; font-size:10px; }
 .kure-film-label { padding:12px; white-space:nowrap; }
 .kure-photo figcaption { font-size:11px; }
 .kure-photo-pair { grid-template-columns:1fr; gap:24px; }
 .kure-next { padding:32px 24px; }
 .kure-next h2 { font-size:22px; }
 .kure-next-coming { max-width:none; }
 .kure-dialog-bar { gap:12px; padding:0 16px; }
 .kure-dialog-bar > img { width:48px; }
 .kure-dialog-bar h2 { font-size:12px; }
 .kure-viewer-controls { padding:12px 16px; gap:8px; flex-wrap:wrap; flex-basis:auto; min-height:80px; font-size:11px; }
 .kure-viewer-controls > p { flex-basis:100%; }
 .kure-dialog button,.kure-dialog select { font-size:12px; padding:8px 12px; }
 .kure-viewer-stage { height:calc(100dvh - 176px); }
 .kure-viewer-stage > video,.kure-viewer-stage > img { max-height:calc(100dvh - 176px); }
 .kure-viewer-details { padding:24px; }
 .kure-viewer-details nav { grid-template-columns:1fr 1fr; }
}
@media (max-width:350px) { .kure-heading h1 { font-size:28px; }.kure-intro,.kure-arrival p { font-size:14px; }.kure-lunch-label { font-size:13px; padding:8px; }.kure-station-label { font-size:16px; }.kure-map-label small { font-size:9px; } }
@media (prefers-reduced-motion:reduce) { .kure-pin > span { transition:none; } }

.kure-points li { display:flex; flex-direction:column; }
.kure-points li .kure-link { flex:1; }