@font-face{font-family:"Noto Sans TC";src:url("../assets/fonts/NotoSansTC.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Sans Latin";src:url("../assets/fonts/NotoSansLatin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Sans SC Metadata";src:url("../assets/fonts/NotoSansSCMetadata.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --ink:#183e36; --paper:#fafcfa; --muted:#52645e; --line:#cad6ce;
  --pale:#eaf0e9; --white:#ffffff;
  --gutter:4.5vw; --story-max:1320px;
  --zh:"Noto Sans TC","Noto Sans Latin","Noto Sans SC Metadata",sans-serif;
  --en:"Noto Sans Latin","Noto Sans TC",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--zh);font-size:16px;line-height:1.7;
  font-weight:400;font-feature-settings:"palt" 0}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.18em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--white);color:var(--ink);
  padding:.7em 1.2em;border:1px solid var(--ink);z-index:200;font-weight:650}
.skip-link:focus{left:1em;top:1em}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 頁首 */
header.site{background:var(--paper);border-bottom:1px solid var(--line)}
header.site .bar{display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--gutter);min-height:96px;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .mark{width:42px;height:42px;flex:0 0 auto;display:block}
.brand .names{display:flex;flex-direction:column}
.brand .zh{font-size:24px;font-weight:750;line-height:1.3;letter-spacing:.04em}
.brand .en{font-family:var(--en);font-size:9px;font-weight:600;letter-spacing:.12em;margin-top:7px}
nav.site ul{list-style:none;margin:0;padding:0;display:flex;gap:36px;align-items:center}
nav.site a{font-size:15px;font-weight:550;padding:6px 0;display:inline-flex;align-items:baseline;gap:4px}
nav.site a .cap{font-family:var(--en);font-size:11px;font-weight:600;color:var(--muted)}
nav.site a[aria-current="page"]{border-bottom:2px solid var(--ink);text-decoration:none}
.menu-btn{display:none;background:none;border:0;color:var(--ink);font-family:var(--zh);
  font-size:12px;font-weight:650;letter-spacing:.08em;padding:8px 4px;cursor:pointer;
  display:none;align-items:center;gap:6px}
.menu-btn .plus{font-size:20px;line-height:1;font-weight:400}
@media(max-width:700px){
  header.site .bar{min-height:76px;padding:0 6vw;gap:12px}
  .brand .mark{width:32px;height:32px}
  .brand .zh{font-size:20px}
  .brand .en{font-size:7px;margin-top:5px}
  nav.site{position:absolute;left:0;right:0;top:100%;
    background:var(--paper);border-bottom:1px solid var(--line);
    padding:14px 6vw 18px;display:none}
  nav.site.open{display:block}
  nav.site ul{flex-direction:column;align-items:stretch;gap:0}
  nav.site li{border-bottom:1px solid var(--line)}
  nav.site li:last-child{border-bottom:0}
  nav.site a{padding:14px 0;font-size:15px;justify-content:space-between;width:100%}
  nav.site a[aria-current="page"]{border-bottom:0;text-decoration:underline}
  .menu-btn{display:inline-flex}
}

/* 全寬容器與故事容器 */
.wrap{max-width:var(--story-max);margin:0 auto;padding:0 var(--gutter)}
.full{width:100%}
.bleed{padding-left:var(--gutter);padding-right:var(--gutter)}
main{display:block;padding:0}

/* hero（首頁專用，不包一般 wrap） */
.hero{display:grid;grid-template-columns:43% 57%;min-height:630px;
  border-bottom:1px solid var(--line);background:var(--paper)}
.hero-copy{padding:44px 20px 26px var(--gutter);display:flex;flex-direction:column}
.hero-kicker{font-family:var(--en);font-size:11px;font-weight:650;letter-spacing:.1em;color:var(--ink)}
.hero-title{margin:38px 0 0;font-weight:800;
  font-size:clamp(48px,5.6vw,84px);line-height:1.13;letter-spacing:-.06em}
.hero-title .line{display:block}
.hero-title .dot{font-weight:400}
.hero-lede{margin:26px 0 0;font-size:17px;line-height:1.9}
.hero-lede span{display:block}
.hero-cta{margin-top:22px;width:180px;display:flex;justify-content:space-between;align-items:center;
  font-size:16px;font-weight:600;padding:13px 0;border-bottom:1px solid var(--ink)}
.hero-cta .arrow{font-size:25px;line-height:1}
.hero-cta:hover{text-decoration:none}
.hero-stats{margin-top:auto;padding-top:25px;display:flex;gap:42px}
.hero-stats .stat{display:flex;align-items:baseline;gap:12px}
.hero-stats .num{font-family:var(--en);font-size:42px;font-weight:450;line-height:1}
.hero-stats .lbl{font-size:11px;color:var(--muted)}
.hero-media{position:relative;overflow:hidden;background:#d8ded8}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-caption{position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0));
  color:var(--white);padding:22px 30px;display:flex;justify-content:space-between;
  align-items:flex-end;gap:20px}
