:root{--paper:#f5f1e8;--ink:#263a37;--ink2:#182f2d;--faint:#7f8580;--rule:#c6c8bf;--accent:#b45b42;--soft:#e7e5da;--teal:#204c48;--serif:Georgia,'Iowan Old Style','Songti TC','Noto Serif TC',serif;--sans:system-ui,-apple-system,'PingFang TC','Microsoft JhengHei',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{max-width:100%;display:block}em{font-style:normal;color:var(--accent)}.shell{width:min(1220px,calc(100% - 76px));margin:auto}.top-note{background:var(--ink2);color:#e8ebdf;font-size:10px;font-weight:650;letter-spacing:.17em}.top-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.site-header{background:var(--paper)}.header-main{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{display:flex;align-items:center;justify-content:center;width:49px;height:53px;background:var(--ink2);color:#f8f1df;font:700 40px/1 var(--serif);letter-spacing:-5px;padding-right:6px}.brand-lines{display:flex;flex-direction:column;gap:0}.brand-lines b{font:800 24px/.95 var(--sans);letter-spacing:.07em}.brand-lines small{font-size:11px;font-weight:700;letter-spacing:.32em;margin-top:7px}.header-motto{margin-left:auto;color:#848780;font-family:var(--serif);font-size:14px;font-style:italic}.language-switch{border:1px solid #adb9ae;border-radius:99px;display:flex;align-items:center;gap:9px;padding:5px 13px;font-size:11px;color:#adb2ac}.language-switch button{border:0;background:transparent;color:#858c84;padding:2px 0;font-size:11px;font-weight:650}.language-switch button[aria-pressed="true"]{color:var(--ink);font-weight:800}.nav-bar{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:53px}.nav-bar nav{display:flex;align-items:center;gap:37px;overflow-x:auto}.nav-link{border:0;background:transparent;white-space:nowrap;padding:16px 0;color:#656f6b;font-size:12px;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--ink2)}.nav-link.active{box-shadow:inset 0 -3px var(--accent)}.nav-about{font-size:10px;letter-spacing:.09em;font-weight:700;white-space:nowrap}.nav-about span{color:var(--accent)}
.intro{display:grid;grid-template-columns:1fr 270px;gap:60px;align-items:end;padding-top:76px;padding-bottom:47px}.issue-kicker,.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--accent)}.line-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.intro h1{font:400 clamp(35px,5vw,68px)/1.23 var(--serif);margin:22px 0 0;letter-spacing:-.045em}.intro h1 em{display:block}.intro-side{border-left:1px solid var(--rule);padding-left:25px;padding-bottom:3px}.side-index{display:block;font-size:10px;letter-spacing:.15em;font-weight:800;color:#828782}.intro-side p{margin:13px 0 0;font-size:13px;line-height:1.9;color:#606962}.feature-main{display:grid;grid-template-columns:56% 44%;min-height:420px;background:#e7e2d7;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}.feature-image-link{min-height:420px;position:relative;display:block;overflow:hidden;background:#c5d4cd}.feature-image-link img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.feature-image-link:hover img{transform:scale(1.035)}.image-chip{position:absolute;left:19px;top:19px;background:var(--paper);padding:7px 12px;font-size:10px;letter-spacing:.12em;font-weight:800}.feature-info{padding:48px 50px 33px;display:flex;flex-direction:column;justify-content:center}.feature-info .eyebrow{margin-bottom:26px}.feature-info h2{font:400 clamp(31px,3.6vw,49px)/1.25 var(--serif);letter-spacing:-.025em;margin:0 0 25px}.feature-info h2 a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}.feature-info p{font-size:14px;line-height:1.95;color:#666d65;margin:0 0 24px;max-width:400px}.feature-meta{display:flex;gap:14px;flex-wrap:wrap;color:#68706a;font-size:11px;border-top:1px solid #c7c4b7;padding-top:17px;margin-top:auto}.feature-read{align-self:flex-start;display:inline-flex;gap:22px;align-items:center;margin-top:23px;color:var(--accent);font-weight:800;font-size:13px}.feature-read span{font-size:22px;font-weight:400}.feature-loading{padding:80px 30px;font-family:var(--serif);font-size:25px}.story-context{display:flex;align-items:center;gap:15px;font-size:10px;color:#85867e;letter-spacing:.1em;margin-top:17px}.little-dash{height:1px;width:50px;background:#afb1a9}
.index-section{padding:108px 0 110px}.section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:21px}.section-title h2{font:400 53px/1.1 var(--serif);margin:10px 0 0;letter-spacing:-.04em}.title-dot{color:var(--accent)}.count{font-size:11px;color:#737e75;letter-spacing:.07em}.section-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0 14px}.filter-row{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #b6c0b6;border-radius:99px;background:transparent;color:#626e66;padding:7px 13px;font-size:12px}.chip.active,.chip:hover{background:var(--ink);color:#f6f2e6;border-color:var(--ink)}.search-wrap{display:flex;align-items:center;gap:9px;border-bottom:1px solid #a5aea3;padding:7px;color:#75817b}.search-wrap input{border:0;outline:none;background:transparent;width:150px;font-size:12px;color:var(--ink)}.article-list{border-top:1px solid var(--rule)}.article-row{display:grid;grid-template-columns:64px 145px 1fr 105px 22px;align-items:center;gap:23px;border-bottom:1px solid var(--rule);padding:23px 0;min-height:151px}.article-seq{font:400 24px/1 var(--serif);color:var(--accent);align-self:center}.article-thumb{width:145px;height:99px;object-fit:cover;filter:saturate(.85)}.row-category{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.13em}.row-title{font:400 25px/1.32 var(--serif);margin:7px 0 5px}.row-title a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.row-summary{font-size:12px;line-height:1.6;color:#727b72;margin:0;max-width:700px}.row-date{font-size:11px;color:#69756e;text-align:right}.row-arrow{font-size:25px;color:var(--accent);text-align:center}.empty,.loading{padding:38px 0;font-family:var(--serif);color:#79837a;font-size:19px}
.bottom-note{background:var(--ink2);color:#f6f3e8}.bottom-inner{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:70px;padding:70px 0 78px}.bottom-inner .eyebrow{color:#a6b8ad}.bottom-inner h2{font:400 42px/1.25 var(--serif);margin:20px 0 15px}.bottom-inner h2 em{color:#e4a17f}.bottom-inner p{font-size:13px;color:#b5c5bc;max-width:420px}.bottom-ways{display:flex;flex-direction:column;border-top:1px solid #6a817b}.bottom-ways a{display:flex;align-items:center;gap:12px;border-bottom:1px solid #6a817b;padding:23px 0;font:400 22px/1.2 var(--serif)}.bottom-ways a span{display:block;width:104px;color:#acbfb2;font:700 10px/1.4 var(--sans);letter-spacing:.08em}.bottom-ways a b{margin-left:auto;font:400 22px var(--sans);color:#e4a17f}.bottom-ways a:hover{color:#e6af91}.site-footer{background:#eae8dc}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #c6cdc2;padding:34px 0}.footer-wordmark{font-size:16px;font-weight:800;letter-spacing:.11em}.footer-wordmark span{font-weight:500}.footer-quote{font:italic 14px var(--serif);color:#6f7e74}.footer-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#718078;padding:23px 0 37px}.footer-bottom a{text-decoration:underline}.bullet{margin:0 8px}.preview-badge{position:fixed;right:15px;bottom:15px;background:#f8ddbb;color:#62422b;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.08em;box-shadow:0 4px 20px #0002;z-index:10}
/* Article pages */
.article-shell{padding-top:45px;padding-bottom:100px}.back-link{display:inline-block;color:var(--accent);font-size:12px;font-weight:750;margin-bottom:53px}.article-heading{max-width:940px;margin:auto}.article-heading h1{font:400 clamp(37px,5.3vw,70px)/1.24 var(--serif);letter-spacing:-.045em;margin:18px 0 18px}.article-deck{font:400 19px/1.65 var(--serif);color:#6c766d;max-width:780px}.byline{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#748076;padding:19px 0 28px}.article-cover{width:100%;max-height:620px;aspect-ratio:1.9/1;object-fit:cover;background:#dbe1da}.cover-caption{text-align:right;font-size:10px;color:#899287;margin:9px 0 0}.article-grid{display:grid;grid-template-columns:200px minmax(0,700px);justify-content:center;gap:52px;padding-top:58px}.article-sidebar{font-size:11px;border-top:2px solid var(--ink);padding-top:16px;color:#69766d}.article-sidebar strong{display:block;color:var(--ink);font-size:10px;letter-spacing:.09em;margin-bottom:13px}.article-sidebar a{display:block;padding:11px 0;border-bottom:1px solid var(--rule);line-height:1.5}.article-sidebar a:hover{color:var(--accent)}.markdown-body{font-size:16px;line-height:2;color:#3a4740}.markdown-body p{margin:0 0 22px}.markdown-body h2{font:400 31px/1.36 var(--serif);margin:48px 0 17px;letter-spacing:-.03em;color:var(--ink)}.markdown-body h3{font:400 24px/1.4 var(--serif);margin:32px 0 13px}.markdown-body ul,.markdown-body ol{padding-left:1.5em;margin:0 0 24px}.markdown-body li{padding-left:4px;margin-bottom:8px}.markdown-body a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.markdown-body img{width:100%;height:auto;border-radius:2px;margin:25px 0}.article-sources{border-top:1px solid var(--rule);margin-top:55px;padding-top:20px}.article-sources h2{font-size:25px}.article-sources a{font-size:13px}.article-sources li{margin-bottom:7px}.editorial-disclaimer{margin-top:28px;font-size:12px;color:#7c847d;line-height:1.8}.article-cta{margin:32px 0;background:#e2e9df;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none!important;color:var(--ink)!important}.article-cta span{font-size:10px;letter-spacing:.08em;display:block;color:#788378}.article-cta strong{font-size:21px;font-weight:500;font-family:var(--serif)}.article-cta b{color:var(--accent)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.related-item{border-top:1px solid var(--rule);padding-top:18px}.related-item img{aspect-ratio:16/10;width:100%;object-fit:cover;margin-bottom:15px}.related-item h3{font:400 19px/1.4 var(--serif);margin:7px 0}.related-heading{font:400 35px var(--serif);margin:83px 0 0}.article-view-head{min-height:80px}
/* Admin */
.admin-body{background:#f3f1ea}.admin-masthead{display:flex;align-items:center;gap:45px;padding:43px 0 30px;border-bottom:2px solid var(--ink)}.admin-masthead h1{font:400 39px var(--serif);margin:4px 0}.admin-masthead p{margin:2px 0;font-size:12px;color:#768078}.admin-layout{display:grid;grid-template-columns:285px 1fr;gap:40px;padding-top:33px;padding-bottom:120px}.editor-aside{align-self:start;position:sticky;top:18px}.editor-aside>.button-dark{width:100%;margin-top:10px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px}.field>span{font-size:11px;font-weight:750;color:#57655c;letter-spacing:.02em}.field input,.field select,.field textarea{width:100%;border:1px solid #bcc4b9;background:#fffdf7;border-radius:3px;padding:11px 13px;font-size:13px;color:var(--ink);outline:0;transition:border-color .15s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b45b421c}.field small{font-size:11px;color:#828d80}.button-dark,.button-secondary,.button-danger{padding:11px 16px;border:1px solid var(--ink);background:var(--ink);color:#fffaf0;border-radius:2px;font-weight:700;font-size:12px}.button-secondary{background:transparent;color:var(--ink)}.button-danger{background:transparent;border-color:#b15c52;color:#a24c43}.admin-status,.muted-note{font-size:12px;color:#7c857d;line-height:1.5}.admin-status.success{color:#2e765b}.admin-status.error{color:#b1463b}.sidebar-top{display:flex;justify-content:space-between;align-items:center;margin-top:32px;border-bottom:1px solid var(--rule);padding-bottom:14px;font-size:13px}.sidebar-top button{border:0;background:transparent;font-size:12px;font-weight:800;color:var(--accent)}.admin-item{border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;width:100%;padding:14px 4px;display:block;color:var(--ink)}.admin-item b{font:400 16px/1.4 var(--serif);display:block}.admin-item small{color:#7c877e;font-size:10px}.admin-item.active{border-left:3px solid var(--accent);padding-left:10px;background:#ece7d9}.editor-form{background:#f9f7f0;border:1px solid #d0d4c7;padding:35px}.form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid var(--rule);padding-bottom:15px}.form-title h2{font:400 32px var(--serif);margin:5px 0}.form-badge{font-size:10px;letter-spacing:.14em;font-weight:800;background:#e7e4d9;padding:7px 10px}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.upload-box{display:flex;align-items:end;flex-wrap:wrap;gap:10px;background:#eff1e9;border:1px dashed #aebbad;padding:15px;margin-bottom:18px}.upload-box .field{margin:0;flex:1;min-width:190px}.upload-box button{background:transparent;border:1px solid #76897c;padding:10px;font-size:11px;font-weight:700;color:var(--ink)}.upload-box span{width:100%}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:22px}dialog{border:1px solid var(--rule);width:min(760px,calc(100% - 28px));max-height:90vh;overflow:auto;background:var(--paper);padding:35px;box-shadow:0 15px 60px #0003}dialog::backdrop{background:#142a27a6}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:400 25px var(--serif)}.dialog-head button{border:0;background:transparent}
@media(max-width:980px){.intro{grid-template-columns:1fr 220px;gap:30px}.feature-main{grid-template-columns:54% 46%}.feature-info{padding:33px}.article-row{grid-template-columns:38px 122px 1fr 76px 15px;gap:13px}.article-thumb{width:122px;height:87px}.row-title{font-size:21px}.bottom-inner{grid-template-columns:1fr 340px;gap:35px}.article-grid{grid-template-columns:165px minmax(0,650px);gap:30px}.admin-layout{grid-template-columns:235px 1fr;gap:18px}}
@media(max-width:740px){.shell{width:calc(100% - 34px)}.top-inner{height:31px}.top-inner span:last-child{font-size:8px}.header-main{height:83px;gap:8px}.brand-symbol{width:40px;height:45px;font-size:35px}.brand-lines b{font-size:17px}.brand-lines small{font-size:8px;letter-spacing:.3em}.header-motto{display:none}.language-switch{padding:4px 7px;gap:6px}.nav-bar nav{gap:22px}.nav-link{font-size:11px}.nav-about{display:none}.intro{grid-template-columns:1fr;gap:14px;padding-top:53px;padding-bottom:29px}.intro h1{font-size:clamp(34px,8.9vw,53px);margin-top:13px}.intro-side{padding-left:12px}.intro-side p{margin-top:5px;font-size:12px}.feature-main{display:block}.feature-image-link{min-height:0;aspect-ratio:1.65}.feature-info{padding:25px 23px 28px;min-height:0}.feature-info h2{font-size:34px;margin-bottom:14px}.feature-info .eyebrow{margin-bottom:13px}.feature-info p{font-size:13px;margin-bottom:15px}.feature-meta{margin-top:12px}.story-context{font-size:9px}.index-section{padding:65px 0 70px}.section-title h2{font-size:40px}.section-controls{align-items:stretch;flex-direction:column}.search-wrap input{flex:1}.article-row{grid-template-columns:28px 96px 1fr 15px;gap:10px;min-height:120px;padding:18px 0}.article-seq{font-size:17px}.article-thumb{width:96px;height:87px}.row-date{display:none}.row-arrow{font-size:19px}.row-title{font-size:18px;margin:4px 0}.row-summary{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-category{font-size:9px}.bottom-inner{display:block;padding:48px 0 55px}.bottom-inner h2{font-size:34px}.bottom-ways{margin-top:35px}.bottom-ways a{font-size:19px}.footer-top,.footer-bottom{flex-wrap:wrap}.footer-bottom{line-height:1.6}.article-shell{padding-top:25px}.back-link{margin-bottom:34px}.article-heading h1{font-size:40px}.article-deck{font-size:16px}.article-grid{display:block;padding-top:38px}.article-sidebar{display:none}.markdown-body{font-size:15px}.markdown-body h2{font-size:26px}.article-cta{padding:20px 17px}.related-grid{grid-template-columns:1fr 1fr}.related-grid .related-item:nth-child(3){display:none}.admin-masthead{gap:19px;flex-wrap:wrap}.admin-layout{display:block}.editor-aside{position:static;margin-bottom:30px}.editor-form{padding:20px}.form-2,.form-3{display:block}.form-title h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-image-link img{transition:none}}
/* v0.2 Editorial Magazine homepage — inspired by the user-provided reference layout */
:root{--paper:#f7f3eb;--ink:#2e2a27;--ink2:#23211e;--rule:#c8beb0;--accent:#a15811;--serif:Georgia,'Songti TC','Noto Serif TC','PMingLiU',serif}
body{background:var(--paper);color:var(--ink)}
.reference-header{border-bottom:1px solid #b9afa1;background:#f7f4ec}.reference-header .shell{width:min(1320px,calc(100% - 46px))}
.masthead{display:flex;align-items:center;justify-content:space-between;height:66px;gap:22px;border-bottom:1px solid #bcb2a5}
.masthead-brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.masthead-n{width:34px;height:34px;background:#1e5057;color:#f8f1e1;display:grid;place-items:center;font:700 26px/1 var(--serif);letter-spacing:-.13em;padding-right:3px}
.masthead-brand b{font-weight:850;letter-spacing:.016em;font-size:15px}.masthead-brand b span{font-weight:650}
.masthead-tools{display:flex;align-items:center;gap:16px;min-width:0}.masthead-search{display:flex;align-items:center;gap:7px;border-bottom:1px solid #9d9284;width:220px;padding-bottom:4px}.masthead-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px;color:#2f2a23}.masthead-search svg{flex-shrink:0;color:#3f3a32}.masthead-search input:focus{outline:0}.language-switch{border:0;padding:0;gap:8px;border-radius:0;color:#817b72}.language-switch button{font-size:11px}.language-switch button[aria-pressed="true"]{color:#342f2a;text-decoration:underline;text-underline-offset:4px}
.mini-edition{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px}.mini-edition p{font-size:13px;margin:0;letter-spacing:.005em}.mini-edition>div{display:flex;align-items:center;gap:20px;font-size:11px}.mini-edition>div span{color:#7a6e60;letter-spacing:.12em;font-weight:700}.mini-edition a{text-decoration:underline;text-underline-offset:3px}
.hero-spread{padding:43px 0 40px}.hero-inner.shell{width:min(1320px,calc(100% - 46px));display:grid;grid-template-columns:55% 45%;align-items:center;min-height:420px}
.hero-image-story{position:relative;display:block;height:417px;overflow:hidden;background:#8396a3}.hero-image-story img{height:100%;width:100%;object-fit:cover;image-rendering:auto;filter:saturate(.79) contrast(.96)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#10242dcd 100%)}.hero-image-copy{position:absolute;left:34px;bottom:32px;right:80px;color:#fffdf9;text-shadow:0 2px 6px #0007}.hero-mini-label{font-size:11px;letter-spacing:.07em;font-weight:800}.hero-image-copy h2{font:500 clamp(27px,3.2vw,48px)/1.07 var(--serif);margin:10px 0 0;max-width:520px;letter-spacing:-.02em}
.hero-featured{position:relative;z-index:1;margin-left:-64px;background:linear-gradient(140deg,#944901,#ac5905);color:#fff7ed;padding:37px 40px 33px;min-height:365px;display:flex;flex-direction:column;box-shadow:0 7px 22px #6c330012}.featured-eyebrow{font-weight:800;font-size:12px;letter-spacing:.065em;color:#ffe0b7}.featured-eyebrow span{font-size:10px;opacity:.75}.hero-featured h2{font:500 clamp(31px,3.5vw,54px)/1.07 var(--serif);letter-spacing:-.037em;margin:18px 0 16px}.hero-featured h2 a:hover{text-decoration:underline;text-underline-offset:5px}.hero-featured p{font-size:13px;color:#ffe4c5;line-height:1.75;margin:0 0 15px}.hero-featured-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero-featured-foot>span{font-size:10px;color:#f8d5b2}.hero-read{display:inline-flex;align-items:center;border:1px solid #f4bd81;padding:10px 14px;border-radius:4px;font-weight:650;font-size:12px;color:#fff7ed;white-space:nowrap}.hero-read:hover{background:#fff6ec;color:#8e4604}
.category-ribbon.shell{width:min(1320px,calc(100% - 46px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:21px;border:1px solid #5d554b}.category-ribbon button{padding:16px 7px;background:transparent;border:0;border-right:1px solid #5d554b;font:550 clamp(14px,1.55vw,23px)/1.2 var(--serif);white-space:nowrap}.category-ribbon button:last-child{border-right:0}.category-ribbon button:hover,.category-ribbon button.active{background:#eee3d1}
.magazine-bands.shell{width:min(1320px,calc(100% - 46px));border-top:2px solid #3a332c;padding-top:13px}
.story-band{display:grid;grid-template-columns:29% 28% minmax(0,1fr);min-height:221px;margin-bottom:13px;overflow:hidden}
.band-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px 27px;min-width:0}.band-number{font:500 clamp(26px,3.1vw,44px)/1 var(--serif);opacity:.52}.band-identity h2{font:600 clamp(30px,3.5vw,53px)/.98 var(--serif);letter-spacing:-.025em;max-width:240px;margin:4px 0 18px}.band-caption{border:1px solid currentColor;border-radius:30px;font-size:10px;padding:2px 11px;opacity:.9;white-space:nowrap}
.band-image{position:relative;overflow:hidden;background:#c2c3ac;min-width:0}.band-image img{width:100%;height:100%;min-height:221px;object-fit:cover;transition:transform .3s}.band-image:hover img{transform:scale(1.04)}
.band-story{display:flex;flex-direction:column;justify-content:center;padding:26px 33px;min-width:0}.band-issue{font-size:10px;font-weight:750;letter-spacing:.08em;margin-bottom:11px;text-transform:uppercase;opacity:.78}.band-story h3{font:550 clamp(22px,2.3vw,34px)/1.14 var(--serif);letter-spacing:-.02em;margin:0 0 10px}.band-story p{font-size:12px;line-height:1.65;margin:0;max-width:480px;opacity:.92}
.band-citizenship{background:#8f262d;color:#fef7f0;grid-template-columns:24% minmax(0,1fr) 33%}.band-citizenship .band-identity{background:transparent;color:inherit;grid-column:1;grid-row:1}.band-citizenship .band-image{grid-column:3;grid-row:1;margin:18px 18px 18px 0}.band-citizenship .band-image img{min-height:184px}.band-citizenship .band-story{background:transparent;color:inherit;grid-column:2;grid-row:1;padding:25px 30px}
.band-driving{background:#265990;color:#f6f5ec;grid-template-columns:24% minmax(0,1fr) 27%}.band-driving .band-image{grid-column:3;grid-row:1;margin:22px 22px 22px 0}.band-driving .band-image img{min-height:177px}.band-driving .band-story{grid-column:2;grid-row:1;padding:25px 30px}.band-driving .band-identity{grid-column:1;grid-row:1}
.band-lifestyle{background:#16533e;color:#f3f2e9;grid-template-columns:24% minmax(0,1fr) 41%}.band-lifestyle .band-image{grid-column:3;grid-row:1;margin:18px 18px 18px 0}.band-lifestyle .band-image img{min-height:184px}.band-lifestyle .band-story{grid-column:2;grid-row:1}.band-lifestyle .band-identity{grid-column:1;grid-row:1}
.band-travel{background:#a75003;color:#fff7e7;grid-template-columns:24% minmax(0,1fr) 33%}.band-travel .band-image{grid-column:3;grid-row:1;margin:18px 18px 18px 0}.band-travel .band-image img{min-height:184px}.band-travel .band-story{grid-column:2;grid-row:1}.band-travel .band-identity{grid-column:1;grid-row:1}
.index-section.shell{width:min(1320px,calc(100% - 46px));padding:54px 0 66px}.section-title{border-top:0;padding-top:0}.section-title h2{font:500 clamp(34px,3.7vw,48px)/1.13 var(--serif);letter-spacing:-.03em;margin:2px 0 12px}.section-title .eyebrow{color:#7e5d46;letter-spacing:.12em;margin:0;font-size:10px}.count{font-size:11px;color:#8b8071}.section-controls{border:0;padding:10px 0 22px;display:block}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #655b51;border-radius:100px;background:transparent;font-size:11px;padding:6px 12px;color:#3c322c}.chip.active,.chip:hover{background:#302924;color:#fffaf1;border-color:#302924}
.article-list{border-top:1px solid #6e655c}.article-row{display:grid;grid-template-columns:72px minmax(0,1fr) 95px 18px;gap:15px;align-items:center;border-bottom:1px dotted #bfb4a4;padding:13px 3px;min-height:96px}.article-row:hover{background:#ece6db}.article-thumb-link{align-self:center}.article-thumb{width:72px;height:61px;object-fit:cover}.row-category{font-size:9px;font-weight:800;letter-spacing:.05em;color:#8a392f}.row-title{font:600 clamp(16px,1.7vw,22px)/1.25 var(--serif);margin:3px 0;letter-spacing:-.015em}.row-summary{font-size:11px;color:#74685e;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.row-date{text-align:right;font-size:10px;color:#786d61;white-space:nowrap}.row-arrow{font-size:19px;color:#76634f}
.afterword.shell{width:min(1320px,calc(100% - 46px));border-top:1px solid #97897b;padding:30px 0 50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.afterword .eyebrow{font-size:10px;margin:0 0 7px}.afterword h2{font:550 30px/1.15 var(--serif);margin:0 0 9px}.afterword p:not(.eyebrow){font-size:12px;color:#776b5c;margin:0}.after-links{display:flex;gap:10px;flex-wrap:wrap}.after-links a{border:1px solid #564b40;padding:12px 14px;font-size:12px;white-space:nowrap}.after-links a span{color:#a15811;margin-left:15px}.after-links a:hover{background:#2e2a27;color:#fff}
.site-footer{background:#f0e9df;border-top:1px solid #c7b8a7;color:#41392f}.footer-top{padding:20px 0}.footer-bottom{padding:15px 0 28px}
/* Server-rendered article header from v0.1 stays compatible; homepage-only selectors are separate. */
@media(max-width:1050px){.hero-inner.shell{min-height:340px}.hero-image-story{height:350px}.hero-featured{min-height:310px;padding:26px 28px;margin-left:-42px}.hero-featured h2{font-size:35px}.story-band{min-height:184px}.band-identity{padding:20px}.band-identity h2{font-size:31px}.band-story{padding:20px}.band-story h3{font-size:24px}.band-image img{min-height:184px}}
@media(max-width:700px){.reference-header .shell,.hero-inner.shell,.category-ribbon.shell,.magazine-bands.shell,.index-section.shell,.afterword.shell{width:calc(100% - 26px)}.masthead{height:59px}.masthead-brand{gap:8px}.masthead-n{height:30px;width:30px;font-size:23px}.masthead-brand b{font-size:12px}.masthead-tools{gap:6px}.masthead-search{width:98px}.masthead-search input{font-size:10px}.masthead-search svg{width:15px}.language-switch{gap:4px}.language-switch button{font-size:10px}.mini-edition{min-height:41px}.mini-edition p{font-size:11px}.mini-edition>div span{display:none}.mini-edition>div a{font-size:10px}.hero-spread{padding:17px 0 24px}.hero-inner.shell{grid-template-columns:1fr;min-height:0}.hero-image-story{height:238px}.hero-image-copy{left:20px;bottom:18px;right:20px}.hero-image-copy h2{font-size:31px}.hero-featured{margin:-17px 0 0 15px;min-height:0;padding:26px 24px 24px}.hero-featured h2{font-size:33px;margin:11px 0}.hero-featured p{font-size:12px}.hero-featured-foot{margin-top:17px}.category-ribbon.shell{display:flex;overflow-x:auto;margin-bottom:18px}.category-ribbon button{flex:0 0 auto;padding:12px 18px;font-size:17px}.magazine-bands.shell{padding-top:9px}.story-band{min-height:0;grid-template-columns:42% 58%;margin-bottom:9px}.band-identity{padding:17px 16px;grid-column:1;grid-row:1}.band-number{font-size:24px}.band-identity h2{font-size:27px;margin-bottom:9px}.band-caption{font-size:9px}.band-image{grid-column:2;grid-row:1;min-height:135px;margin:0!important}.band-image img{min-height:135px!important;height:100%}.band-story{grid-column:1/-1;grid-row:2;padding:16px 20px}.band-issue{font-size:9px;margin-bottom:5px}.band-story h3{font-size:24px;margin-bottom:4px}.band-story p{font-size:11px}.band-citizenship .band-identity,.band-driving .band-identity,.band-lifestyle .band-identity,.band-travel .band-identity{grid-column:1;grid-row:1}.band-citizenship .band-image,.band-driving .band-image,.band-lifestyle .band-image,.band-travel .band-image{grid-column:2;grid-row:1}.band-citizenship .band-story,.band-driving .band-story,.band-lifestyle .band-story,.band-travel .band-story{grid-column:1/-1;grid-row:2;background:transparent;color:inherit}.index-section.shell{padding:40px 0 44px}.section-title h2{font-size:35px}.article-row{grid-template-columns:62px minmax(0,1fr) 15px;gap:11px;padding:13px 1px;min-height:80px}.article-thumb{width:62px;height:58px}.row-title{font-size:16px}.row-summary{font-size:10px}.row-category{font-size:8px}.row-date{display:none}.row-arrow{font-size:16px}.afterword.shell{display:block;padding:30px 0}.after-links{margin-top:18px}.after-links a{padding:10px 12px}.footer-top{padding:20px 0}.footer-bottom{padding:15px 0 23px}.preview-badge{display:none}}
@media(max-width:390px){.masthead-brand b{font-size:10px}.masthead-search{width:74px}.language-switch button{font-size:9px}.hero-featured h2{font-size:29px}}


/* Northora Guides v0.2.2 — Category colour on identity panel; article on ivory white */
.story-band,
.band-citizenship,
.band-driving,
.band-lifestyle,
.band-travel {
  grid-template-columns: 24% 28% minmax(0, 1fr);
  min-height: 221px;
  background: #fffefa;
  color: #322d29;
}
.story-band .band-identity,
.story-band .band-image,
.story-band .band-story { grid-row: 1; min-width:0; }
.story-band .band-identity {
  grid-column: 1;
  background: #8d2730;
  color: #fff8f4;
  padding: 27px;
}
.band-driving .band-identity { background: #28598b; color: #fffaf3; }
.band-lifestyle .band-identity { background: #18553f; color: #fffaf3; }
.band-travel .band-identity { background: #a34e08; color: #fffaf3; }
.story-band .band-image,
.band-citizenship .band-image,
.band-driving .band-image,
.band-lifestyle .band-image,
.band-travel .band-image {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  min-height: 221px;
}
.story-band .band-image img,
.band-driving .band-image img,
.band-lifestyle .band-image img,
.band-travel .band-image img {
  height: 100%;
  width: 100%;
  min-height: 221px;
  object-fit: cover;
}
.story-band .band-story,
.band-citizenship .band-story,
.band-driving .band-story,
.band-lifestyle .band-story,
.band-travel .band-story {
  grid-column: 3;
  grid-row: 1;
  padding: 25px 31px;
  background: #fffefa;
  color: #322d29;
}
.story-band .band-issue { color: #8d2730; opacity: 1; }
.band-driving .band-issue { color: #28598b; }
.band-lifestyle .band-issue { color: #18553f; }
.band-travel .band-issue { color: #a34e08; }
.story-band .band-story h3 { color: #292621; }
.story-band .band-story p { color: #5d5851; opacity: 1; }
.story-band .band-caption { opacity: 1; }
.story-band .band-caption:hover { background: #fff8f4; color: #423027; }
@media (max-width: 700px) {
  .story-band,
  .band-citizenship,
  .band-driving,
  .band-lifestyle,
  .band-travel { grid-template-columns: 42% 58%; min-height: 0; }
  .story-band .band-identity,
  .band-driving .band-identity,
  .band-lifestyle .band-identity,
  .band-travel .band-identity,
  .band-citizenship .band-identity {
    grid-column: 1;
    grid-row: 1;
    padding: 22px 18px;
  }
  .story-band .band-image,
  .band-citizenship .band-image,
  .band-driving .band-image,
  .band-lifestyle .band-image,
  .band-travel .band-image {
    grid-column: 2;
    grid-row: 1;
    min-height: 157px;
    margin: 0 !important;
  }
  .story-band .band-image img { min-height:157px!important; height:100%; }
  .story-band .band-story,
  .band-citizenship .band-story,
  .band-driving .band-story,
  .band-lifestyle .band-story,
  .band-travel .band-story {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 23px 22px 27px;
    background: #fffefa;
    color: #322d29;
  }
  .story-band .band-issue { font-size: 10px; margin-bottom: 11px; }
  .story-band .band-story h3 { font-size: clamp(23px, 6.25vw, 31px); line-height: 1.18; margin-bottom: 10px; }
  .story-band .band-story p { font-size: 13px; line-height: 1.75; }
  .story-band .band-number { font-size: 29px; }
  .story-band .band-identity h2 { font-size: clamp(26px, 6.5vw, 38px); margin:8px 0 16px; }
  .story-band .band-caption { padding:4px 11px; font-size:11px; }
  .preview-badge { display: none; }
}

.language-message{padding:10px 15px;margin:14px auto;background:#f6e8cf;color:#4d3823;border-left:3px solid #a15811;font-size:13px}.language-message[hidden]{display:none}.language-switch a[aria-current=page]{text-decoration:underline;text-underline-offset:5px;font-weight:800}.language-unavailable{opacity:.48;font-size:11px}

.editorial-preview-ribbon{background:#f6e8d6;border-bottom:1px solid #e9d2b3;color:#7e4a21;font:600 11px/1.45 var(--sans)}
.editorial-preview-ribbon>.shell{padding:9px 0;display:flex;gap:8px;align-items:center}
.ribbon-dot{height:6px;width:6px;border-radius:50%;background:#ab6b27;flex:none}
.draft-preview-note{margin:2px 0 20px;padding:11px 15px;border-left:3px solid #9e6d31;background:#f8eee1;color:#684c2a;font-size:12px;line-height:1.6}
.markdown-body img{height:auto;width:100%;max-width:100%;object-fit:contain;display:block;margin:18px auto 10px;border-radius:3px}
@media(max-width:700px){.editorial-preview-ribbon>.shell{width:calc(100% - 26px);padding:9px 0;font-size:10px}.draft-preview-note{font-size:11px}}

.markdown-body h3{margin-top:1.55em}.markdown-body img{max-width:100%;height:auto;display:block;margin:24px auto 10px}.article-shell h1{overflow-wrap:anywhere}.markdown-body p{overflow-wrap:break-word}@media(max-width:700px){.markdown-body img{width:100%}}

/* v0.4: modern CJK system font stack. No remote font requests or embedded font files. */
:root{--modern-hant:"Noto Sans TC","PingFang TC","Microsoft JhengHei UI","Microsoft JhengHei","Heiti TC",system-ui,sans-serif}
html[lang="zh-Hant"]{--serif:var(--modern-hant);--sans:var(--modern-hant)}
html[lang="zh-Hant"] .hero-image-copy h2,html[lang="zh-Hant"] .hero-featured h2,html[lang="zh-Hant"] .band-story h3,html[lang="zh-Hant"] .row-title,html[lang="zh-Hant"] .article-heading h1,html[lang="zh-Hant"] .markdown-body h2,html[lang="zh-Hant"] .markdown-body h3{font-weight:650;letter-spacing:-.028em;line-height:1.26}
html[lang="zh-Hant"] .hero-featured h2{font-size:clamp(28px,3.4vw,48px);line-height:1.28}
html[lang="zh-Hant"] .hero-image-copy h2{font-size:clamp(26px,3.1vw,44px);line-height:1.24}
html[lang="zh-Hant"] .band-story h3{font-size:clamp(22px,2.2vw,32px)}
html[lang="zh-Hant"] .row-title{font-size:clamp(18px,2.1vw,24px)}
html[lang="zh-Hant"] .article-heading h1{font-size:clamp(30px,5vw,58px)}
html[lang="zh-Hant"] .markdown-body{font-size:17px;line-height:1.9}
/* admin and SSR page helper */
.article-shell .draft-preview-note{font-size:13px;color:#755d36;padding:12px 18px;margin-bottom:28px;border-left:3px solid #aa6a2c;background:#f1e3d0}
.editorial-preview-ribbon a{color:inherit}
@media(max-width:740px){html[lang="zh-Hant"] .hero-featured h2{font-size:clamp(27px,7vw,36px)}html[lang="zh-Hant"] .article-heading h1{font-size:clamp(29px,8vw,40px)}html[lang="zh-Hant"] .markdown-body{font-size:16px}}

/* Northora.cc Guides 0.4.2 · editorial coffee support, no popups or tracking */
.reader-support{margin:18px auto 65px;padding:29px 36px;border-top:1px solid #a9b0a4;border-bottom:1px solid #a9b0a4;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,#f7f2e8,#eae7db)}
.reader-support h2{font-family:var(--serif);font-size:clamp(22px,2.2vw,31px);margin:8px 0 9px;line-height:1.25}
.reader-support p{font-size:13px;line-height:1.8;color:#52645e;margin:0;max-width:700px}
.reader-support p.support-fine{font-size:11px;margin-top:9px;color:#78837d}
.coffee-link{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:15px 22px;background:#224f49;color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;transition:background .2s}
.coffee-link:hover,.coffee-link:focus-visible{background:#143f3b;color:#fff}
@media(max-width:740px){.reader-support{display:block;padding:24px 20px;margin:18px auto 45px}.coffee-link{margin-top:19px;width:100%;justify-content:center}}

/* Northora v0.5.1: safely rendered YouTube shortcodes only */
.northora-video-embed{position:relative;width:100%;aspect-ratio:16/9;background:#101923;border-radius:3px;overflow:hidden;margin:20px 0 13px;}
.northora-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* v0.5.2 editor-only safe YouTube visual preview: no scripting in Admin sandbox. */
.northora-video-preview{background:#f0f3f2;padding:12px;margin:19px 0 13px;border:1px solid #bdc9c6;border-radius:5px}
.northora-video-preview a{display:block;color:#154b69;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.northora-video-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px}
.northora-video-preview p{margin:11px 0 0!important;color:#555;font-size:13px;line-height:1.65}