@font-face{font-family:Huninn;src:url('assets/font.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f9f3ea;color:#6b4f3b;font-family:Huninn,'Noto Sans TC',sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #4f6b4e;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:20}.skip:focus{top:15px}header{border-bottom:1px solid #eadfce;background:#f9f3ea}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-text{text-decoration:none;font-size:18px;font-weight:bold}.brand-text span{font-size:13px;font-weight:normal;display:inline-block;border-left:1px solid #c9b7a5;margin-left:12px;padding-left:12px}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:15px}nav a:hover{color:#ce654a}.hero{position:relative;display:flex;align-items:center;min-height:330px;padding-top:42px;padding-bottom:32px;isolation:isolate}.hero h1{font-size:clamp(42px,5.3vw,70px);line-height:1.18;margin:14px 0 15px;letter-spacing:.035em}em{font-style:normal;color:#ee7b5c}.hero-sub{font-size:22px;margin:0}.eyebrow{font-weight:bold;font-size:16px;display:flex;align-items:center;gap:14px;margin:0 0 12px}.eyebrow span,.section-title span{display:inline-block;width:55px;height:3px;border-radius:2px;background:#f58b6c}.hero-art{position:absolute;right:-25px;bottom:0;width:46%;z-index:-1}.game-frame{border:2px solid #f58b6c;border-radius:25px;overflow:hidden;background:#fdefef;aspect-ratio:16/9}.game-frame iframe{display:block;width:100%;height:100%;border:0}.game-frame:fullscreen{width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto;background:#fdefef}.game-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;margin-top:13px}.game-tools p{margin:0}.game-tools>div{display:flex;gap:12px;align-items:center}.game-tools button,.game-tools a{border:1px solid #dfb19d;background:#fff9f1;padding:7px 14px;border-radius:30px;text-decoration:none;cursor:pointer;font-size:13px}.game-tools button:hover,.game-tools a:hover{background:#f8d3c5}.mobile-note{display:none;font-size:12px}.about{padding-top:66px}.about h2{font-size:clamp(30px,4.2vw,48px);line-height:1.3;margin:10px 0 18px}.intro{font-size:18px;max-width:870px;margin:0 0 32px}.voices{background:#fff1cd;border:1px solid #f0d28d;border-radius:22px;padding:26px}.voice{display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center;padding:7px 0 24px}.voice+.voice{border-top:1px solid #e9ac8b;padding-top:25px;padding-bottom:7px}.voice>.portrait{width:140px;height:150px;border-radius:14px;object-fit:cover;object-position:51% 42%}.voice:first-child>.portrait{object-position:48% 38%}.voice.reverse{grid-template-columns:1fr 140px}.reverse>.portrait{grid-column:2;grid-row:1}.reverse>div{grid-column:1;grid-row:1}.quote-mark{font-size:55px;color:#ed7b5d;line-height:.65;display:block;margin-top:9px}blockquote{font-size:23px;line-height:1.65;margin:8px 0 13px;font-weight:400}blockquote strong{color:#e87455;font-weight:bold}.attribution{font-size:13px;margin:0;display:flex;align-items:baseline;gap:12px}.attribution b{font-size:18px;white-space:nowrap}.attribution span{padding-left:12px;border-left:1px solid #d5b886}.findings,.support{padding-top:38px}.section-title{font-size:25px;margin:0 0 18px;display:flex;align-items:center;gap:15px;line-height:1.4}.finding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.finding{position:relative;border:1px solid var(--line);background:var(--bg);border-radius:18px;padding:22px 23px;display:flex;flex-direction:column}.coral{--line:#f3b3a4;--bg:#fff0ec;--accent:#ea795f;--circle:#fcd2c8}.yellow{--line:#ecd18b;--bg:#fff6dd;--accent:#daab32;--circle:#fbe7ad}.green{--line:#add09d;--bg:#f0f8e9;--accent:#43875a;--circle:#d4ebc9}.number{position:absolute;top:16px;left:16px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;font-size:13px}.icon{width:83px;height:83px;margin:0 auto 12px;background:var(--circle);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:55px;line-height:1}.icon svg{width:52px;height:52px}.finding h3{font-size:32px;line-height:1.25;color:#e77559;text-align:center;margin:0;padding-bottom:15px;min-height:96px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.finding p{font-size:17px;line-height:1.75;margin:15px 0 0}.finding strong{color:#df7254}.percent{color:#43875a;font-size:50px;line-height:1}.percent small{font-size:28px}.stat-label{font-size:22px;color:#6b4f3b;margin-top:8px}.context{align-self:center;margin-top:auto;padding:3px 12px;font-size:12px;color:#43875a;border:1px solid #9ac092;border-radius:20px}.sources{font-size:11px;background:#fbf5ee;border:1px solid #e3cfbd;border-radius:12px;padding:10px 15px;margin-top:12px;line-height:1.6}.sources>b{font-size:12px}.sources p{margin:3px 0}.sources p>span{display:inline-block;min-width:64px;font-weight:bold}.support{padding-bottom:42px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support article{border-radius:16px;text-align:center;padding:15px 15px 17px;background:#fbe5df}.support article:nth-child(2){background:#fff0cb}.support article:nth-child(3){background:#e8f1df}.support img{height:105px;width:100%;object-fit:contain}.support h3{font-size:18px;margin:7px 0}.support p{font-size:14px;margin:0;line-height:1.6}.stories{background:#9ccb77;border-radius:45px 45px 0 0;padding:37px 0 30px}.stories h2{font-size:33px;text-align:center;margin:0}.stories h2 em{color:#d76647}.stories-intro{text-align:center;margin:6px 0 25px;font-size:17px}.carousel{position:relative}.article-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.article-track::-webkit-scrollbar{display:none}.article-card{flex:0 0 calc((100% - 40px)/3);background:#fff9ef;border-radius:17px;padding:11px 11px 18px;scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none;border:2px solid transparent}.article-card:hover{border-color:#6b4f3b}.article-card img{width:100%;aspect-ratio:1.95;object-fit:contain;background:#fff;border-radius:9px;display:block}.tag{font-size:11px;background:#f6d66b;border-radius:12px;padding:2px 9px;align-self:flex-start;margin:12px 0 6px}.article-card h3{font-size:19px;line-height:1.45;margin:0 4px 6px}.article-card p{font-size:13px;margin:0 4px 13px;line-height:1.6}.read{margin:auto 4px 0;font-size:13px;font-weight:bold}.arrow{position:absolute;top:42%;transform:translateY(-50%);border:0;background:#fff9ef;color:#6b4f3b;width:40px;height:40px;border-radius:50%;font-size:33px;line-height:1;cursor:pointer;z-index:2}.prev{left:-20px}.next{right:-20px}.arrow:hover{background:#f6d66b}.arrow:disabled{opacity:.45;cursor:default}.carousel-footer{position:relative;margin-top:20px;display:flex;align-items:center;justify-content:center;min-height:24px}.carousel-footer p{position:absolute;right:0;margin:0;font-size:12px}.dots{display:flex;gap:9px}.dots button{width:10px;height:10px;border:0;padding:0;border-radius:50%;background:#6b4f3b70;cursor:pointer}.dots button[aria-current=true]{background:#e87455}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;font-size:12px}.footer p{margin:0}.footer a{text-decoration:none}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{min-height:275px}.hero-art{opacity:.55;width:49%;right:0}.hero-sub{font-size:17px}.hero h1{font-size:48px}.voice{grid-template-columns:105px 1fr;gap:18px}.voice.reverse{grid-template-columns:1fr 105px}.voice>.portrait{width:105px;height:130px}blockquote{font-size:19px}.attribution{display:block}.attribution span{display:block;border:0;padding:0;font-size:11px;margin-top:5px}.finding{padding:18px 16px}.finding p{font-size:15px}.finding h3{font-size:27px}.stat-label{font-size:19px}.percent{font-size:44px}.article-card{flex-basis:calc((100% - 20px)/2)}.sources p>span{min-width:57px}}@media(max-width:560px){.nav{min-height:68px;flex-direction:column;justify-content:center;gap:5px;padding:10px 0}.brand-text{font-size:16px}.brand-text span{font-size:11px}nav{gap:25px}nav a{font-size:12px}.hero{padding:30px 0;min-height:240px}.hero h1{font-size:40px}.hero-art{width:52%;opacity:.35}.hero-sub{font-size:14px}.eyebrow{font-size:13px}.game-frame{aspect-ratio:auto;height:480px;border-radius:18px}.game-tools{align-items:flex-start;flex-direction:column;gap:10px}.game-tools p{font-size:12px}.mobile-note{display:block}.about{padding-top:38px}.about h2{font-size:30px}.intro{font-size:15px}.desktop{display:none}.voices{padding:16px}.voice{grid-template-columns:72px 1fr;gap:13px;align-items:start}.voice.reverse{grid-template-columns:1fr 72px}.voice>.portrait{width:72px;height:88px;margin-top:13px}.quote-mark{font-size:40px}blockquote{font-size:16px;line-height:1.8}.attribution b{font-size:15px}.attribution span{font-size:10px;line-height:1.6}.section-title{font-size:22px;gap:10px}.section-title span{width:25px;flex-shrink:0}.finding-grid{grid-template-columns:1fr}.finding{display:grid;grid-template-columns:95px 1fr;gap:6px 18px;padding:18px}.finding .number{width:25px;height:25px;top:11px;left:11px;font-size:11px}.icon{width:62px;height:62px;font-size:40px;margin:12px auto 0;grid-column:1}.icon svg{width:42px;height:42px}.finding h3{grid-column:1;grid-row:2;font-size:23px;min-height:0;border:0;padding:0;margin:4px 0}.finding p{grid-column:2;grid-row:1/4;margin:0;font-size:15px;align-self:center}.percent{font-size:33px}.percent small{font-size:20px}.stat-label{font-size:15px}.context{grid-column:2;font-size:11px;margin-top:0;justify-self:start}.sources{font-size:10px;padding:9px 11px}.sources p>span{min-width:0;margin-right:9px}.support-grid{gap:8px}.support article{padding:10px 6px}.support img{height:65px}.support h3{font-size:12px}.support p{font-size:10px}.stories{border-radius:25px 25px 0 0}.stories h2{font-size:24px}.stories-intro{font-size:13px}.article-card{flex-basis:100%}.article-card h3{font-size:21px}.article-card p{font-size:14px}.carousel-footer{justify-content:flex-start}.footer{font-size:10px}.arrow{width:34px;height:34px}.prev{left:-13px}.next{right:-13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}

/* Crop within the existing portrait frame at every breakpoint. */
.portrait{display:block;overflow:hidden;flex-shrink:0}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.5);transform-origin:50% 38%}.voice.reverse .portrait img{object-position:62% center;transform-origin:50% 20%}

.intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 31%;gap:24px;align-items:center;margin-bottom:26px}.intro-layout .intro{margin-bottom:0}.intro-child{width:100%;height:auto;display:block;align-self:end}@media(max-width:800px) and (min-width:561px){.intro-layout{grid-template-columns:minmax(0,1fr) 28%;gap:12px}.intro-layout h2{font-size:32px}.intro-layout .intro{font-size:16px}}@media(max-width:560px){.intro-layout{grid-template-columns:1fr;gap:8px;margin-bottom:22px}.intro-child{width:190px;justify-self:end;margin-top:-8px}}
.dots{flex-wrap:wrap;max-width:70%;justify-content:center}.article-empty{width:100%;text-align:center;padding:30px 10px}.manage-link{border-bottom:1px solid #a98d70}
/* Dedicated mobile reading and game-entry layout. */
.mobile-game-entry{display:none}
@media(max-width:700px){
 html{scroll-padding-top:24px}
 header .nav{flex-direction:column;justify-content:center;gap:15px;padding:18px 0 20px}
 header .brand-text{font-size:19px;line-height:1.4}
 header .brand-text span{font-size:14px;color:#8d725d}
 header nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%}
 header nav a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:17px;font-weight:bold;min-height:48px;padding:10px 5px;border-radius:13px;white-space:nowrap;color:#654532;border:1px solid #e9ac97;background:#fbd5c8}
 header nav a:nth-child(2){background:#f9e8ab;border-color:#e4cd82}
 header nav a:nth-child(3){background:#d9ebc9;border-color:#adc991;color:#405c3e}
 header nav a:hover{color:#654532;filter:brightness(.96)}
 .game-frame{height:auto;aspect-ratio:auto;border-radius:19px}
 .game-frame iframe{display:none}
 .mobile-game-entry{display:block;background:#fff0ef}
 .mobile-game-entry img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
 .mobile-game-entry p{margin:0;padding:8px 12px 12px;text-align:center;font-size:14px}
 .game-frame:fullscreen{width:100%;height:100%;border:0;border-radius:0}
 .game-frame:fullscreen iframe{display:block;width:100%;height:100%}
 .game-frame:fullscreen .mobile-game-entry{display:none}
 .game-tools{align-items:stretch;flex-direction:column;gap:12px}
 .game-tools p{font-size:14px}
 .game-tools>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .game-tools button,.game-tools a{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;padding:10px 8px;border-radius:12px}
 .game-tools button{background:#fbd5c8;border-color:#e9ac97;font-weight:bold}
 .mobile-note{display:block;font-size:12px;line-height:1.6;margin:10px 0 0}
 .intro-layout{grid-template-columns:1fr;gap:15px;margin-bottom:26px}
 .intro-layout h2{font-size:32px}
 .intro-layout .intro{font-size:17px;line-height:1.8}
 .intro-child{width:min(240px,75%);justify-self:center;margin-top:0}
 .desktop{display:none}
 .voices{padding:20px}
 .voice,.voice.reverse{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:24px}
 .voice>.portrait,.voice.reverse>.portrait{width:120px;height:145px;margin:0;border-radius:14px;grid-column:1;grid-row:1}
 .voice>div,.voice.reverse>div{display:contents}
 .voice .attribution{grid-column:2;grid-row:1;display:block;margin:0}
 .voice .attribution b{display:block;font-size:20px;margin-bottom:7px}
 .voice .attribution span{display:block;padding:0;border:0;font-size:13px;line-height:1.7}
 .voice blockquote{grid-column:1/-1;grid-row:2;margin:0;font-size:18px;line-height:1.9}
 .voice .quote-mark{display:none}
 .finding-grid{grid-template-columns:1fr;gap:16px}
 .finding{display:flex;flex-direction:column;padding:22px 24px}
 .finding .icon{margin:0 auto 12px;width:72px;height:72px;font-size:48px}
 .finding h3{font-size:30px;min-height:0;border-bottom:1px solid var(--line);padding-bottom:15px;margin:0}
 .finding p{font-size:17px;line-height:1.85;margin:16px 0 0;align-self:stretch}
 .finding .percent{font-size:48px}
 .finding .stat-label{font-size:23px}
 .finding .context{margin:15px auto 0;font-size:12px}
 .sources{font-size:12px;padding:12px 14px;line-height:1.8}
 .sources>b{font-size:13px}
 .sources p{margin:5px 0}
 .sources p>span{margin-right:8px}
 .article-card{flex-basis:100%}
 .article-card h3{font-size:21px}
 .article-card p{font-size:15px;line-height:1.7}
 .article-card .tag,.article-card .read{font-size:14px}
 .carousel-footer{justify-content:flex-start;align-items:flex-start;gap:16px;flex-wrap:wrap}
 .carousel-footer p{position:static;margin-left:auto;font-size:12px}
 .dots{max-width:70%;gap:10px}
 .dots button{width:12px;height:12px}
}
@media(max-width:560px){
 .support-grid{grid-template-columns:1fr;gap:12px}
 .support article{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:15px;align-items:center;text-align:left;padding:15px}
 .support img{width:90px;height:90px;grid-column:1;grid-row:1/3}
 .support h3{font-size:17px;grid-column:2;margin:0 0 6px}
 .support p{font-size:14px;grid-column:2;line-height:1.7}
 .support p br{display:none}
}
@media(max-width:360px){header nav a{font-size:15px}.voices{padding:16px}.voice,.voice.reverse{grid-template-columns:105px minmax(0,1fr);gap:14px}.voice>.portrait,.voice.reverse>.portrait{width:105px;height:130px}.voice .attribution span{font-size:12px}}