@import url("/tokens.css");
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5
 * macrostructure: Marquee Hero · genre: editorial · tone: utilitarian
 * theme: studied-DNA (source: image) · anchor: emergency yellow + warm paper
 * nav: N6 compact utility · footer: Ft1 registry · contrast: pass (40–41)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · mobile: pass (34,49–57)
 */
*{box-sizing:border-box}
html,body{margin:0;overflow-x:clip;scroll-behavior:smooth}
body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7}
a{color:inherit;text-decoration-thickness:var(--rule-thin);text-underline-offset:.22em}
button,select,input{font:inherit}
button,a,select,label{touch-action:manipulation}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
button:active,.button:active,a:active{translate:0 1px}
button:disabled{opacity:.55;cursor:not-allowed}
.skip{position:fixed;z-index:999;left:var(--space-sm);top:-6rem;background:var(--color-ink);color:var(--color-surface);padding:var(--space-xs) var(--space-sm)}
.skip:focus{top:var(--space-sm)}
.notice{background:var(--color-ink);color:var(--color-surface);font-size:var(--text-xs)}
.notice>div{max-width:90rem;margin:auto;padding:var(--space-2xs) var(--space-lg);display:flex;gap:var(--space-xs);align-items:center}
.notice a{margin-left:auto;white-space:nowrap}.notice-icon{display:grid;place-items:center;border:var(--rule-thin) solid currentColor;border-radius:50%;width:1.5rem;height:1.5rem;font-family:var(--font-label)}.notice-short{display:none}
header{background:var(--color-paper);border-bottom:var(--rule-bold) solid var(--color-ink)}
.header-inner{height:5rem;max-width:90rem;margin:auto;padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-lg)}
.brand{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;background:var(--color-accent);border:var(--rule-bold) solid var(--color-ink);font-weight:900;font-size:var(--text-lg)}.brand-name{font-weight:800;line-height:1.1}.brand-name small{display:block;font:600 .55rem/1.2 var(--font-label);letter-spacing:.08em;margin-top:var(--space-3xs)}
.desktop-nav{display:flex;gap:var(--space-lg);margin-left:auto}.desktop-nav a,.languages a{font-size:var(--text-sm);font-weight:700;text-decoration:none;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{text-decoration:underline;text-decoration-thickness:var(--rule-bold)}
.languages{display:flex;border:var(--rule-thin) solid var(--color-ink)}.languages a{padding:var(--space-3xs) var(--space-2xs)}.languages .selected{background:var(--color-ink);color:var(--color-surface)}.menu-button{display:none;border:0;background:transparent;min-width:44px;min-height:44px;font-size:var(--text-lg)}#mobile-menu{padding:var(--space-sm);border-top:var(--rule-thin) solid var(--color-rule)}#mobile-menu a{display:block;min-height:44px;padding:var(--space-2xs);font-weight:800;text-decoration:none}
main{max-width:90rem;margin:auto;background:var(--color-paper)}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:calc(100vh - 7rem);border-bottom:var(--rule-bold) solid var(--color-ink)}
.hero-copy{padding:var(--space-3xl) clamp(var(--space-lg),6vw,var(--space-4xl)) var(--space-4xl);align-self:center;min-width:0}.eyebrow{font:700 var(--text-xs)/1.3 var(--font-label);letter-spacing:.12em;text-transform:uppercase}.eyebrow span{color:var(--color-alert)}.hero-tag{margin-top:var(--space-xl);font-weight:700}.hero h1,.page-heading h1,.section h2,.help-section h2,.prepare-section h2{font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;min-width:0}.hero h1{font-size:var(--text-display);line-height:.98;letter-spacing:-.06em;margin:var(--space-2xs) 0 var(--space-lg)}.hero h1 span{display:inline-block;background:var(--color-accent);padding:0 .06em}.lead{white-space:pre-line;font-size:var(--text-lg);max-width:55ch}.hero-actions{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-height:52px;padding:var(--space-xs) var(--space-md);border:var(--rule-thin) solid var(--color-ink);text-decoration:none;font-weight:800;white-space:nowrap}.button.dark{background:var(--color-ink);color:var(--color-surface)}.button:hover{background:var(--color-support);color:var(--color-support-ink)}.text-link{font-weight:800;white-space:nowrap}.text-link:hover{color:var(--color-support)}
.hero-art{position:relative;min-width:0;overflow:hidden;background:var(--color-accent);border-left:var(--rule-bold) solid var(--color-ink);display:grid;place-items:center;color:var(--color-ink)}.hero-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 14px,var(--color-ink) 14px,var(--color-ink) 20px);clip-path:polygon(0 0,11% 0,0 11%)}.art-label{position:absolute;top:var(--space-lg);right:var(--space-lg);font:700 var(--text-xs)/1.3 var(--font-label);text-align:right}.taiwan-art{width:min(90%,31rem);height:auto}.art-grid{opacity:.35}.art-orbit{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:5 7}.island-shadow{fill:var(--color-surface);stroke:currentColor;stroke-width:3;translate:9px 9px}.island{fill:var(--color-support);stroke:currentColor;stroke-width:4}.mountains,.art-leader{fill:none;stroke:var(--color-surface);stroke-width:2}.art-city{fill:var(--color-alert);stroke:var(--color-ink);stroke-width:2}.taiwan-art text{font:700 12px var(--font-body);fill:var(--color-ink)}.art-stamp{position:absolute;left:var(--space-lg);bottom:var(--space-lg);font-weight:900}.art-stamp span{font:600 .55rem/1.2 var(--font-label)}.kit-badge{position:absolute;right:var(--space-lg);bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-2xs);font:700 .55rem/1.2 var(--font-label)}.kit-badge .icon{width:2.5rem;height:2.5rem}
.section{padding:var(--space-3xl) clamp(var(--space-lg),6vw,var(--space-4xl));border-bottom:var(--rule-bold) solid var(--color-ink)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg)}.section-heading>div{display:flex;flex-direction:column}.section-heading h2{font-size:var(--text-2xl);line-height:1.05;margin:var(--space-xs) 0 0;letter-spacing:-.04em}.section-intro{max-width:58ch}.data-warning{padding:var(--space-sm);border:var(--rule-thin) solid var(--color-alert);background:var(--color-surface);font-weight:700}
.current-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--rule-bold) solid var(--color-ink);border-left:var(--rule-bold) solid var(--color-ink);margin-top:var(--space-xl)}.current-card{min-width:0;min-height:21rem;padding:var(--space-md);border-right:var(--rule-bold) solid var(--color-ink);border-bottom:var(--rule-bold) solid var(--color-ink);display:flex;flex-direction:column;text-decoration:none;background:var(--color-surface)}.current-card:hover{background:var(--color-accent)}.card-top{display:flex;justify-content:space-between}.icon{width:1.75rem;height:1.75rem;flex:none}.current-card h3{font-size:var(--text-xl);line-height:1.15;margin:var(--space-xl) 0 var(--space-sm);overflow-wrap:anywhere}.card-value{font:900 clamp(2.5rem,5vw,5rem)/1 var(--font-display)}.card-value small{font:700 var(--text-xs)/1 var(--font-label)}.current-card p{font-size:var(--text-sm);margin-top:auto}.card-bottom{border-top:var(--rule-thin) solid var(--color-ink);padding-top:var(--space-sm);display:flex;justify-content:space-between;font-weight:800}.source-foot{font:600 var(--text-xs)/1.4 var(--font-label);text-align:right}
.region-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--color-support);color:var(--color-support-ink);border-bottom:var(--rule-bold) solid var(--color-ink)}.region-section>div,.region-section form{padding:var(--space-2xl) clamp(var(--space-lg),6vw,var(--space-4xl))}.region-section>div{border-right:var(--rule-thin) solid var(--color-surface)}.region-section h2{font-size:var(--text-2xl);line-height:1.1;margin:var(--space-sm) 0}.region-form label{display:block;font-weight:800;margin-bottom:var(--space-2xs)}.small{font-size:var(--text-xs);font-weight:500}.form-row{display:flex;gap:var(--space-2xs)}select{width:100%;height:52px;border:var(--rule-thin) solid var(--color-ink);outline:2px solid transparent;padding:0 var(--space-sm);background:var(--color-surface);color:var(--color-ink)}select:hover{background:var(--color-paper-soft)}
.help-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--color-ink);color:var(--color-surface);border-bottom:var(--rule-bold) solid var(--color-ink)}.help-section>div{padding:var(--space-2xl) clamp(var(--space-lg),6vw,var(--space-4xl))}.help-section h2{font-size:var(--text-2xl);line-height:1.05}.help-links{border-left:var(--rule-thin) solid var(--color-surface)}.help-links a{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center;min-height:72px;border-bottom:var(--rule-thin) solid var(--color-muted);text-decoration:none;font-weight:800;white-space:nowrap}.help-links a:hover{color:var(--color-accent)}
.disaster-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-ink);margin-top:var(--space-xl)}.disaster-links a{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center;padding:var(--space-md) 0;border-bottom:var(--rule-thin) solid var(--color-ink);text-decoration:none;font-size:var(--text-lg);font-weight:800;white-space:nowrap}.disaster-links a:nth-child(odd){padding-right:var(--space-lg)}.disaster-links a:nth-child(even){padding-left:var(--space-lg);border-left:var(--rule-thin) solid var(--color-ink)}.disaster-links a:hover{background:var(--color-accent)}
.prepare-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);border-bottom:var(--rule-bold) solid var(--color-ink)}.prepare-section>div{padding:var(--space-3xl) clamp(var(--space-lg),6vw,var(--space-4xl))}.prepare-section h2{font-size:var(--text-2xl);line-height:1.05;margin:var(--space-sm) 0}.prepare-section p{max-width:50ch}.supply-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);background:var(--color-accent);border-left:var(--rule-bold) solid var(--color-ink);font:700 var(--text-xs)/1.5 var(--font-label);text-align:center}.supply-art .icon{width:8rem;height:8rem}
.source-list{border-top:var(--rule-bold) solid var(--color-ink);margin-top:var(--space-xl)}.source-list article{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:var(--rule-thin) solid var(--color-ink)}.source-list article>span{font:900 var(--text-lg)/1 var(--font-label)}.source-list h3{margin:0}.source-list p{margin:var(--space-3xs) 0}.page-heading{padding:var(--space-xl) clamp(var(--space-lg),6vw,var(--space-4xl)) var(--space-2xl);border-bottom:var(--rule-bold) solid var(--color-ink)}.page-heading .eyebrow{margin-top:var(--space-3xl)}.page-heading h1{font-size:var(--text-display);line-height:1;margin:var(--space-sm) 0 0;letter-spacing:-.05em}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.4fr);min-height:50vh}.detail-layout>div{padding:var(--space-2xl) clamp(var(--space-lg),6vw,var(--space-4xl))}.detail-layout aside{padding:var(--space-2xl);border-left:var(--rule-bold) solid var(--color-ink);background:var(--color-paper-soft)}.detail-layout aside h2{margin-top:var(--space-xl)}.detail-layout aside h2:first-child{margin-top:0}.event{padding:var(--space-lg) 0;border-top:var(--rule-thin) solid var(--color-ink)}.event-meta{display:flex;gap:var(--space-sm);font:700 var(--text-xs)/1.4 var(--font-label)}.event h3{font-size:var(--text-xl);line-height:1.35;margin:var(--space-sm) 0;overflow-wrap:anywhere}.times{font:600 var(--text-xs)/1.5 var(--font-label)}details{margin:var(--space-sm) 0}summary{cursor:pointer;font-weight:800}.raw{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}.empty{padding:var(--space-lg);background:var(--color-surface);border:var(--rule-thin) solid var(--color-rule)}
.summary-label{margin-bottom:0;font:700 var(--text-xs)/1.4 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.summary-label+p{margin-top:var(--space-3xs)}.translation-note{padding:var(--space-sm);background:var(--color-paper-soft);border-left:var(--rule-bold) solid var(--color-support)}.history-heading{margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:var(--rule-bold) solid var(--color-ink)}
.weather-block{padding:var(--space-2xl) clamp(var(--space-lg),6vw,var(--space-4xl));border-top:var(--rule-bold) solid var(--color-ink)}.weather-block>h2{margin-top:var(--space-2xl)}.weather-block>h2:first-child{margin-top:0}.weather-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.weather-card{padding:var(--space-md);background:var(--color-surface);border:var(--rule-thin) solid var(--color-ink)}.weather-card h3{margin-top:0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.guide-card{padding:var(--space-lg);border:var(--rule-bold) solid var(--color-ink);background:var(--color-surface)}.guide-card h2{margin:.5rem 0}.guide-card li+li{margin-top:var(--space-xs)}
.home-weather{background:var(--color-paper-soft)}.weather-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--rule-bold) solid var(--color-ink);border-left:var(--rule-bold) solid var(--color-ink);margin-top:var(--space-xl)}.weather-summary-card{min-width:0;padding:var(--space-md);border-right:var(--rule-bold) solid var(--color-ink);border-bottom:var(--rule-bold) solid var(--color-ink);background:var(--color-surface)}.weather-card-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-sm)}.weather-card-head h3{margin:0;font-size:var(--text-lg)}.weather-card-head>span{font-size:var(--text-xl);line-height:1}.weather-condition{min-height:4.4rem;font-weight:800}.weather-condition small{display:block;margin-top:var(--space-3xs);font-size:var(--text-xs);font-weight:500;color:var(--color-muted)}.weather-condition small span:first-child{margin-right:var(--space-3xs);font-family:var(--font-label)}.weather-summary-card dl{margin:0;border-top:var(--rule-thin) solid var(--color-ink)}.weather-summary-card dl div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);padding:var(--space-2xs) 0;border-bottom:var(--rule-thin) solid var(--color-rule)}.weather-summary-card dt{font-size:var(--text-sm)}.weather-summary-card dd{margin:0;font-weight:900}.weather-summary-card dd small{font-size:var(--text-xs)}.weather-missing{grid-column:1/-1;padding:var(--space-xl);border-right:var(--rule-bold) solid var(--color-ink);border-bottom:var(--rule-bold) solid var(--color-ink);background:var(--color-surface)}
.reading,.checklist,.contact-grid{max-width:68rem;margin:var(--space-2xl) auto;padding:0 var(--space-lg)}.reading section{padding:var(--space-lg) 0;border-bottom:var(--rule-thin) solid var(--color-rule)}.reading p{max-width:68ch}.checklist{padding:var(--space-xl);background:var(--color-surface);border:var(--rule-bold) solid var(--color-ink)}.checkhead{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.checkhead output{font:900 var(--text-lg)/1 var(--font-label)}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-ink)}.checks label{display:flex;align-items:center;gap:var(--space-sm);min-height:60px;border-bottom:var(--rule-thin) solid var(--color-ink);cursor:pointer}.checks input{width:1.4rem;height:1.4rem;accent-color:var(--color-support)}.text-button{border:0;border-bottom:var(--rule-thin) solid currentColor;background:transparent;padding:var(--space-sm) 0;font-weight:800}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.contact-grid article{border:var(--rule-bold) solid var(--color-ink);padding:var(--space-lg);background:var(--color-surface)}.phone{font:900 var(--text-2xl)/1 var(--font-display);text-decoration:none}.map-panel{margin-top:var(--space-lg)}.map-panel .hero-art{height:30rem;border:var(--rule-bold) solid var(--color-ink)}
.check-group{margin-top:var(--space-lg)}.check-group h3{font-size:var(--text-lg);margin-bottom:var(--space-xs)}.preparedness-intro li+li,.preparedness-actions li+li{margin-top:var(--space-xs)}.response-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.response-grid article{padding:var(--space-lg);border:var(--rule-bold) solid var(--color-ink);background:var(--color-surface)}.response-grid article h3{margin-top:0}.shelter-results{margin-top:var(--space-2xl)}.shelter-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-ink);border-left:var(--rule-thin) solid var(--color-ink)}.shelter-region-grid a{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border-right:var(--rule-thin) solid var(--color-ink);border-bottom:var(--rule-thin) solid var(--color-ink);text-decoration:none;background:var(--color-surface)}.shelter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.shelter-card{padding:var(--space-md);border:var(--rule-thin) solid var(--color-ink);background:var(--color-surface)}.shelter-card h3{margin:.5rem 0}.shelter-card dl{margin:0}.shelter-card dl div{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-3xs) 0;border-top:var(--rule-thin) solid var(--color-rule)}.shelter-card dd{margin:0;text-align:right;font-weight:700}.shelter-card dd small{display:block;margin-top:.2rem;font-size:var(--text-xs);font-weight:500;color:var(--color-muted)}
.contact-lead{font-size:var(--text-lg);font-weight:700}.contact-intake li+li{margin-top:var(--space-2xs)}.contact-action{margin-top:var(--space-xl);padding:var(--space-lg);border:var(--rule-bold) solid var(--color-ink);background:var(--color-accent)}.contact-action .button{margin-bottom:var(--space-sm)}.contact-action p:last-child{margin-bottom:0}
#offline{position:sticky;top:0;z-index:200;background:var(--color-alert);color:var(--color-alert-ink);padding:var(--space-2xs) var(--space-lg);font-weight:800;text-align:center}
footer{max-width:90rem;margin:auto;background:var(--color-support);color:var(--color-support-ink);padding:var(--space-2xl) clamp(var(--space-lg),6vw,var(--space-4xl)) var(--space-lg)}footer .brand-mark{color:var(--color-ink)}.footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl)}.footer-main p{max-width:48ch}.footer-main nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.footer-main nav a{white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;border-top:var(--rule-thin) solid var(--color-surface);margin-top:var(--space-xl);padding-top:var(--space-sm);font:600 var(--text-xs)/1.4 var(--font-label)}.bottom-nav{display:none}
@media(max-width:64rem){.desktop-nav{display:none}.menu-button{display:block;margin-left:auto}.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.hero-art{min-height:32rem;border-left:0;border-top:var(--rule-bold) solid var(--color-ink)}.current-grid,.weather-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-layout aside{border-left:0;border-top:var(--rule-bold) solid var(--color-ink)}.contact-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:48rem){body{padding-bottom:4.5rem}.notice>div{padding:var(--space-2xs) var(--space-sm)}.notice-long,.notice a{display:none}.notice-short{display:inline}.header-inner{height:4rem;padding:0 var(--space-sm);gap:var(--space-sm)}.brand-name small{display:none}.languages a{padding:var(--space-3xs)}.hero{min-height:0}.hero h1{font-size:clamp(3rem,16vw,5.2rem)}.hero-copy,.section,.page-heading{padding-left:var(--space-sm);padding-right:var(--space-sm)}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:27rem}.art-label{top:var(--space-sm);right:var(--space-sm)}.art-stamp{left:var(--space-sm);bottom:var(--space-sm)}.kit-badge{display:none}.section-heading{align-items:flex-start;flex-direction:column}.current-grid,.weather-summary-grid{grid-template-columns:minmax(0,1fr)}.current-card{min-height:17rem}.region-section,.help-section,.prepare-section{grid-template-columns:minmax(0,1fr)}.region-section>div,.region-section form,.help-section>div,.prepare-section>div{padding:var(--space-xl) var(--space-sm)}.region-section>div,.help-links,.supply-art{border:0;border-top:var(--rule-thin) solid var(--color-surface)}.form-row{flex-direction:column}.disaster-links{grid-template-columns:minmax(0,1fr)}.disaster-links a:nth-child(odd),.disaster-links a:nth-child(even){padding-left:0;padding-right:0;border-left:0}.supply-art{min-height:20rem}.source-list article{grid-template-columns:4.5rem minmax(0,1fr);gap:var(--space-sm)}.checks,.response-grid,.shelter-grid{grid-template-columns:minmax(0,1fr)}.shelter-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist{margin:var(--space-sm);padding:var(--space-sm)}.checkhead{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:minmax(0,1fr)}.footer-main nav{grid-template-columns:minmax(0,1fr)}.footer-bottom{flex-direction:column;gap:var(--space-xs)}.weather-grid,.guide-grid{grid-template-columns:minmax(0,1fr)}.weather-block{padding-left:var(--space-sm);padding-right:var(--space-sm)}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:0;right:0;bottom:0;z-index:300;background:var(--color-surface);border-top:var(--rule-bold) solid var(--color-ink)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:4.5rem;font-size:.65rem;font-weight:800;text-decoration:none;white-space:nowrap}.bottom-nav .icon{width:1.4rem;height:1.4rem}.map-panel .hero-art{height:24rem}.taiwan-art{max-width:100%}}
@media(max-width:22rem){.brand-name{font-size:var(--text-sm)}.languages a:nth-child(2){display:none}.page-heading h1{font-size:2.6rem}.hero-copy{padding-top:var(--space-lg);padding-bottom:var(--space-2xl)}.hero-tag{margin-top:var(--space-lg)}.hero h1{font-size:2.35rem;line-height:1.04}.lead{font-size:var(--text-base)}.hero-art{min-height:23rem}.button{gap:var(--space-sm)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.art-stamp{font-size:0}.art-stamp span{font-size:.55rem}
.share-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-lg);padding:var(--space-xl) clamp(var(--space-lg),6vw,var(--space-4xl));background:var(--color-ink);color:var(--color-surface);border-top:var(--rule-bold) solid var(--color-ink)}.share-strip h2{max-width:28ch;margin:.35rem 0 0;font-size:clamp(1.35rem,3vw,2.25rem)}.share-strip .button.light{background:var(--color-support);color:var(--color-ink);border-color:var(--color-support)}.share-status{grid-column:1/-1;min-height:1.5em;margin:0}.check-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg)}.faq-list details{border-top:var(--rule-thin) solid var(--color-ink);padding:var(--space-lg) 0}.faq-list details:last-child{border-bottom:var(--rule-thin) solid var(--color-ink)}.faq-list summary{cursor:pointer;font-size:var(--text-lg);font-weight:800}.faq-list details p{margin:var(--space-sm) 0 0;max-width:68ch}
@media(max-width:48rem){.share-strip{grid-template-columns:minmax(0,1fr);padding:var(--space-xl) var(--space-sm)}.share-strip .button{justify-self:start}.check-actions{align-items:flex-start;flex-direction:column}}