@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700;800&display=swap";:root{--paper:#f5f2e9;--ink:#213d40;--muted:#647574;--line:#d4d6cb;--rust:#b65e43;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans TC,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--rust)}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;padding:27px 6%;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:13px;font-size:18px;font-weight:700;display:flex}.brand-mark{border:1px solid var(--ink);place-items:center;width:43px;height:43px;font-family:Noto Serif TC,serif;font-size:23px;display:grid}.brand small{letter-spacing:.18em;font-size:10px;font-weight:400;display:block}.site-header nav{gap:30px;font-size:13px;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:6%;max-width:1400px;margin:auto;padding:68px 6% 65px;display:grid;position:relative}.eyebrow{letter-spacing:.15em;color:var(--rust);font-size:11px;font-weight:600}.hero h1{letter-spacing:.02em;margin:22px 0;font-family:Noto Serif TC,serif;font-size:clamp(48px,6vw,82px);font-weight:700;line-height:1.35}.hero h1 span{color:var(--rust)}.subtitle{color:#526764;max-width:450px;font-size:16px;line-height:2}.hero-art{background:#d5e0dd;align-self:stretch;min-height:410px;position:relative;overflow:hidden}.hero-art img{object-fit:cover;width:100%;height:100%}.art-label{background:var(--paper);letter-spacing:.15em;padding:8px 15px;font-size:12px;position:absolute;bottom:22px;left:25px}.hero-number{letter-spacing:.2em;color:var(--muted);font-size:10px;position:absolute;top:30px;right:6%}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:32px;padding:10px 0;font-size:13px;font-weight:500;display:inline-flex}.hero .text-link{margin-top:22px}.three-checks{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr) 1.4fr;gap:20px;max-width:1232px;margin:0 auto 85px;padding:23px 0;display:grid}.three-checks>div{border-right:1px solid var(--line);grid-template-columns:32px 1fr;align-items:center;display:grid}.three-checks span{color:var(--rust);grid-row:span 2;font-size:12px}.three-checks h2{margin:0;font-family:Noto Serif TC,serif;font-size:20px}.three-checks p{color:var(--muted);margin:0;font-size:11px}.three-checks .check-note{align-self:center;padding-left:20px;font-size:13px;line-height:1.9}.articles-section{max-width:1232px;margin:auto;padding:0 0 90px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.section-heading h2{margin:8px 0;font:600 35px Noto Serif TC,serif}.section-heading>span{color:var(--muted);font-size:12px}.article-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:44% 1fr;gap:6%;padding:30px 0;display:grid}.card-image{background:#cad8d7;min-height:300px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.card-image:hover img{transform:scale(1.03)}.card-image>span{background:var(--paper);padding:3px 12px;font-size:11px;position:absolute;top:20px;left:20px}.card-copy{padding:14px 0}.article-meta{color:var(--muted);letter-spacing:.04em;font-size:11px}.article-meta span{margin:0 10px}.card-copy h3{margin:15px 0;font:600 28px/1.65 Noto Serif TC,serif}.card-copy>p{color:var(--muted);font-size:13px;line-height:2}.about-strip{background:#e6e8dd;grid-template-columns:.6fr 1.2fr 1.5fr;gap:40px;padding:55px max(6%,50vw - 616px);display:grid}.section-no{color:var(--rust);letter-spacing:.15em;font-size:11px}.about-strip h2{margin:0;font:600 30px/1.7 Noto Serif TC,serif}.about-strip p{color:var(--muted);margin:0 0 10px;font-size:13px}footer{justify-content:space-between;gap:30px;max-width:1400px;margin:auto;padding:48px 6%;display:flex}.footer-name{font:600 21px Noto Serif TC,serif}footer p,footer small{color:var(--muted);font-size:11px}.footer-links{align-items:flex-start;gap:25px;font-size:12px;display:flex}.article-hero{max-width:1000px;margin:0 auto;padding:45px 30px 48px}.breadcrumb{color:var(--muted);font-size:11px}.article-hero>.eyebrow{margin-top:42px}.article-hero h1{margin:18px 0;font:600 clamp(30px,4vw,46px)/1.65 Noto Serif TC,serif}.article-deck{color:var(--muted);max-width:800px;font-size:15px;line-height:2}.article-banner{background:#d9e2dd;max-width:1232px;height:310px;margin:auto;overflow:hidden}.article-banner img{object-fit:cover;object-position:50% 45%;width:100%;height:100%}.article-layout{grid-template-columns:220px minmax(0,760px);gap:60px;max-width:1120px;margin:auto;padding:55px 20px 85px;display:grid}.article-toc{align-self:start;font-size:11px;position:sticky;top:30px}.article-toc a{border-bottom:1px solid var(--line);padding:12px 0;line-height:1.8;display:block}.toc-note{color:var(--muted);margin-top:25px;font-size:10px}.article-content{overflow-wrap:anywhere;font-size:16px;line-height:2.15}.article-content h2{margin:50px 0 20px;scroll-margin-top:25px;font:600 26px/1.7 Noto Serif TC,serif}.article-content h2:first-child{margin-top:0}.article-content p{margin:0 0 25px}.article-content ul{margin:22px 0 32px;padding-left:23px}.article-content li{margin:14px 0}.article-content a:not(.primary-button){color:var(--rust);text-underline-offset:4px;text-decoration:underline}.enquiry-box{border-left:3px solid var(--rust);background:#e6e8dd;margin:40px 0;padding:30px}.enquiry-box h2{margin:12px 0;font-size:24px}.enquiry-box p{font-size:13px}.primary-button{background:var(--ink);color:#fffdf8;border:0;border-radius:2px;padding:12px 23px;font-size:13px;line-height:1.8;display:inline-block}.primary-button:hover{color:#fff;background:#36595a}.primary-button:disabled{opacity:.6;cursor:wait}.prose-page{max-width:800px;margin:60px auto 100px;padding:0 25px}.prose-page h1,.login-page h1{font:600 42px/1.65 Noto Serif TC,serif}.prose-page h2{margin-top:40px;font:600 25px Noto Serif TC,serif}.prose-page p{line-height:2.15}.prose-page a:not(.text-link){color:var(--rust);text-decoration:underline}.lead{font-size:19px}.login-page{max-width:750px;min-height:55vh;margin:auto;padding:60px 25px}.muted{color:var(--muted);font-size:12px}.admin-page{max-width:1250px;margin:40px auto;padding:0 25px}.admin-page h1{font:600 32px Noto Serif TC,serif}.editor-layout{grid-template-columns:230px minmax(0,1fr);gap:30px;display:grid}.post-list .primary-button{width:100%;margin-bottom:18px}.post-option{text-align:left;border:1px solid var(--line);background:var(--white);width:100%;margin-bottom:10px;padding:15px;font-size:12px;line-height:1.8;display:block}.post-option span{color:var(--rust);font-size:10px;display:block}.post-option.selected{border-color:var(--ink);box-shadow:inset 3px 0 var(--ink)}.editor-panel{background:var(--white);border:1px solid var(--line);min-width:0;padding:30px}.editor-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.editor-top h2{font-size:18px}.small-button{background:var(--paper);border:1px solid var(--line);white-space:nowrap;padding:8px 15px;font-size:12px}.editor-panel label{margin:20px 0;font-size:13px;font-weight:500;display:block}.editor-panel input:not([type=checkbox]),.editor-panel textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #c3ccc5;border-radius:2px;margin-top:7px;padding:12px;display:block}.editor-panel small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;line-height:1.7;display:block}.seo-fields{background:var(--paper);margin:25px 0;padding:15px 20px}.seo-fields h3{margin:0;font-size:13px}.content-input{font-family:inherit;line-height:1.9}.save-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:15px;display:flex}.save-bar .publish-check{align-items:center;gap:10px;display:flex}.save-status{color:var(--rust);font-size:13px}@media (min-width:1400px){.site-header,.hero,footer{padding-left:84px;padding-right:84px}}@media (max-width:1350px){.three-checks,.articles-section{margin-left:6%;margin-right:6%}.article-banner{margin:0 6%}}@media (max-width:760px){.site-header{align-items:center;padding:19px 6%}.brand{gap:9px;font-size:15px}.brand-mark{width:36px;height:36px;font-size:20px}.brand small{font-size:8px}.site-header nav{gap:16px;font-size:11px}.hero{grid-template-columns:1fr;gap:30px;padding:40px 6% 30px}.hero h1{margin:18px 0;font-size:51px}.hero-copy{max-width:540px}.subtitle{font-size:14px}.hero-art{height:290px;min-height:0}.hero-number{font-size:8px;top:24px}.art-label{font-size:10px;bottom:16px;left:16px}.three-checks{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:50px;padding:19px 0}.three-checks>div{border:0;grid-template-columns:1fr}.three-checks span{grid-row:auto;font-size:10px}.three-checks h2{margin:5px 0;font-size:18px}.three-checks p{font-size:10px}.three-checks .check-note{border-top:1px solid var(--line);grid-column:1/-1;margin-top:12px;padding:13px 0 0;font-size:12px}.check-note br{display:none}.articles-section{padding-bottom:50px}.section-heading h2{font-size:28px}.article-card{grid-template-columns:1fr;gap:20px}.card-image{height:260px;min-height:0}.card-copy{padding:0}.card-copy h3{font-size:24px}.about-strip{grid-template-columns:1fr;gap:20px;padding:35px 6%}.about-strip h2{font-size:27px}.about-strip h2 br{display:none}footer{flex-direction:column;padding-top:35px}.footer-links{gap:22px;font-size:11px}.article-hero{padding:28px 6% 35px}.article-hero>.eyebrow{margin-top:30px}.article-hero h1{font-size:31px}.article-deck{font-size:14px}.article-banner{height:210px}.article-layout{grid-template-columns:1fr;gap:30px;padding:30px 6% 55px}.article-toc{background:#e6e8dd;padding:18px;position:static}.article-toc a{padding:7px 0}.toc-note{margin-top:12px}.article-content{font-size:15px}.article-content h2{font-size:23px}.enquiry-box{padding:23px}.prose-page h1,.login-page h1{font-size:32px}.editor-layout{grid-template-columns:1fr}.post-list{gap:10px;display:flex;overflow:auto}.post-list .primary-button{width:auto;min-width:120px}.post-option{min-width:200px}.editor-panel{padding:19px}.editor-top{align-items:flex-start}.editor-top h2{font-size:16px}.save-bar{flex-wrap:wrap}.admin-page{padding:0 15px}}.english-ski-content{max-width:780px;margin:0 auto;padding:24px}.english-ski-content p{white-space:pre-line;overflow-wrap:anywhere}