:root{--paper:#f5f5f5;--white:#fff;--ink:#000;--red:#e62b1e;--blue:#a8d2f2;--pale:#e8f0f3;--dark:#141d21;--muted:#34434b;--gutter:clamp(20px,3vw,48px);--body:18px;--small:15px;--heading:clamp(34px,4.2vw,64px);--sub:24px;--display:clamp(70px,8.7vw,132px);--radius:0px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:20px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:var(--body);line-height:1.75;-webkit-font-smoothing:antialiased}
::selection{background:var(--ink);color:var(--white)}
a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1.5px}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}
button,summary{font:inherit}
button,a{touch-action:manipulation}
button{border:0;border-radius:var(--radius)}
button:not(:disabled),summary{cursor:pointer}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
figcaption{font-size:var(--small);line-height:1.7;margin-top:14px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:900;letter-spacing:-.045em;text-wrap:balance;line-height:1.2}
h2{font-size:var(--heading)}
h3{font-size:var(--sub)}
p{text-wrap:pretty}
p+p{margin-top:22px}
ul{padding-left:1.2em;margin:24px 0}
li+li{margin-top:12px}
strong{font-weight:800}
.skip-link{position:fixed;z-index:20;left:20px;top:-100px;background:var(--ink);color:var(--white);padding:14px 22px}
.skip-link:focus{top:12px}
.review-bar{background:var(--ink);color:var(--white);font-size:14px;padding:8px var(--gutter);text-align:center;line-height:1.6}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px var(--gutter);background:var(--white)}
.brand{display:block;width:240px;flex-shrink:0}
.brand img{width:100%}
.brand{text-decoration:none}
.brand-tagline{display:block;margin:2px 6.3% 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:0}
.site-header nav{display:flex;gap:30px;font-size:16px}
.site-header nav a{text-decoration:none;padding:10px 0;transition:transform .2s}
.site-header nav a:hover{transform:translateY(-3px)}
.header-date{font-size:16px;font-weight:800;white-space:nowrap}
.hero{min-height:0;background:var(--paper);position:relative}
.hero-top{height:clamp(320px,45svh,470px);padding:34px var(--gutter) 0;position:relative}
.hero-context{text-align:center;font-size:18px;font-weight:700}
.hero h1{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(100% - 230px);z-index:1;text-align:center;font-size:var(--display);line-height:1.08;letter-spacing:-.065em}
.headline-line{display:block;overflow:hidden}
.hero-bottom{min-height:340px;background:var(--red);padding:110px var(--gutter) 24px}
.hero-bottom-inner{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1300px;margin:auto}
.hero-description{font-size:var(--sub);font-weight:700;line-height:1.6}
.hero-action{flex-shrink:0}
.hero-action p{font-size:15px;margin-top:18px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:60px;padding:16px 25px;text-decoration:none;font-size:18px;font-weight:800;transition:transform .25s var(--ease),background-color .25s}
.button:hover:not(:disabled){transform:translateY(-4px)}
.button:active:not(:disabled){transform:translateY(1px)}
.button span{font-size:25px;font-weight:500;line-height:1}
.button-light{background:var(--paper);color:var(--ink)}
.button-dark{background:var(--ink);color:var(--white)}
.hero-foot{display:flex;justify-content:space-between;align-items:center;margin-top:60px;font-weight:800}
.hero-foot span:first-child{font-size:34px;letter-spacing:-.06em}
.hero-foot span:last-child{font-size:16px}
.chapter{padding:100px var(--gutter);min-height:90svh;scroll-margin-top:0}
.ownership{background:var(--blue);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.ownership.chapter{min-height:0}
.ownership .stair-statement{margin-top:0;letter-spacing:normal}
.support .section-intro{grid-template-columns:1fr}
.ownership-copy>p:not(.stair-statement){max-width:31em}
.stair-statement{font-size:26px;font-weight:800;line-height:1.6;margin:36px 0}
.stair-statement span{display:block}
.stair-statement span:nth-child(2){padding-left:6%}
.stair-statement span:nth-child(3){padding-left:12%}
.stair-statement span:nth-child(4){padding-left:18%}
.ownership-media{align-self:center}
.ownership-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ownership-note{font-size:25px;font-weight:800;margin:36px 0 0 16%}
.questions-intro{background:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;gap:45px 8vw;align-items:center;min-height:0}
.questions-intro h2{margin-bottom:32px}
.questions-intro p{max-width:32em}
.source-link{display:block;font-size:15px;margin-top:16px;width:fit-content}
.seat-map{display:flex;align-items:center;justify-content:space-between;gap:10px}
.seat-map>div{display:flex;flex-direction:column;align-items:center}
.seat-map strong{font-size:clamp(80px,10vw,150px);line-height:1;font-weight:900;letter-spacing:-.09em}
.seat-map span{font-size:16px;line-height:1.6;margin-top:20px}
.seat-map .seat-plus{font-size:28px;margin:0}
.small-note{font-size:var(--small);line-height:1.7}
.questions-intro>.small-note{grid-column:1/-1;align-self:end;max-width:none;margin-top:0}
.act{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;min-height:100svh}
.act-first{background:var(--blue)}
.act-second{background:var(--paper)}
.act-third{background:var(--red)}
.act-name{font-size:18px;font-weight:700;margin-bottom:24px}
.act h3{font-size:var(--heading);margin-bottom:32px}
.act-copy>p{max-width:32em}
.question-list{margin:26px 0;padding-left:1.15em}
.act-outlook{font-weight:800}
.image-window{overflow:hidden}
.act-image img{width:100%;height:auto;transition:transform 1s var(--ease)}
.act-image:hover img{transform:scale(1.035)}
.act-second .act-image{grid-column:1;grid-row:1}
.act-second .act-copy{grid-column:2;grid-row:1}
.spark{background:var(--pale);display:grid;grid-template-columns:.9fr 1.1fr;gap:65px 8vw;align-items:start}
.spark-intro h2{margin-bottom:28px}
.spark-intro p{max-width:29em}
.question-machine{padding:35px;background:var(--white);min-height:390px;display:flex;align-items:start;flex-direction:column;justify-content:space-between}
.machine-context{font-size:var(--small);margin:0 0 24px}
.prompt{font-size:var(--sub);font-weight:800;line-height:1.5;margin:0 0 24px;min-height:4.5em}
.question-machine .small-note{margin-top:22px}
.thinking-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:18px 7vw}
.thinking-notes>p:first-child{font-weight:800;font-size:24px}
.thinking-notes ul{margin:0}
.thinking-notes>p:last-child{grid-column:2;font-size:16px;margin:0}
.support{background:var(--dark);color:var(--white)}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;margin-bottom:60px}
.section-intro>p{max-width:32em}
.support-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:start}
.support-panel{background:#2b3941;padding:25px;min-height:280px}
.support-panel:nth-child(2){background:#38566a}
.support-panel:nth-child(3){background:#496d86}
.support-panel:nth-child(4){background:var(--blue);color:var(--ink)}
.support-panel summary{font-size:20px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:48px}
summary::-webkit-details-marker{display:none}
.support-panel h3{font-size:25px;line-height:1.4;margin-top:34px}
.support-panel p{font-size:17px;line-height:1.8;margin-top:24px}
.support-panel[open]{grid-column:span 2}
.support-panels:has(.support-panel[open]){grid-template-columns:repeat(5,1fr)}
.plus{display:inline-block;position:relative;width:18px;height:18px;flex-shrink:0}
.plus:before,.plus:after{content:"";position:absolute;background:currentColor;top:8px;left:0;width:18px;height:2.5px;transition:transform .25s}
.plus:after{transform:rotate(90deg)}
details[open]>summary .plus:after{transform:rotate(0)}
.support-foot{font-size:16px;margin-top:32px}
.parents{background:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}
.faq-heading{position:sticky;top:35px}
.faq-heading>p{max-width:29em;margin-top:30px}
.faq-list{display:grid;gap:10px}
.faq-item{background:var(--pale)}
.faq-item[open]{background:var(--blue)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:25px;font-size:19px;font-weight:800;line-height:1.7;min-height:84px}
.faq-item>div{padding:4px 25px 30px;font-size:17px}
.faq-item a{font-weight:700}
.guidelines{background:var(--blue)}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 8vw}
.rule h3{font-size:var(--sub);margin-bottom:24px}
.rule p{max-width:34em}
.rule a{display:inline-block;font-size:16px;margin-top:20px;font-weight:700}
.apply{background:var(--red);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}
.apply-visual span{font-size:clamp(65px,8.6vw,132px);font-weight:900;letter-spacing:-.08em;line-height:1.18;display:block}
.apply h2{font-size:clamp(32px,3.5vw,52px);margin-bottom:30px}
.apply-content>p{max-width:32em}
.apply-facts{margin:35px 0;display:grid;gap:13px;font-size:17px}
.apply-facts>div{display:grid;grid-template-columns:100px 1fr;gap:18px}
.apply-facts dt{font-weight:800}
.apply-facts dd{margin:0}
.apply-action .button{width:100%;justify-content:center;cursor:pointer}
.apply-action p{font-size:15px;margin-top:18px}
.apply-facts a{overflow-wrap:anywhere}
.form-link-help{margin-top:var(--space-6,1.5rem)}
.form-link-help summary{font-size:var(--small);text-decoration:underline;text-underline-offset:.2em}
.form-link-help .form-url{font-size:var(--small);overflow-wrap:anywhere;user-select:all}
.copy-form-link{padding:var(--space-3,.75rem) var(--space-4,1rem);min-height:44px;background:var(--ink);color:var(--white);font-size:var(--small);font-weight:700}
.site-footer{padding:50px var(--gutter) 26px;background:var(--white);font-size:15px}
.footer-main{display:flex;gap:40px;align-items:center;justify-content:space-between}
.footer-main>a:first-child{width:280px;flex-shrink:0}
.footer-main p{font-size:15px}
.footer-main>a:last-child{white-space:nowrap;font-size:16px}
.photo-credits{margin-top:30px;font-size:15px}
.photo-credits summary{padding:12px 0;width:fit-content;text-decoration:underline;text-underline-offset:5px}
.photo-credits>div{max-width:70em}
.footer-note{margin-top:30px;font-size:14px}
.reveal{opacity:1;transform:none}
.prompt.is-changing{animation:prompt-enter .4s var(--ease)}
@keyframes prompt-enter{from{transform:translateY(10px);opacity:.2}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:no-preference){
  .headline-line{animation:headline-in .9s var(--ease) both}
  .headline-line:nth-child(2){animation-delay:.12s}
  .hero-description,.hero-action{animation:small-in .7s .3s var(--ease) both}
  .reveal{transition:transform .7s var(--ease)}
  .reveal.seen{animation:small-in .65s var(--ease) both}
  .image-window img{animation:image-breathe 16s ease-in-out infinite alternate}
}
@keyframes headline-in{from{transform:translateY(34px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes small-in{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes image-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(min-width:1700px){.chapter{padding-top:130px;padding-bottom:130px}}
@media(max-width:1050px){
  .site-header nav{gap:18px}
  .brand{width:205px}
  .header-date{display:none}
  .hero-top{height:350px}
  .hero h1{font-size:90px;top:105px}
  .hero-bottom{padding-top:92px}
  .hero-bottom-inner{gap:25px}
  .hero-description{font-size:21px}
  .hero-action .button{gap:22px}
  .chapter{padding-top:80px;padding-bottom:80px}
  .ownership,.act,.parents,.spark{gap:40px}
  .support-panels,.support-panels:has(.support-panel[open]){grid-template-columns:1fr 1fr}
  .support-panel,.support-panel[open]{grid-column:auto;min-height:0}
  .support-panel[open]{grid-column:span 2}
  .support-panel summary{font-size:19px}
  .support-panel h3{margin-top:22px}
  .support-panel p{max-width:40em}
  .rules-grid{gap:45px}
  .footer-main{gap:24px;flex-wrap:wrap}
}
@media(max-width:700px){
  :root{--body:17px;--gutter:20px;--heading:36px;--sub:27px;--small:14px}
  .review-bar{font-size:13px;padding:8px 18px}
  .site-header{padding:12px 14px;gap:12px;flex-wrap:wrap}
  .brand{width:190px}
  .site-header nav{width:100%;order:2;justify-content:space-between;gap:12px;padding:0 6px}
  .site-header nav a{font-size:14px;padding:7px 0}
  .header-date{display:block;font-size:14px;padding-right:6px}
  .hero{min-height:0}
  .hero-top{height:290px;padding-top:26px}
  .hero-context{font-size:16px}
  .hero h1{font-size:clamp(40px,11.5vw,76px);line-height:1.22;letter-spacing:-.055em;top:100px}
  .hero-bottom{padding-top:60px;min-height:330px}
  .hero-bottom-inner{display:block}
  .hero-description{font-size:18px;line-height:1.8}
  .hero-action{margin-top:28px}
  .hero-action .button{width:100%;font-size:17px;min-height:56px}
  .hero-action p{font-size:14px;margin-top:13px}
  .hero-foot{margin-top:28px}
  .hero-foot span:first-child{font-size:28px}
  .hero-foot span:last-child{font-size:14px}
  .chapter{padding-top:64px;padding-bottom:64px;min-height:0}
  h2{line-height:1.25}
  .ownership{grid-template-columns:1fr;gap:38px}
  .ownership-copy>p:not(.stair-statement){max-width:none}
  .stair-statement{font-size:23px;margin:28px 0}
  .ownership-media img{aspect-ratio:4/3}
  .ownership-note{font-size:23px;margin-top:26px;margin-left:10%}
  .questions-intro{grid-template-columns:1fr;gap:38px}
  .questions-intro h2{margin-bottom:25px}
  .seat-map{justify-content:space-around}
  .seat-map strong{font-size:80px}
  .seat-map span{font-size:15px;margin-top:16px}
  .seat-map .seat-plus{font-size:22px}
  .questions-intro>.small-note{font-size:14px}
  .act{grid-template-columns:1fr;gap:35px}
  .act h3{font-size:36px;line-height:1.25;margin-bottom:25px}
  .act-name{font-size:16px;margin-bottom:20px}
  .act-copy>p{max-width:none}
  .act-second .act-copy,.act-second .act-image{grid-column:auto;grid-row:auto}
  .question-list{margin:22px 0}
  .question-list li+li{margin-top:14px}
  figcaption{margin-top:12px}
  .spark{grid-template-columns:1fr;gap:35px}
  .spark-intro h2{margin-bottom:25px}
  .spark-intro p{max-width:none}
  .question-machine{padding:24px;min-height:380px}
  .machine-context{font-size:15px}
  .prompt{font-size:25px;min-height:6em;margin:22px 0}
  .question-machine .button{font-size:16px;gap:16px;width:100%}
  .thinking-notes{grid-template-columns:1fr;gap:18px}
  .thinking-notes>p:first-child{font-size:23px}
  .thinking-notes>p:last-child{grid-column:1}
  .section-intro{grid-template-columns:1fr;gap:26px;margin-bottom:35px}
  .section-intro>p{max-width:none}
  .support-panels,.support-panels:has(.support-panel[open]){display:block}
  .support-panel{padding:22px;min-height:0;margin-bottom:8px}
  .support-panel summary{font-size:18px;min-height:32px}
  .support-panel h3{font-size:25px}
  .support-panel p{font-size:17px;margin-top:18px}
  .support-foot{font-size:15px}
  .support-foot a{display:block;margin-top:10px}
  .parents{grid-template-columns:1fr;gap:36px}
  .faq-heading{position:static}
  .faq-heading>p{max-width:none;margin-top:25px}
  .faq-item summary{font-size:18px;padding:22px;min-height:76px;gap:20px}
  .faq-item>div{font-size:17px;padding:0 22px 26px}
  .rules-grid{grid-template-columns:1fr;gap:40px}
  .rule h3{font-size:27px;margin-bottom:20px}
  .rule a{font-size:15px;margin-top:16px}
  .apply{grid-template-columns:1fr;gap:45px}
  .apply-visual span{font-size:66px}
  .apply h2{font-size:32px;line-height:1.3}
  .apply-facts{font-size:16px}
  .apply-facts>div{grid-template-columns:84px 1fr;gap:12px}
  .apply-action p{font-size:14px}
  .site-footer{padding-top:35px}
  .footer-main{display:block}
  .footer-main>a:first-child{width:230px;display:block;margin-left:-10px}
  .footer-main p{font-size:14px;margin:20px 0}
  .footer-main>a:last-child{font-size:15px}
  .photo-credits{font-size:14px;margin-top:22px}
  .footer-note{font-size:13px;margin-top:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Five optical sizes are shared across all chapters. */
.review-bar,.hero-action p,.hero-foot span:last-child,.source-link,.seat-map span,.support-foot,.rule a,.apply-action p,.site-footer,.footer-main p,.footer-main>a:last-child,.photo-credits,.footer-note{font-size:var(--small)}
.site-header nav,.header-date,.button,.button span,.question-list,.thinking-notes>p:last-child,.support-panel summary,.support-panel p,.faq-item summary,.faq-item>div,.apply-facts,.hero-action .button,.question-machine .button{font-size:var(--body)}
.stair-statement,.ownership-note,.hero-description,.thinking-notes>p:first-child,.hero-foot span:first-child{font-size:var(--sub)}
.rule h3{font-size:var(--sub)}
.act h3,.apply h2{font-size:var(--heading)}
.seat-map strong,.apply-visual span{font-size:var(--display)}
.seat-map .seat-plus{font-size:var(--sub)}
@media(max-width:1050px){
  :root{--display:90px}
  .hero h1{top:calc(100% - 165px);font-size:var(--display)}
  .hero-bottom{padding-top:110px}
  .chapter,.act{min-height:0}
  .stair-statement{line-height:1.5}
  .ownership-note{font-size:var(--body)}
  .apply-visual span{font-size:var(--heading)}
}
@media(max-width:700px){
  :root{--display:clamp(40px,11.5vw,76px);--sub:24px;--body:17px;--small:14px}
  .hero-top{height:235px}
  .hero h1{top:calc(100% - 88px);font-size:var(--display)}
  .hero-bottom{padding-top:74px}
  .hero-description{font-size:var(--body)}
  .prompt{font-size:var(--sub);margin-top:0}
  .stair-statement{font-size:var(--sub)}
  .machine-context{font-size:var(--small)}
  .apply-visual span{font-size:var(--heading)}
  .ownership-note,.support-panel summary,.support-panel p,.faq-item summary,.faq-item>div{font-size:var(--body)}
  .site-header nav a,.header-date,.hero-action p,.hero-foot span:last-child,.questions-intro>.small-note,.support-foot,.rule a,.footer-main p,.footer-main>a:last-child,.photo-credits,.footer-note{font-size:var(--small)}
}