@import url("/assets/brand/wood-mark.css");

:root{--ink:#242a32;--paper:#fbf9f4;--muted:#6d716c;--line:#ddd9d0;--rose:#f0c5b7;--orange:#ffb950;--sea:#9bd3c5;--blue:#193e5a;--acid:#e5f262}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1e7580;outline-offset:3px}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}.serif{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif}.shell{max-width:1320px;margin:auto;padding-inline:clamp(22px,5.2vw,84px)}.eyebrow{font-size:12px;letter-spacing:.04em;color:#706d65}.intro{font-size:16px;line-height:2.1;color:#43454a}.mini{font-size:12px;color:#656b68}.not-live{background:#263642;color:white;text-align:center;font-size:11px;padding:6px 14px}.top{position:sticky;top:0;z-index:60;background:rgba(251,249,244,.97);border-bottom:1px solid #cfcfc6;backdrop-filter:blur(12px)}.top-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-family:'Noto Serif TC','Songti TC',serif;font-size:29px;font-weight:900;letter-spacing:.08em;line-height:1}.logo:after{content:'';display:inline-block;width:7px;height:7px;background:#f07355;margin-left:6px;border-radius:50%}.nav{display:flex;gap:37px;align-items:center}.nav a{font-size:13px;font-weight:600;letter-spacing:.02em}.nav a:hover{text-decoration:underline;text-underline-offset:8px}.menu-toggle{display:none;background:transparent;font-size:22px;padding:4px}.search-btn{background:none;padding:8px;border-bottom:1px solid #2d4144;font-size:12px;color:#455a60}
/* A real editorial opener: restrained type / stacked reportage photos */
.cover{overflow:hidden;position:relative;border-bottom:1px solid #cac6bc}.cover .shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:0;align-items:stretch;min-height:590px}.cover-left{position:relative;z-index:2;padding:79px 2vw 76px 0;align-self:center}.cover-stamp{font-size:13px;letter-spacing:.16em;color:#ae5c45;margin-bottom:28px;display:flex;align-items:center;gap:11px}.cover-stamp:before{content:'';display:block;width:32px;height:2px;background:#e46f50}.cover h1{font-size:clamp(63px,7.2vw,115px);font-weight:900;letter-spacing:-.1em;line-height:1.08;margin:0 0 22px;color:#1d2d41}.cover h1 b{color:#ec795e;font-weight:900}.cover p{font-size:17px;line-height:2.1;max-width:390px;margin:0 0 36px}.cover-bottom{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:13px;font-weight:700}.cover-bottom a{border-bottom:2px solid #1c333e;padding-bottom:5px}.cover-bottom small{font-size:12px;font-weight:400;color:#656f72}.cover-art{position:relative;min-width:0;min-height:610px;margin-right:calc(-1 * max(22px, (100vw - 1320px)/2 + 65px));background:#f3e5d7}.cover-art .photo1{position:absolute;width:59%;height:88%;left:6%;top:5%;object-position:center}.cover-art .photo2{position:absolute;width:41%;height:50%;right:0;bottom:4%;outline:10px solid var(--paper);object-position:center}.cover-art .photo3{position:absolute;width:34%;height:31%;right:0;top:4%;outline:10px solid var(--paper)}.cover-art .note{position:absolute;bottom:7%;left:0;background:#e9bfa6;padding:13px 22px;font-size:13px;letter-spacing:.04em;transform:translateX(-15%);z-index:2}.cover-art:after{content:'';position:absolute;bottom:-70px;right:14%;width:145px;height:145px;border-radius:50%;background:#cadfd8;z-index:-1}
/* varied full-width destination storytelling, not three repeated cards */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 34px}.section-heading h2{font-size:clamp(36px,5.1vw,65px);font-weight:850;letter-spacing:-.08em;line-height:1.25;margin:0}.section-heading p{font-size:13px;color:#6b6f70;margin:0 0 9px}.dest-wrap{padding-block:99px 88px}.dest-intro{text-align:right;font-size:13px;max-width:250px;color:#626b6c}
.japan{display:grid;grid-template-columns:1.07fr .93fr;min-height:444px;position:relative;margin-bottom:26px;background:#f0c8bc}.japan .pic{position:relative;overflow:hidden;min-height:440px}.japan .pic img{object-position:center}.japan .words{padding:65px 64px 45px;display:flex;flex-direction:column;align-items:start;justify-content:center}.c-small{font-size:12px;letter-spacing:.11em;font-weight:650}.japan h3,.thailand h3,.malaysia h3{font-weight:850;letter-spacing:-.09em;line-height:1.12;margin:12px 0 23px}.japan h3{font-size:clamp(66px,7vw,98px);color:#7a342f}.dest-desc{font-size:14px;line-height:2;max-width:350px}.look{font-size:13px;font-weight:750;margin-top:27px;padding-bottom:4px;border-bottom:1px solid currentColor;display:inline-flex;gap:17px;align-items:center}.look i{font-style:normal;font-size:19px}.japan .vertical{position:absolute;left:18px;top:20px;background:#fff8;color:#33423d;font-size:11px;writing-mode:vertical-rl;letter-spacing:.22em;padding:9px 7px;z-index:2}
.thailand{display:grid;grid-template-columns:.85fr 1.15fr;min-height:464px;position:relative;background:#ffd071;margin-bottom:26px}.thailand .words{padding:56px 30px 55px 72px;display:flex;flex-direction:column;justify-content:center;align-items:start}.thailand h3{font-size:clamp(69px,8vw,112px);color:#75381e}.thailand .visual{min-height:465px;position:relative;overflow:hidden}.thailand .visual img{position:absolute;inset:0}.thailand .thumb{position:absolute;bottom:22px;left:-42px;width:175px;height:144px;z-index:2;border:8px solid #ffd071;box-shadow:0 13px 24px #34250a55}.thailand .thai-note{position:absolute;right:22px;top:28px;writing-mode:vertical-rl;background:#ffdc95;padding:10px 8px;font-size:12px;color:#814f33;letter-spacing:.1em}
.malaysia{display:grid;grid-template-columns:1.1fr .9fr;min-height:406px;background:#a7dccf;position:relative}.malaysia .visual{position:relative;overflow:hidden;min-height:405px;background:#2d7a75}.malaysia .visual img{filter:saturate(.95)}.malaysia .words{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:49px 40px 48px 67px}.malaysia h3{font-size:clamp(52px,6.6vw,90px);color:#125c64;white-space:nowrap}.malaysia .credit{font-size:11px;color:#315e65;margin-top:16px}.design-comment{border-bottom:1px solid var(--line);border-top:1px solid var(--line);font-size:12px;color:#74716a;padding:18px 0;margin-top:26px}
/* one picture-led city folio + list, no repeated boxes */
.cities{padding:90px 0 105px;background:#f5f2ec}.cities-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:55px;align-items:start}.cities-spot{position:relative;min-height:510px;overflow:hidden;background:#f1e3d1;cursor:pointer;text-align:left;padding:0}.cities-spot img{height:510px}.cities-spot:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#152d39bb)}.cities-spot span{position:absolute;z-index:2;bottom:32px;left:32px;color:white;font-size:38px;font-weight:900;letter-spacing:-.07em}.cities-spot small{display:block;color:#fff9;font-size:13px;font-weight:400;letter-spacing:0}.city-filter{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:2px 0 17px}.city-filter button{font-size:13px;background:transparent;padding:2px 0;border-bottom:2px solid transparent;color:#79807e}.city-filter button.active{border-color:#ec7756;color:#273747;font-weight:800}.city-index{list-style:none;padding:0;margin:0;border-top:1px solid #b8b9af}.city-index li{border-bottom:1px solid #c4c6bd}.city-index button{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;text-align:left;background:none;padding:18px 0 19px}.city-index button:hover strong{color:#d85e45}.city-index strong{font-size:25px;font-weight:750;letter-spacing:-.05em}.city-index .small-desc{font-size:12px;color:#747772;margin-left:auto}.city-index .arrow{font-size:24px;font-weight:300}.city-index li[hidden]{display:none}.city-foot{font-size:12px;color:#65716b;margin:18px 0 0}
/* utility spread dark ink, type-led instead of icons+cards */
.useful{background:#233d4b;color:#fff9eb;padding:80px 0 95px;position:relative;overflow:hidden}.useful:before{content:'?';font-family:Georgia,serif;font-size:520px;position:absolute;right:-60px;top:-220px;line-height:1;color:#ffffff08;pointer-events:none}.useful .section-heading p{color:#bfd5d8}.useful h2{color:#f8ecca}.use-index{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #729098}.use-item{display:flex;align-items:start;justify-content:space-between;gap:30px;border-bottom:1px solid #729098;padding:28px 0;cursor:pointer;background:none;color:#f2f1e8;text-align:left}.use-item:nth-child(odd){padding-right:26px}.use-item:nth-child(even){padding-left:26px}.use-item:hover h3{color:#ffc87a}.use-item h3{font-size:25px;font-weight:750;margin:0 0 4px;letter-spacing:-.05em}.use-item p{margin:0;font-size:13px;color:#bdced0}.use-item span{font-size:28px;color:#ffc87a}
/* updates with feature story and plain thin rows */
.reading{padding:96px 0 110px}.reading-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px}.story-hero{text-align:left;background:none;padding:0;display:block}.story-hero .visual{height:280px;overflow:hidden;position:relative}.story-hero img{transition:transform .4s}.story-hero:hover img{transform:scale(1.035)}.story-hero h3{font-size:30px;line-height:1.5;font-weight:800;letter-spacing:-.055em;margin:16px 0 6px}.story-hero .overline{font-size:12px;color:#ad603d}.story-hero p{font-size:13px;color:#666e6e;line-height:1.85;margin:0}.story-list{border-top:1px solid #bcbcb5}.story-list button{width:100%;text-align:left;background:none;display:grid;grid-template-columns:1fr 25px;gap:16px;padding:25px 0;border-bottom:1px solid #ccccc2}.story-list button:hover h3{color:#d85e45}.story-list small{font-size:12px;color:#8b644d}.story-list h3{font-size:21px;line-height:1.6;margin:3px 0 0;font-weight:750;letter-spacing:-.035em}.story-list .arrow{font-size:21px;font-weight:300;padding-top:20px}
footer{background:#e8e2d6;border-top:1px solid #d0cdc4;padding:44px 0 42px}.foot{display:flex;justify-content:space-between;align-items:center;gap:25px}.foot-brand{font-family:'Noto Serif TC',serif;font-size:40px;font-weight:850}.foot p{font-size:12px;color:#666e70;line-height:1.8}.foot-links{display:flex;gap:19px;flex-wrap:wrap;font-size:12px}.foot-links a{text-decoration:underline;text-underline-offset:5px}
/* functioning preview dialog + search */
.top-btn{position:fixed;bottom:24px;right:26px;background:#223f4b;color:white;border:1px solid #fff4;font-size:20px;width:48px;height:48px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.top-btn.visible{opacity:1;pointer-events:auto}.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#10252dcc;z-index:100;padding:18px}.overlay.open{display:flex}.modal{background:#fcf9f2;max-height:90vh;overflow:auto;width:min(520px,100%);padding:38px;position:relative;box-shadow:0 20px 80px #0002}.modal h2{font-family:'Noto Serif TC',serif;font-size:33px;letter-spacing:-.06em;margin:6px 0 18px}.modal p{font-size:15px;line-height:1.95}.modal .small{font-size:12px;color:#5e7679}.close{position:absolute;right:17px;top:8px;background:transparent;font-size:29px}.modal-cta{display:inline-block;margin-top:20px;border-bottom:2px solid #253c47;font-weight:750;font-size:14px}.modal-cta[hidden]{display:none}.searchin{width:100%;padding:14px 12px;border:1px solid #b9bab4;background:#fff;margin:4px 0 12px}.results{display:grid;gap:0;max-height:48vh;overflow:auto}.results :is(button,.search-direct-link){display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 4px;border-bottom:1px solid #dbd8cf;background:none;text-align:left}.results :is(button,.search-direct-link):hover{color:#cc573e}
@media(max-width:1050px){.cover .shell{grid-template-columns:.85fr 1.15fr}.cover h1{font-size:68px}.cover-art{min-height:530px}.japan .words,.malaysia .words{padding-left:38px}.thailand .words{padding-left:43px}.cities-layout{gap:32px}.reading-grid{gap:35px}}
@media(max-width:700px){.shell{padding-inline:20px}.top-inner{min-height:64px}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--paper);border-bottom:1px solid #ddd6cb;padding:20px;flex-direction:column;align-items:start;gap:16px}.nav.open{display:flex}.menu-toggle{display:block}.logo{font-size:26px;margin-right:auto}.search-btn{font-size:12px}.cover .shell{display:flex;flex-direction:column}.cover-left{padding:57px 0 39px}.cover h1{font-size:65px;margin-bottom:17px}.cover p{font-size:15px;margin-bottom:20px}.cover-art{height:365px;min-height:365px;margin-left:-20px;margin-right:-20px}.cover-art .photo1{left:4%;width:63%;height:90%;top:3%}.cover-art .photo2{right:0;width:45%;height:49%;bottom:0;outline-width:7px}.cover-art .photo3{right:0;width:35%;top:2%;height:35%;outline-width:7px}.cover-art .note{font-size:11px;bottom:5%;left:20%;padding:9px 14px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:40px}.section-heading p{margin-top:9px}.dest-wrap{padding-block:65px 60px}.japan,.thailand,.malaysia{display:flex;flex-direction:column}.japan .pic,.thailand .visual,.malaysia .visual{height:290px;min-height:290px}.japan .words,.thailand .words,.malaysia .words{padding:29px 27px 34px}.japan h3,.thailand h3,.malaysia h3{font-size:66px;margin:12px 0 14px}.malaysia h3{font-size:49px;white-space:normal}.japan .vertical{font-size:10px}.thailand .visual{order:0}.thailand .words{order:1}.thailand .thumb{left:auto;right:15px;width:125px;height:98px;bottom:-8px;border-width:5px}.malaysia .visual{order:0}.malaysia .words{order:1}.look{margin-top:15px}.design-comment{line-height:1.8}.cities{padding:65px 0 73px}.cities-layout{grid-template-columns:1fr;gap:27px}.cities-spot{height:330px;min-height:330px}.cities-spot img{height:330px}.cities-spot span{font-size:32px}.city-index strong{font-size:22px}.city-index .small-desc{font-size:11px;max-width:140px;text-align:right}.useful{padding:65px 0 70px}.use-index{grid-template-columns:1fr}.use-item:nth-child(odd),.use-item:nth-child(even){padding:21px 0}.use-item h3{font-size:23px}.reading{padding:72px 0 78px}.reading-grid{grid-template-columns:1fr;gap:31px}.story-hero .visual{height:260px}.story-hero h3{font-size:26px}.foot{display:block}.foot-links{margin-top:27px}.modal{padding:29px 23px}.modal h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* V3: white editorial page, photographic left folio and compact country/city index */
:root {--paper:#fff;--line:#dedfda;--ink:#26323b;}
body, .cover, .top, .reading, footer{background:#fff;}
.top{background:rgba(255,255,255,.98);border-bottom-color:#e7e7e3}
.cover{background:#fff;border-bottom:1px solid #eeeeea;}
.cover-art{background:#fff4ee}.cover-art .photo2,.cover-art .photo3{outline-color:#fff}
.cover-art .note{background:#fff3e9}
.cover h1{color:#1d2d41}
.directory{padding-top:90px;padding-bottom:96px;scroll-margin-top:110px}
.directory-heading{margin-bottom:35px;align-items:end}
.directory-heading h2{font-size:clamp(38px,4.5vw,60px);letter-spacing:-.075em}
.directory-heading p{color:#66747a;font-size:14px;margin:12px 0 3px}
.destination-spread{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(34px,6vw,86px);align-items:stretch}
.destination-photo{margin:0;position:relative;min-height:655px;background:#f4f4f0;overflow:hidden}
.destination-images{position:absolute;inset:0}
.country-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .48s ease,transform .7s ease;transform:scale(1.04)}
.country-photo.is-selected{opacity:1;transform:scale(1)}
.destination-photo:after{content:'';position:absolute;inset:66% 0 0;background:linear-gradient(transparent,#0e283c91);pointer-events:none}
.destination-photo figcaption{position:absolute;left:29px;bottom:25px;right:25px;z-index:2;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;font-size:13px}
.destination-photo .small-label{font-size:12px;color:#fdf9f3de}
#photoCaption{font-size:18px;font-weight:750;white-space:nowrap}
.country-index{display:flex;flex-direction:column;justify-content:center;min-width:0}
.index-intro{font-size:14px;color:#647078;margin-bottom:26px;line-height:1.9}
.country-line{padding:27px 0 30px;border-top:1px solid #d9dddf;transition:border-color .2s;scroll-margin-top:110px;position:relative}
.country-line:last-of-type{border-bottom:1px solid #d9dddf}
.country-line:before{content:'';position:absolute;left:0;top:-1px;height:3px;width:0;transition:width .23s}
.country-line.is-featured:before{width:67px}
.country-japan:before{background:#dc8277}.country-thai:before{background:#e4a34a}.country-malay:before{background:#4e9c96}
.country-title :is(button,.country-page-link){display:flex;width:100%;align-items:baseline;gap:13px;text-align:left;background:none;padding:0;color:#213743}
.country-title span{font-size:clamp(34px,3.5vw,49px);font-family:'Noto Serif TC','Songti TC',serif;font-weight:840;line-height:1.5;letter-spacing:-.06em}
.country-japan.is-featured .country-title span{color:#ab544b}.country-thai.is-featured .country-title span{color:#aa6728}.country-malay.is-featured .country-title span{color:#277b76}
.country-title small{font-size:12px;color:#879199;letter-spacing:.045em;font-weight:400}
.country-title i{font-style:normal;margin-left:auto;font-size:20px;color:#8e999c;font-weight:300;align-self:center}
.city-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:8px}
.city-links button{position:relative;color:#4e5d64;font-size:15px;background:transparent;padding:4px 0;text-decoration:none;text-underline-offset:5px}
.city-links button:hover,.city-links button:focus-visible{text-decoration:underline;color:#1b4859}
.destination-note{margin:24px 0 0;color:#878a8a;font-size:12px;line-height:1.8}
.reading{border-top:1px solid #eee;padding-top:84px}
footer{border-top:1px solid #e5e5df}
@media(max-width:1050px){.destination-spread{gap:35px;grid-template-columns:.93fr 1.07fr}.destination-photo{min-height:595px}.city-links{gap:5px 16px}}
@media(max-width:700px){.top .nav{background:white}.cover-art{background:#fff4ee}.directory{padding-top:63px;padding-bottom:65px}.directory-heading h2{font-size:40px}.destination-spread{grid-template-columns:1fr;gap:26px}.destination-photo{min-height:0;height:320px}.country-index{justify-content:flex-start}.country-line{padding:17px 0 20px}.country-title span{font-size:32px}.country-title small{font-size:11px}.city-links{gap:4px 20px;margin-top:5px}.city-links button{font-size:14px}.index-intro{margin-bottom:10px}.destination-photo figcaption{left:20px;bottom:18px;right:20px}.reading{padding-top:66px}}
@media(max-width:385px){.destination-photo{height:290px}.city-links{gap:2px 16px}}
@media(prefers-reduced-motion:reduce){.country-photo{transition:none;transform:none}}

/* V4: country name on the left, clickable cities on the right. 2026-10-14 */
.country-line {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  column-gap: clamp(12px, 2vw, 28px);
  row-gap: 4px;
  align-items: start;
  padding: 25px 0;
}
.country-title {grid-column:1;grid-row:1 / span 2;align-self:start;min-width:0}
.country-title :is(button,.country-page-link) {display:inline-flex;align-items:center;width:auto;gap:0;padding:0;border:0;cursor:pointer}
.country-title span {font-size:clamp(28px,2.7vw,36px);letter-spacing:-.07em;line-height:1.45}
.country-japan .country-title span {color:#B65B51}
.country-thai .country-title span {color:#C58231}
.country-malay .country-title span {color:#288579}
.country-title :is(button,.country-page-link):hover span,.country-title :is(button,.country-page-link):focus-visible span {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.city-links {grid-column:2;grid-row:1;align-self:center;display:flex;flex-wrap:wrap;column-gap:clamp(14px,1.7vw,22px);row-gap:4px;margin:2px 0 0;min-width:0}
.city-links button {font-size:16px;line-height:1.75;white-space:nowrap; padding:2px 0}
.region-links {grid-column:2;grid-row:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin-top:0}
.region-label {font-size:12px;letter-spacing:.07em;color:#879199}
.region-links button {font-size:15px;line-height:1.8;color:#4e5d64;background:none;padding:0;text-underline-offset:5px}
.region-links button:hover,.region-links button:focus-visible {color:#1b4859;text-decoration:underline}
@media(max-width:1100px) {
 .country-line {grid-template-columns:130px minmax(0,1fr);column-gap:12px}
 .country-title span {font-size:30px}
 .city-links {column-gap:16px}
 .city-links button {font-size:15px}
}
@media(max-width:700px) {
 .country-line {grid-template-columns:128px minmax(0,1fr);column-gap:12px;padding:20px 0}
 .country-title span {font-size:29px}
 .city-links {column-gap:17px;row-gap:2px;margin-top:1px}
 .city-links button {font-size:15px}
 .region-links button {font-size:14px}
}
@media(max-width:385px) {
 .country-line {grid-template-columns:117px minmax(0,1fr);column-gap:10px}
 .country-title span {font-size:26px}
 .city-links {column-gap:13px}
 .city-links button {font-size:14px}
}



/* 品牌標誌與雙欄國家目錄 */
.top-inner .identity{display:flex;align-items:center;gap:14px;min-width:0;white-space:nowrap}
.publisher{display:flex;align-items:center;gap:9px;color:#172b36;text-decoration:none!important}
.publisher-stamp{display:grid;place-items:center;width:34px;height:34px;border:1.6px solid #243b46;font-size:20px;font-family:serif;font-weight:900;line-height:1;transition:background .2s,color .2s}
.publisher:hover .publisher-stamp{background:#172b36;color:white}
.publisher-title{font-size:13px;font-weight:750;letter-spacing:.015em}
.brand-divider{height:21px;width:1px;background:#cdd4d7}
.chapter-brand{font-family:'Noto Serif TC','Songti TC',serif;font-weight:900;font-size:23px;line-height:1;letter-spacing:.08em;color:#243b46;text-decoration:none!important}
.chapter-brand:hover{color:#b76555}
.country-line{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 22px;align-items:center}
.country-title{grid-column:1;align-self:start}
.city-links{grid-column:2;align-self:center;gap:7px 19px;margin-top:0}
.country-title :is(button,.country-page-link){font-size:clamp(23px,2.5vw,31px)!important;line-height:1.6!important}
.index-intro{margin-bottom:18px}
.country-japan .country-title :is(button,.country-page-link){color:#b35e51}
.country-thai .country-title :is(button,.country-page-link){color:#aa6e2e}
.country-malay .country-title :is(button,.country-page-link){color:#287a78}
.country-line .city-links button{font-size:14.5px;line-height:1.7}
@media(max-width:1110px){.top-inner{gap:12px}.nav{gap:16px}.publisher-title{font-size:12px}}
@media(max-width:800px){.publisher-title{display:none}.brand-divider{margin-left:0}.top-inner .identity{gap:11px}.chapter-brand{font-size:22px}}
@media(max-width:570px){.country-line{grid-template-columns:76px minmax(0,1fr);gap:6px 12px;padding:20px 0 23px}.country-title :is(button,.country-page-link){font-size:23px!important}.city-links{gap:5px 15px}.country-line .city-links button{font-size:14px}.publisher-stamp{width:30px;height:30px}.chapter-brand{font-size:21px}.top-inner .identity{gap:9px}}


/* 品牌導覽、國家目錄與已完成頁面連結 */
.top{background:#fff!important}.country-title span{font-size:30px!important;white-space:nowrap;line-height:1.4;letter-spacing:-.05em}
.country-line{grid-template-columns:140px minmax(0,1fr);gap:12px 20px}
.city-links a.city-direct-link{position:relative;color:#235f8c;font-size:14.5px;line-height:1.7;padding:4px 0;text-decoration:underline;text-decoration-color:#a0bdcb;text-underline-offset:5px}
.city-links a.city-direct-link:hover{color:#17416c;text-decoration-color:currentColor}
.reading-grid a.published-article{display:block;color:inherit;text-decoration:none}
.reading-grid a.published-article:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.reading-grid .story-list a.published-article{border-top:1px solid #ddd9d3;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.reading-grid .story-list a.published-article:last-child{border-bottom:1px solid #ddd9d3}
.reading-grid .story-list a.published-article h3{color:#243948}
@media(max-width:800px){.publisher-title{display:inline!important;font-size:12px!important}.chapter-brand{font-size:20px!important}.top-inner .identity{gap:9px}.top-inner{gap:11px}}
@media(max-width:570px){.country-line{grid-template-columns:100px minmax(0,1fr);gap:10px 11px}.country-title span{font-size:21px!important;letter-spacing:-.09em}.city-links a.city-direct-link{font-size:14px}.top-inner .identity{gap:6px}.publisher-stamp{width:29px;height:29px;font-size:18px}.publisher-title{font-size:11px!important;letter-spacing:-.03em}.chapter-brand{font-size:18px!important}.search-btn{font-size:11px;padding:5px}.top-inner{gap:8px}}

.foot-links{flex-wrap:wrap}