.hero-caption .zh{font-size:15px;font-weight:600;display:block}
.hero-caption .en{font-family:var(--en);font-size:10px;letter-spacing:.14em;display:block;margin-top:4px;opacity:.9}
.hero-caption .credit{font-size:10px;color:var(--white);opacity:.9;white-space:nowrap}
.hero-caption .credit:hover{text-decoration:underline}
@media(max-width:1000px) and (min-width:701px){
  .hero{min-height:570px}
  .hero-copy{padding-top:35px}
  .hero-title{font-size:5.5vw}
  .hero-stats .stat{flex-direction:column;gap:6px}
  .hero-stats{gap:22px}
}
@media(max-width:700px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:28px 6vw 25px}
  .hero-title{font-size:clamp(42px,11.5vw,64px);line-height:1.16;letter-spacing:-.05em;margin-top:24px}
  .hero-title .line{display:inline}
  .hero-title .line+.line::before{content:" "}
  .hero-lede{margin-top:18px;font-size:15px;line-height:1.85}
  .hero-lede span{display:inline}
  .hero-lede span+span::before{content:" "}
  .hero-cta{margin-top:14px;width:150px;font-size:14px;padding:10px 0}
  .hero-stats{margin-top:24px;padding-top:24px;gap:30px}
  .hero-stats .num{font-size:29px}
  .hero-stats .lbl{font-size:10px}
  .hero-media{height:310px}
  .hero-caption{padding:18px 6vw}
  .hero-caption .zh{font-size:13px}
  .hero-caption .en{font-size:9px}
  .hero-caption .credit{font-size:9px}
}
@media(max-width:359px){
  .hero-title{font-size:39px}
  .hero-media{height:260px}
}

/* 介紹帶 */
.band-intro{background:var(--paper);border-bottom:1px solid var(--line);
  padding:40px var(--gutter) 45px;display:grid;grid-template-columns:43% 57%;gap:0}
.band-intro .lead{margin:0;font-size:26px;font-weight:650;line-height:1.5;letter-spacing:-.03em}
.band-intro .lead span{display:block}
.band-intro .body{max-width:560px;font-size:15px;line-height:1.9;margin:0}
.band-intro .more{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;
  border-bottom:1px solid var(--ink);padding-bottom:2px}
.band-intro .more:hover{text-decoration:none}
@media(max-width:700px){
  .band-intro{grid-template-columns:1fr;gap:0;padding:26px 6vw}
  .band-intro .lead{font-size:22px;line-height:1.45}
  .band-intro .body{margin-top:18px;font-size:13px}
}

/* 攝影故事 */
.stories{padding:76px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.sec-kicker{font-family:var(--en);font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--muted)}
.sec-title{margin:8px 0 0;font-size:36px;font-weight:650;line-height:1.35;letter-spacing:-.04em}
.sec-note{font-size:13px;color:var(--muted);text-align:right;line-height:1.7}
.sec-note span{display:block}
.story-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:9%}
.story-grid .story:last-child{margin-top:80px}
.story{display:block;color:inherit}
.story:hover{text-decoration:none}
.story img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e3e8e3}
.story .cap{margin:16px 0 0;font-size:11px;color:var(--muted)}
.story .title{margin:12px 0;font-size:38px;font-weight:650;line-height:1.4;letter-spacing:-.03em}
.story .title .line{display:block}
.story .body{font-size:14px;line-height:1.85;color:var(--ink);margin:0 0 12px}
.story .more{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:2px;display:inline-block}
.story:hover .more{text-decoration:none}
.story .credit{display:block;margin-top:10px;font-size:10px;color:var(--muted)}
.story--small .title{font-size:26px}
.story--small .body{font-size:13px}
@media(max-width:700px){
  .stories{padding:44px 0}
  .sec-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:25px}
  .sec-title{font-size:28px}
  .sec-note{text-align:left}
  .story-grid{grid-template-columns:1fr;gap:36px}
  .story-grid .story:last-child{margin-top:36px}
  .story .title{font-size:29px}
  .story--small .title{font-size:24px}
  .story--small img{aspect-ratio:16/10}
  .story .body{font-size:13px}
  .story .cap{font-size:10px}
  .story .credit{font-size:9px}
}

/* 三處精選（滿寬淺綠） */
.picks{background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:76px var(--gutter)}
.picks .head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.picks .sec-title{color:var(--ink)}
.picks .more-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:2px}
.picks .more-link:hover{text-decoration:none}
.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pick{display:block;color:inherit}
.pick:hover{text-decoration:none}
.pick figure{margin:0;position:relative;overflow:hidden}
.pick img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#dfe4df;transition:transform .4s ease}
.pick:hover img{transform:scale(1.025)}
.pick .num{position:absolute;top:12px;left:12px;background:var(--paper);color:var(--ink);
  font-family:var(--en);font-size:11px;font-weight:650;padding:2px 8px}
.pick .meta{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;color:var(--muted)}
.pick .title{margin:7px 0 0;font-size:23px;font-weight:650;line-height:1.4;letter-spacing:-.03em;
  display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pick .title .arrow{font-size:18px}
.pick:hover .title{text-decoration:underline;text-underline-offset:.18em}
.pick .body{margin:10px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:700px){
  .picks{padding:44px var(--gutter)}
  .picks .head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:25px}
  .pick-grid{grid-template-columns:1fr;gap:24px}
  .pick{display:grid;grid-template-columns:40% 1fr;gap:18px;align-items:stretch}
  .pick figure{margin:0}
  .pick img{aspect-ratio:auto;height:100%;min-height:145px;object-fit:cover}
  .pick .meta{flex-direction:column;gap:2px;margin-top:0;font-size:9px}
  .pick .title{margin-top:4px;font-size:20px}
  .pick .body{margin-top:6px;font-size:12px}
}
@media(max-width:359px){
  .pick{gap:12px}
  .pick .title{font-size:18px}
}

/* 六個街區 */
.districts{padding:76px 0}
.district-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:34px}
.district{display:flex;align-items:center;gap:18px;padding:22px 0;
  border-top:1px solid var(--line);color:inherit}
.district:hover{text-decoration:none}
.district:hover .name{text-decoration:underline;text-underline-offset:.18em}
.district .idx{font-family:var(--en);font-size:11px;font-weight:650;color:var(--muted);width:22px;flex:0 0 auto}
.district img{width:80px;height:64px;object-fit:cover;flex:0 0 auto;background:#e3e8e3}
.district .name{font-size:20px;font-weight:600;flex:1 1 auto}
.district .count{font-size:11px;color:var(--muted);white-space:nowrap}
.district .arrow{font-size:24px;line-height:1}
@media(max-width:700px){
  .districts{padding:44px 0}
  .district-list{grid-template-columns:1fr;gap:0;margin-top:25px}
  .district{padding:17px 0;gap:14px}
  .district img{width:65px;height:55px}
  .district .name{font-size:18px}
}

/* 出發前提醒 */
.before{background:var(--ink);color:var(--paper);padding:60px var(--gutter);
  display:grid;grid-template-columns:1fr 1.1fr;gap:10%}
.before .kicker{font-family:var(--en);font-size:11px;font-weight:650;letter-spacing:.14em;opacity:.85}
.before .lead{margin:20px 0 0;font-size:42px;font-weight:550;line-height:1.35;letter-spacing:-.04em}
.before .lead span{display:block}
.before .more{display:inline-block;margin-top:22px;font-size:13px;font-weight:600;
  border-bottom:1px solid var(--paper);padding-bottom:2px;color:var(--paper)}
.before .more:hover{text-decoration:none}
.before .col2{padding-top:33px}
.before .body{max-width:540px;font-size:15px;line-height:1.9;margin:0}
.before .rule{border:0;border-top:1px solid rgba(202,214,206,.5);margin:28px 0 0}
.before .sub{margin:20px 0 0;font-size:12px;letter-spacing:.06em;opacity:.85}
.before .names{margin:8px 0 0;font-size:21px;font-weight:550}
.before .snap{margin:10px 0 0;font-size:10px;opacity:.75}
@media(max-width:700px){
  .before{grid-template-columns:1fr;gap:0;padding:38px 6vw}
  .before .lead{font-size:33px}
  .before .col2{padding-top:30px}
  .before .body{font-size:13px}
  .before .names{font-size:19px}
}

/* 頁尾 */
footer.site{background:var(--pale);border-top:1px solid var(--line);
  padding:52px var(--gutter) 22px;color:var(--ink)}
.foot-top{display:grid;grid-template-columns:1fr 1.25fr;gap:50px}
.foot-kicker{font-family:var(--en);font-size:11px;font-weight:650;letter-spacing:.14em;color:var(--muted)}
.foot-lead{margin:16px 0 0;font-size:17px;line-height:1.8}
.foot-lead span{display:block}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.foot-cols h3{margin:0 0 14px;font-size:12px;font-weight:650;letter-spacing:.04em}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols li{margin:0 0 10px}
.foot-cols a{font-size:11px;line-height:1.8;color:var(--ink)}
.foot-brand{margin:34px 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:26px}
.foot-brand .big{margin:0;font-size:clamp(52px,8.2vw,118px);font-weight:750;letter-spacing:-.06em;line-height:1.4}
.foot-brand .en{font-family:var(--en);font-size:12px;letter-spacing:.08em;line-height:1.4;
  text-align:right;color:var(--muted);white-space:nowrap}
.foot-brand .en span{display:block}
.foot-bottom{margin-top:15px;padding-top:15px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
@media(max-width:700px){
  footer.site{padding:34px 6vw 22px}
  .foot-top{grid-template-columns:1fr;gap:0}
  .foot-lead{font-size:14px}
  .foot-cols{margin-top:30px;grid-template-columns:1fr 1fr;gap:22px 30px}
  .foot-cols .col:nth-child(3){grid-column:1 / -1}
  .foot-brand{margin-top:28px;flex-direction:column;align-items:flex-start;gap:6px}
  .foot-brand .big{font-size:clamp(38px,10.2vw,68px)}
  .foot-brand .en{text-align:left;font-size:9px}
  .foot-bottom{margin-top:22px;flex-direction:column;gap:4px;font-size:9px}
}
@media(max-width:359px){
  .foot-brand .big{font-size:36px}
}

/* 內頁通用（第 01 輪結構保留，下一輪排版） */
.legacy-inner-page h1{font-size:1.9rem;line-height:1.3;margin:2rem 0 .75rem}
.legacy-inner-page h2{font-size:1.35rem;margin:2rem 0 .5rem}
.legacy-inner-page h3{font-size:1.1rem;margin:1.5rem 0 .4rem}
.legacy-inner-page p{margin:0 0 1rem}
.legacy-inner-page hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
.legacy-inner-page ul.plain{list-style:none;padding:0;margin:0}
.legacy-inner-page .meta{color:var(--muted);font-size:.95rem}
.legacy-inner-page .lede{font-size:1.1rem}
.legacy-inner-page section.block{margin:0 0 2.5rem}
.legacy-inner-page .grid{display:grid;gap:1.5rem}
@media(min-width:48rem){.legacy-inner-page .grid.cols-2{grid-template-columns:1fr 1fr}
 .legacy-inner-page .grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.legacy-inner-page .card{border:1px solid var(--line);padding:1rem}
.legacy-inner-page .card img{aspect-ratio:4/3;object-fit:cover;margin-bottom:.75rem;background:#f2f2f2}
.legacy-inner-page .card h3{margin-top:0}
.legacy-inner-page .filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;
  border:1px solid var(--line);padding:1rem;margin-bottom:1.5rem}
.legacy-inner-page .field{display:flex;flex-direction:column;gap:.25rem}
.legacy-inner-page .field label{font-size:.9rem;font-weight:600}
.legacy-inner-page .field input,.legacy-inner-page .field select{font:inherit;padding:.4em .5em;border:1px solid var(--muted);background:#fff}
.legacy-inner-page button{font:inherit;padding:.45em 1em;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}
.legacy-inner-page .result-count{margin:0 0 1rem}
.legacy-inner-page .no-results{border:1px dashed var(--line);padding:1.25rem}
.legacy-inner-page table{border-collapse:collapse;width:100%}
.legacy-inner-page th,.legacy-inner-page td{text-align:left;vertical-align:top;padding:.4rem .6rem;border-bottom:1px solid var(--line)}
.legacy-inner-page dl.facts{margin:0}
.legacy-inner-page dl.facts dt{font-weight:600;margin-top:.6rem}
.legacy-inner-page dl.facts dd{margin:0 0 .2rem}
.legacy-inner-page .tag{display:inline-block;border:1px solid var(--muted);padding:.1em .5em;font-size:.85rem;margin:0 .3em .3em 0}
.legacy-inner-page .notice{border-left:3px solid var(--muted);padding:.25rem 0 .25rem 1rem;margin:0 0 1rem;background:#fafafa}
.legacy-inner-page .img-credit{font-size:.85rem;color:var(--muted)}
.legacy-inner-page figure{margin:0 0 1.5rem}
.legacy-inner-page figcaption{font-size:.85rem;color:var(--muted);margin-top:.35rem}
.legacy-inner-page .timeline{list-style:none;padding:0;margin:0}
.legacy-inner-page .timeline li{border-left:2px solid var(--line);padding:0 0 1rem 1rem;margin-left:.25rem}
.legacy-inner-page .timeline .year{font-weight:700}
.legacy-inner-page .crumbs{font-size:.9rem;margin:0 0 1rem}
.legacy-inner-page details{margin:0 0 1rem}
.legacy-inner-page summary{cursor:pointer;font-weight:600}
.legacy-inner-page .article{font-size:16px;line-height:2}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none !important;animation:none !important}
}


/* --- round07 fixes --- */
header.site{position:relative;z-index:30}
header.site .bar{min-height:95px}
@media(max-width:700px){header.site .bar{min-height:75px}}

.hero-kicker{margin:0;line-height:1.5}
@media(max-width:700px){
  .hero-kicker{font-size:9px;line-height:1.5;margin:0}
  .hero-title .line+.line::before{content:""}
  .hero-stats{margin-top:24px;padding-top:0}
  .hero-stats .stat{flex-direction:row;align-items:baseline;gap:8px}
}

.hero-caption{background:#183e36;background-image:none}
.hero-caption .credit{white-space:normal;text-align:right;max-width:45%}

.story-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)}
.story-grid>article{min-width:0;margin:0}
.story-grid>article.story--small{margin-top:80px}
.story-link{display:block;color:inherit;text-decoration:none}
.story-link:hover{text-decoration:none}
.story .credit-wrap{margin:10px 0 0;font-size:10px;color:var(--muted);word-break:break-word}
@media(max-width:700px){
  .story-grid{grid-template-columns:1fr}
  .story-grid>article.story--small{margin-top:0}
}

/* inner-page scoping */
.legacy-inner-page h1{font-size:1.9rem;line-height:1.3;margin:2rem 0 .75rem}
.legacy-inner-page h2{font-size:1.35rem;margin:2rem 0 .5rem}
.legacy-inner-page h3{font-size:1.1rem;margin:1.5rem 0 .4rem}
.legacy-inner-page p{margin:0 0 1rem}
.legacy-inner-page hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
.legacy-inner-page ul.plain{list-style:none;padding:0;margin:0}
.legacy-inner-page .meta{color:var(--muted);font-size:.95rem}
.legacy-inner-page .lede{font-size:1.1rem}
.legacy-inner-page section.block{margin:0 0 2.5rem}
.legacy-inner-page .grid{display:grid;gap:1.5rem}
@media(min-width:48rem){
  .legacy-inner-page .grid.cols-2{grid-template-columns:1fr 1fr}
  .legacy-inner-page .grid.cols-3{grid-template-columns:repeat(3,1fr)}
}
.legacy-inner-page .card{border:1px solid var(--line);padding:1rem}
.legacy-inner-page .card img{aspect-ratio:4/3;object-fit:cover;margin-bottom:.75rem;background:#f2f2f2}
.legacy-inner-page .card h3{margin-top:0}
.legacy-inner-page .filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;
  border:1px solid var(--line);padding:1rem;margin-bottom:1.5rem}
.legacy-inner-page .field{display:flex;flex-direction:column;gap:.25rem}
.legacy-inner-page .field label{font-size:.9rem;font-weight:600}
.legacy-inner-page .field input,.legacy-inner-page .field select{font:inherit;padding:.4em .5em;border:1px solid var(--muted);background:#fff}
.legacy-inner-page button{font:inherit;padding:.45em 1em;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}
.legacy-inner-page .result-count{margin:0 0 1rem}
.legacy-inner-page .no-results{border:1px dashed var(--line);padding:1.25rem}
.legacy-inner-page table{border-collapse:collapse;width:100%}
.legacy-inner-page th,.legacy-inner-page td{text-align:left;vertical-align:top;padding:.4rem .6rem;border-bottom:1px solid var(--line)}
.legacy-inner-page dl.facts{margin:0}
.legacy-inner-page dl.facts dt{font-weight:600;margin-top:.6rem}
.legacy-inner-page dl.facts dd{margin:0 0 .2rem}
.legacy-inner-page .tag{display:inline-block;border:1px solid var(--muted);padding:.1em .5em;font-size:.85rem;margin:0 .3em .3em 0}
.legacy-inner-page .notice{border-left:3px solid var(--muted);padding:.25rem 0 .25rem 1rem;margin:0 0 1rem;background:#fafafa}
.legacy-inner-page .img-credit{font-size:.85rem;color:var(--muted)}
.legacy-inner-page figure{margin:0 0 1.5rem}
.legacy-inner-page figcaption{font-size:.85rem;color:var(--muted);margin-top:.35rem}
.legacy-inner-page .timeline{list-style:none;padding:0;margin:0}
.legacy-inner-page .timeline li{border-left:2px solid var(--line);padding:0 0 1rem 1rem;margin-left:.25rem}
.legacy-inner-page .timeline .year{font-weight:700}
.legacy-inner-page .crumbs{font-size:.9rem;margin:0 0 1rem}
.legacy-inner-page details{margin:0 0 1rem}
.legacy-inner-page summary{cursor:pointer;font-weight:600}
.legacy-inner-page .article{font-size:16px;line-height:2}
@media(max-width:700px){
  .wrap{padding-left:6vw;padding-right:6vw}
}


/* ===== 完整名錄 ===== */
.catalog-head{padding:60px 0 48px}
.catalog-kicker{font-family:var(--en);font-size:11px;font-weight:650;letter-spacing:.14em;color:var(--muted);margin:0}
.catalog-title{margin:24px 0;font-size:clamp(40px,4.4vw,66px);font-weight:700;line-height:1.25;letter-spacing:-.04em}
.catalog-lede{margin:0;font-size:16px;line-height:1.9}

.catalog-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:26px 0;display:grid;grid-template-columns:2fr 1fr 1.25fr auto;gap:22px;align-items:end}
.catalog-filters .field{display:flex;flex-direction:column;gap:6px}
.catalog-filters label{font-size:12px;font-weight:600;color:var(--ink)}
.catalog-filters input,
.catalog-filters select{font-family:var(--zh);font-size:15px;color:var(--ink);
  background:transparent;border:0;border-bottom:1px solid var(--ink);
  padding:12px 6px;min-height:48px;border-radius:0;-webkit-appearance:none;appearance:none}
.catalog-filters input:focus,
.catalog-filters select:focus{outline:3px solid var(--ink);outline-offset:2px}
.catalog-filters .field--reset{align-self:end}
.catalog-filters button{font-family:var(--zh);font-size:12px;font-weight:600;
  background:var(--ink);color:var(--paper);border:0;padding:14px 18px;min-height:48px;
  cursor:pointer;border-radius:0}
.catalog-filters button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

.catalog-count{margin:24px 0;font-size:12px;color:var(--muted)}
.catalog-grid{list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(3,1fr);column-gap:28px;row-gap:44px}
.catalog-grid>li{min-width:0}

.catalog-card{display:block;color:inherit;text-decoration:none}
.catalog-card:hover{text-decoration:none}
.catalog-card figure{margin:0;position:relative;overflow:hidden;background:#e3e8e3}
.catalog-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.catalog-card .idx{position:absolute;top:12px;left:12px;background:var(--paper);
  color:var(--ink);font-family:var(--en);font-size:11px;font-weight:650;padding:2px 8px}
.catalog-card .meta{display:flex;justify-content:space-between;gap:10px;
  margin:15px 0 0;font-size:10px;color:var(--muted);letter-spacing:.02em}
.catalog-card .name{margin:7px 0 0;font-size:22px;font-weight:650;line-height:1.4;
  letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.catalog-card .name .arrow{font-size:18px;flex:0 0 auto}
.catalog-card:hover .name{text-decoration:underline;text-underline-offset:.18em}
.catalog-card .body{margin:10px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.catalog-card .status{display:inline-block;margin:10px 0 0;font-size:11px;font-weight:600;
  color:var(--ink);border:1px solid var(--ink);padding:2px 8px}

.catalog-empty{border:1px dashed var(--line);padding:28px;margin:0}
.catalog-empty h2{margin:0 0 8px;font-size:18px;font-weight:650}
.catalog-empty p{margin:0;font-size:14px;color:var(--muted)}

@media(max-width:700px){
  .catalog-head{padding:35px 0 30px}
  .catalog-title{font-size:38px;margin:18px 0}
  .catalog-lede{font-size:14px}
  .catalog-filters{grid-template-columns:1fr 1fr;gap:20px 14px;padding:22px 0}
  .catalog-filters .field--q{grid-column:1 / -1}
  .catalog-filters .field--reset{grid-column:1 / -1}
  .catalog-filters button{width:120px;min-height:44px;padding:12px 14px}
  .catalog-grid{grid-template-columns:1fr 1fr;column-gap:16px;row-gap:26px}
  .catalog-card img{aspect-ratio:1/1}
  .catalog-card .name{font-size:18px;line-height:1.5}
  .catalog-card .name .arrow{font-size:14px}
  .catalog-card .meta{flex-direction:column;gap:2px;font-size:10px;margin-top:10px}
  .catalog-card .body{font-size:12px;line-height:1.8}
  .catalog-card .status{font-size:12px;margin-top:8px}
}
@media(max-width:359px){
  .catalog-grid{grid-template-columns:1fr}
  .catalog-card img{aspect-ratio:4/3}
}

/* 首頁 mobile pick 網格修正 */
@media(max-width:700px){
  .pick{display:grid;grid-template-columns:40% 1fr;column-gap:18px;row-gap:0}
  .pick figure{grid-column:1;grid-row:1 / 4;margin:0}
  .pick .meta{grid-column:2;grid-row:1;margin-top:0}
  .pick .title{grid-column:2;grid-row:2;margin-top:4px}
  .pick .body{grid-column:2;grid-row:3;margin-top:6px}
}
@media(max-width:359px){
  .pick{column-gap:12px}
}


/* ===== 詳情頁 ===== */
.detail-page .crumbs{font-size:11px;color:var(--muted);margin:24px 0 0}
.detail-page .crumbs a{text-decoration:none}
.detail-page .crumbs a:hover{text-decoration:underline}

.detail-head{padding:35px 0}
.detail-kicker{font-family:var(--en);font-size:11px;font-weight:650;letter-spacing:.14em;color:var(--muted);margin:0}
.detail-title{margin:18px 0 0;font-size:clamp(36px,4.3vw,64px);font-weight:650;line-height:1.3;letter-spacing:-.035em}
.detail-official{margin:10px 0 0;font-size:12px;color:var(--muted)}
.detail-intro{margin:18px 0 0;font-size:17px;line-height:1.85;max-width:760px}

.detail-hero{margin:0 0 40px;background:var(--pale)}
.detail-hero img{width:100%;max-height:560px;object-fit:contain;display:block}
.detail-hero figcaption{display:flex;justify-content:space-between;gap:20px;
  padding:12px 0;font-size:11px;color:var(--muted)}
.detail-hero figcaption a{color:inherit;text-decoration:none}
.detail-hero figcaption a:hover{text-decoration:underline}

.detail-cols{display:grid;grid-template-columns:1fr 2fr;gap:8%;align-items:start}
.detail-cols>*{min-width:0}

.detail-info{background:var(--pale);padding:24px;border-top:2px solid var(--ink);align-self:start}
.detail-info .kicker{font-family:var(--en);font-size:10px;font-weight:650;letter-spacing:.14em;color:var(--muted);margin:0}
.detail-info h2{margin:8px 0 18px;font-size:25px;font-weight:600;line-height:1.35}
.detail-info dl{margin:0}
.detail-info dt{font-size:11px;color:var(--muted);margin-top:14px}
.detail-info dd{margin:2px 0 0;font-size:14px;line-height:1.85;white-space:pre-line}
.detail-info .closing{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  font-size:13px;line-height:1.8}
.detail-info .confirm{margin-top:14px;font-size:12px;color:var(--ink)}
.detail-info .links{margin:18px 0 0;font-size:12px;display:flex;gap:16px;flex-wrap:wrap}
.detail-info .links a{border-bottom:1px solid var(--ink);padding-bottom:2px}

.detail-article{max-width:760px}
.detail-article .toc{display:flex;gap:30px;flex-wrap:wrap;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:15px 0;margin:0 0 38px;font-size:12px}
.detail-article .toc a{text-decoration:none;color:var(--ink);font-weight:600}
.detail-article .toc a:hover{text-decoration:underline}
.detail-article h2{margin:38px 0 24px;font-size:28px;font-weight:600;line-height:1.4}
.detail-article p{font-size:16px;line-height:2;margin:0 0 20px}
.detail-article .evidence{display:block;margin:-8px 0 20px;font-size:10px;color:var(--muted)}
.detail-article .evidence a{color:inherit}

.detail-features{list-style:none;padding:0;margin:0}
.detail-features>li{display:grid;grid-template-columns:40px 1fr;gap:18px;
  padding:20px 0;border-top:1px solid var(--line)}
.detail-features .num{font-family:var(--en);font-size:12px;font-weight:650;color:var(--muted)}
.detail-features h3{margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.5}
.detail-features p{margin:0 0 6px;font-size:14px;line-height:2}
.detail-features .src{font-size:10px;color:var(--muted)}
.detail-features .src a{color:inherit}

.detail-timeline{list-style:none;padding:0;margin:0}
.detail-timeline>li{display:grid;grid-template-columns:90px 1fr;gap:20px;
  padding:20px 0;border-top:1px solid var(--line)}
.detail-timeline .year{font-family:var(--en);font-size:18px;font-weight:600;line-height:1.4}
.detail-timeline h3{margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.5}
.detail-timeline p{margin:0 0 6px;font-size:14px;line-height:1.95}
.detail-timeline .scope{font-size:11px;color:var(--muted)}
.detail-timeline .src{font-size:10px;color:var(--muted)}
.detail-timeline .src a{color:inherit}
.detail-note{margin:18px 0 0;font-size:13px;line-height:1.9;color:var(--muted)}

.detail-tips{margin:38px 0 0}
.detail-tips h2{margin:0 0 20px;font-size:28px;font-weight:600;line-height:1.4}
.detail-tips ul{list-style:none;padding:0;margin:0}
.detail-tips li{padding:14px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.9}
.detail-tips .src{font-size:10px;color:var(--muted);display:block;margin-top:4px}

.detail-sources{margin:38px 0 0}
.detail-sources h2{margin:0 0 16px;font-size:28px;font-weight:600;line-height:1.4}
.detail-sources ul{list-style:none;padding:0;margin:0}
.detail-sources li{padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.detail-sources a{color:inherit}
.detail-sources p{margin:16px 0 0;font-size:12px;color:var(--muted)}

.detail-related{background:var(--pale);padding:76px var(--gutter);margin-top:60px}
.detail-related .head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.detail-related .kicker{font-family:var(--en);font-size:11px;font-weight:650;letter-spacing:.14em;color:var(--muted);margin:0}
.detail-related h2{margin:8px 0 0;font-size:36px;font-weight:650;line-height:1.35;letter-spacing:-.04em}
.detail-related .more-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:2px}
.detail-related .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.detail-related article{min-width:0}
.detail-related a{display:block;color:inherit;text-decoration:none}
.detail-related a:hover{text-decoration:none}
.detail-related img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#dfe4df}
.detail-related .name{margin:14px 0 0;font-size:21px;font-weight:650;line-height:1.4;letter-spacing:-.03em;
  display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.detail-related .name .arrow{font-size:18px}
.detail-related a:hover .name{text-decoration:underline;text-underline-offset:.18em}
.detail-related .meta{margin:6px 0 0;font-size:10px;color:var(--muted)}

@media(max-width:1000px) and (min-width:701px){
  .detail-cols{grid-template-columns:1fr 1.8fr;gap:5%}
}
@media(max-width:700px){
  .detail-page .crumbs{font-size:10px;margin-top:20px}
  .detail-head{padding:25px 0 24px}
  .detail-title{font-size:35px;margin-top:14px}
  .detail-official{font-size:10px}
  .detail-intro{font-size:15px}
  .detail-hero{margin-bottom:34px}
  .detail-hero img{max-height:380px}
  .detail-hero figcaption{flex-direction:column;gap:4px;font-size:9px}
  .detail-cols{grid-template-columns:1fr;gap:34px}
  .detail-info{padding:22px}
  .detail-article .toc{gap:20px;font-size:11px;margin-bottom:30px;flex-wrap:wrap}
  .detail-article h2{font-size:25px;margin-top:30px}
  .detail-article p{font-size:15px;line-height:2}
  .detail-features>li{grid-template-columns:28px 1fr;gap:12px}
  .detail-features h3{font-size:17px}
  .detail-features p{font-size:13px}
  .detail-timeline>li{grid-template-columns:70px 1fr;gap:14px}
  .detail-timeline .year{font-size:16px}
  .detail-timeline h3{font-size:15px}
  .detail-timeline p{font-size:13px}
  .detail-tips h2,.detail-sources h2{font-size:25px}
  .detail-related{padding:44px 6vw;margin-top:40px}
  .detail-related h2{font-size:28px}
  .detail-related .grid{grid-template-columns:1fr;gap:24px}
  .detail-related article{display:grid;grid-template-columns:40% 1fr;gap:18px;align-items:stretch}
  .detail-related img{aspect-ratio:auto;height:100%;min-height:145px;object-fit:cover}
  .detail-related .name{margin:0;font-size:20px}
  .detail-related .meta{margin-top:6px}
  .detail-related article a{display:contents}
}


/* ===== 圖片與字型來源 ===== */
.credits-page{font-size:15px}
.credits-page h1{font-size:clamp(40px,4.6vw,68px);font-weight:700;line-height:1.25;
  letter-spacing:-.04em;margin:60px 0 24px}
.credits-page .credits-intro{font-size:16px;line-height:1.9;max-width:720px;margin:0 0 48px}
.credits-page h2{font-size:26px;font-weight:650;line-height:1.4;margin:60px 0 20px;letter-spacing:-.03em}
.credits-page h2 .cap{font-family:var(--en);font-size:11px;font-weight:650;
  letter-spacing:.14em;color:var(--muted);display:block;margin-bottom:8px}

.credits-list{list-style:none;padding:0;margin:0}
.credits-list>li{border-top:1px solid var(--line)}
.credits-list>li:last-child{border-bottom:1px solid var(--line)}
.credits-list summary{display:grid;grid-template-columns:86px 1fr 24px;gap:22px;
  align-items:center;padding:18px 0;cursor:pointer;list-style:none}
.credits-list summary::-webkit-details-marker{display:none}
.credits-list summary img{width:86px;height:64px;object-fit:cover;background:#e3e8e3;display:block}
.credits-list .line{min-width:0}
.credits-list .name{font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.credits-list .by{font-size:11px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.credits-list .plus{font-size:24px;line-height:1;text-align:right;color:var(--ink)}
.credits-list details[open] .plus::after{content:"\2212"}
.credits-list details[open] .plus{font-size:0}
.credits-list details[open] .plus::before{content:"\2212";font-size:24px}

.credit-detail{padding:0 0 24px 108px;font-size:12px;line-height:1.9;
  color:var(--ink);overflow-wrap:anywhere}
.credit-detail dl{margin:0;display:grid;grid-template-columns:max-content 1fr;
  column-gap:14px;row-gap:4px}
.credit-detail dt{color:var(--muted);min-width:0}
.credit-detail dd{margin:0;min-width:0;overflow-wrap:anywhere}
.credit-detail a{color:var(--ink);word-break:break-all}
.credit-detail p{margin:12px 0 0}
.credit-detail .crop-note{color:var(--muted);font-size:11px;margin-top:14px}

.credits-fonts .credits-list summary{grid-template-columns:1fr 24px}
.credits-fonts .credit-detail{padding-left:0}

@media(max-width:700px){
  .credits-page h1{font-size:38px;margin:35px 0 18px}
  .credits-page .credits-intro{font-size:14px;margin-bottom:32px}
  .credits-page h2{font-size:22px;margin:40px 0 16px}
  .credits-list summary{grid-template-columns:64px 1fr 20px;gap:14px;padding:14px 0}
  .credits-list summary img{width:64px;height:50px}
  .credits-list .name{font-size:15px}
  .credits-list .by{font-size:9px}
  .credit-detail{padding:0 0 20px 0;font-size:11px}
  .credit-detail dl{grid-template-columns:1fr;row-gap:2px}
  .credit-detail dt{margin-top:8px}
}


/* ===== 支持頁（visiting / about） ===== */
.support-page{font-size:16px}
.support-page h1{font-size:clamp(38px,4.4vw,64px);font-weight:700;line-height:1.25;
  letter-spacing:-.04em;margin:60px 0 22px}
.support-page .support-kicker{font-family:var(--en);font-size:11px;font-weight:650;
  letter-spacing:.14em;color:var(--muted);margin:0}
.support-page .support-lede{font-size:16px;line-height:1.9;max-width:720px;margin:0 0 40px}
.support-page h2{font-size:28px;font-weight:650;line-height:1.35;letter-spacing:-.03em;
  margin:56px 0 18px}
.support-page h3{font-size:20px;font-weight:600;line-height:1.5;margin:0 0 8px}
.support-page p{font-size:15px;line-height:1.9;margin:0 0 14px}
.support-page a{color:var(--ink)}
.support-page section.block{margin:0 0 8px}

/* 開放安排與確認列 */
.support-page .notices{list-style:none;padding:0;margin:0}
.support-page .notices>li{background:var(--pale);padding:22px;display:grid;
  grid-template-columns:160px 1fr;gap:26px;align-items:start;margin-bottom:16px}
.support-page .notices img{width:160px;height:125px;object-fit:cover;display:block;background:#dfe4df}
.support-page .notices h3{font-size:23px;margin:0 0 8px}
.support-page .notices p{font-size:13px;line-height:1.8;margin:0 0 6px}
.support-page .notices .formal{font-size:12px;color:var(--muted);border-top:1px solid var(--line);
  margin-top:10px;padding-top:8px}
.support-page .notices a{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink)}

.support-page .confirm{list-style:none;padding:0;margin:0}
.support-page .confirm>li{display:grid;grid-template-columns:220px 1fr auto;gap:20px;
  align-items:baseline;padding:16px 0;border-top:1px solid var(--line);font-size:14px}
.support-page .confirm .nm{font-weight:600}
.support-page .confirm .h{color:var(--ink);white-space:pre-line}
.support-page .confirm a{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink)}

/* 街區卡 */
.support-page .districts-grid{display:grid;grid-template-columns:repeat(3,1fr);
  gap:36px 28px;margin:0}
.support-page .districts-grid article{min-width:0}
.support-page .districts-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;
  background:#dfe4df;display:block}
.support-page .districts-grid h3{margin:12px 0 6px;font-size:20px;font-weight:650}
.support-page .districts-grid p{font-size:13px;line-height:1.8;margin:0 0 10px;color:var(--muted)}
.support-page .districts-grid .more{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:2px}

/* 與城市共享空間 */
.support-page .share{border-top:1px solid var(--line);padding-top:22px;margin-top:40px}
.support-page .share p{font-size:14px;line-height:1.9}
.support-page .share a{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink)}

/* 關於：hero 兩欄 */
.support-page .about-top{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;
  align-items:start;margin-bottom:70px}
.support-page .about-top figure{margin:0}
.support-page .about-top img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#dfe4df}
.support-page .about-top figcaption{font-size:11px;color:var(--muted);margin-top:10px}
.support-page .about-top figcaption a{color:inherit}
.support-page .about-article p{font-size:15px;line-height:1.9;margin:0 0 16px}
.support-page .about-article h2{font-size:22px;font-weight:650;margin:32px 0 12px}

.support-page .sources-list{list-style:none;padding:0;margin:0}
.support-page .sources-list li{padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.support-page .sources-list a{color:inherit}

@media(max-width:700px){
  .support-page h1{font-size:38px;margin:35px 0 18px}
  .support-page .support-lede{font-size:14px;margin-bottom:28px}
  .support-page h2{font-size:22px;margin:38px 0 14px}
  .support-page h3{font-size:18px}
  .support-page p{font-size:14px}
  .support-page .notices>li{grid-template-columns:85px 1fr;gap:16px;padding:16px}
  .support-page .notices img{width:85px;height:85px}
  .support-page .notices h3{font-size:20px}
  .support-page .notices p{font-size:12px}
  .support-page .confirm>li{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .support-page .districts-grid{grid-template-columns:1fr 1fr;gap:28px 16px}
  .support-page .districts-grid h3{font-size:18px}
  .support-page .districts-grid p{font-size:12px}
  .support-page .about-top{grid-template-columns:1fr;gap:0;margin-bottom:34px}
  .support-page .about-top img{aspect-ratio:4/3}
  .support-page .about-top figure{margin-bottom:34px}
  .support-page .about-article p{font-size:14px}
}


/* --- round17 tweaks --- */
.story .credit-wrap{margin:0}
.sec-kicker{margin:0}
.sec-note{margin:0}
.foot-kicker{margin:0}
.foot-cols{font-size:12px;line-height:1.7;gap:26px}
.foot-cols a{font-size:11px}
.foot-cols h3{font-size:12px}

@media(max-width:700px){
  .story-grid .story:last-child{margin-top:0}
  .story .title .line{display:inline}
  .story .title .line+.line::before{content:" "}
  .story .credit{font-size:9px}
  .foot-cols{gap:22px 26px;margin-top:30px}
  .picks{padding-left:6vw;padding-right:6vw}
}