/* v2.2：中文內文優先，放大字級不依賴瀏覽器縮放。 */
.setup-main>.muted,.setup-reminder{font-size:18px;line-height:1.9}.setup-reminder{margin-top:20px;color:var(--muted)}.participant-row{padding:16px;margin-bottom:16px}.participant-row legend{font-size:16px}.participant-row input{font-size:18px;min-height:52px}.private-topic-option{margin:22px 0;border-block:1px solid var(--line);padding:8px 0}.private-topic-option summary,.private-topic-option label{font-size:17px}.private-topic-option label{padding:10px 0 18px}.setup-main form>.primary{margin-top:22px}.origin-motto{font-family:var(--serif);font-size:28px;color:var(--accent);margin-top:25px;line-height:1.8}.about-prose blockquote{margin:28px 0;padding:20px 0 20px 22px;border-left:3px solid var(--accent);font-family:var(--serif);font-size:22px;line-height:1.9}.about-prose>.button{white-space:normal;text-align:left;font-size:17px}.origin-story{padding-block:30px 65px}.story-heading{max-width:760px;margin:35px auto 60px;border-bottom:1px solid var(--line);padding-bottom:35px}.story-heading h1{font-size:42px;line-height:1.6;margin:14px 0 20px}.story-heading>p:last-child{font-size:24px;color:var(--accent);font-family:var(--serif)}.story-body{max-width:760px;margin:auto}.story-body section{margin-bottom:65px}.story-number{font-family:var(--serif);font-size:20px;color:var(--accent)}.story-body h2{font-size:28px;line-height:1.7;margin:12px 0 25px}.story-body p{font-size:20px;line-height:2.05;margin-bottom:24px;color:#444d42}.story-body blockquote{font-family:var(--serif);font-size:27px;line-height:1.9;border-block:1px solid var(--line);padding:35px 0;margin:0 0 30px;color:var(--accent)}.story-actions{display:flex;gap:16px;flex-wrap:wrap}.about-prose,.about-hero-copy>p:not(.eyebrow),.about-section-heading>p:last-child:not(.eyebrow),.about-example-copy>p,.about-format-grid p,.about-how>div>p:last-child,.about-how li p,.about-faq details p,.about-invite>p:not(.eyebrow){font-size:18px}.about-faq summary{font-size:18px}.about-selector{font-size:17px;min-height:50px}.about-hero-note,.about-example-audience,.about-sample-label,.about-sample-bottom,.about-fit-note{font-size:15px}
@media(max-width:600px){
  :root{font-size:19px}.wrap,.header-inner,.footer{width:calc(100% - 36px)}
  .site-header{height:auto;min-height:108px}.header-inner{flex-wrap:wrap;gap:8px;padding-block:12px}.site-header .brand,.site-header:has(.exit) .brand{font-size:25px;gap:10px}.site-header .brand-icon,.site-header:has(.exit) .brand-icon{font-size:38px}.brand small{font-size:10px;letter-spacing:2px}.site-header nav,.site-header:has(.exit) nav{width:100%;gap:12px;justify-content:space-between;flex-wrap:wrap}.site-header .nav-link,.site-header:has(.exit) .nav-link{font-size:17px;min-height:44px}.edition{display:none}
  .button,.hero-actions .primary,.hero-actions .text-button,.setup-aside>.button,.table-tools .button,.card-actions .button,.people-panel>.button,.play-controls .button,.play-controls>.button,.response-panel .button{font-size:18px;min-height:52px;line-height:1.6;padding:12px 16px}.hero-actions{flex-wrap:wrap;gap:8px}.hero-description,.section-heading>p,.deck-subtitle,.how-strip p,.interlude>p:not(.eyebrow),.setup-aside>p,.setup-main>.muted,.setup-reminder,.chapter-caption,.response-panel>p:not(.eyebrow),.card-hint,.activity-note,.listener-prompt,.followup-fit,.response-help p,.help-dialog ol,.help-dialog>.muted,.about-prose,.about-hero-copy>p:not(.eyebrow),.about-section-heading>p:last-child:not(.eyebrow),.about-example-copy>p,.about-format-grid p,.about-how>div>p:last-child,.about-how li p,.about-faq details p,.about-invite>p:not(.eyebrow){font-size:19px;line-height:1.9}
  .eyebrow,.about-hero .eyebrow,.about-example .eyebrow{font-size:12px;letter-spacing:1px}.hero h1{font-size:34px}.deck-grid{gap:28px 16px}.deck-cover{height:195px}.deck-number,.deck-english{display:none}.deck-title{font-size:21px;line-height:1.6}.deck-count{font-size:15px;bottom:14px;left:12px}.deck-audience{font-size:16px;margin-top:10px}.deck-description{padding-top:16px}.deck-subtitle{font-size:17px}.section-heading h2{font-size:28px}.how-strip h3{font-size:22px}.how-strip .step-no{font-size:17px}.footer{font-size:14px;line-height:1.8}.footer span:last-child{margin-left:0}
  .setup-main h2{font-size:30px}.form-heading h3{font-size:23px}.form-heading>span{font-size:17px}.participant-row legend{font-size:17px}.participant-row input{font-size:20px;min-height:54px}.participant-top{gap:12px}.remove-person{min-width:44px;min-height:44px;font-size:24px}.private-topic-option summary,.private-topic-option label{font-size:18px}.large-deck{height:auto;min-height:180px}.large-deck .eyebrow{font-size:11px}.large-deck h1{font-size:27px}.large-deck>span:last-child{font-size:16px;max-width:70%;line-height:1.7}
  .entry-rules{font-size:17px;line-height:1.8}.interlude h1,.closing-page>h1{font-size:32px}.table-heading{flex-wrap:wrap;gap:12px}.table-heading h1{font-size:27px}.table-heading .eyebrow{font-size:12px}.table-tools{flex-wrap:wrap}.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter{font-size:17px;min-height:78px;padding:10px;gap:0 8px}.chapter small{font-size:14px;line-height:1.7}.chapter-symbol{font-size:28px}.chapter-caption>span{font-size:16px}.play-controls>div{flex-basis:100%;flex-wrap:wrap}.play-controls .mode-button{min-width:120px}.play-controls p{font-size:16px;line-height:1.8}.person>span,.person small{font-size:16px}.person .avatar{height:36px;width:36px;font-size:16px}.question-card{padding:25px;min-height:370px}.question-card h2,.question-card:has(.card-topic) h2{font-size:30px;line-height:1.85}.card-top{font-size:15px;gap:10px}.card-topic{font-size:17px;line-height:1.7}.card-bottom{font-size:15px}.card-level{font-size:17px;flex-wrap:wrap;gap:8px}.condition-tags{font-size:16px;line-height:1.7}.condition-tags span{text-align:center}.response-panel h2{font-size:28px}.response-panel .eyebrow{font-size:12px}.listening-note{font-size:20px}.listener-tab{font-size:18px;min-width:54px;min-height:52px}.response-help summary{font-size:17px}.table-bottom>span{font-size:16px}.table-bottom .stop-button{font-size:17px;min-height:58px;left:112px;width:calc(100% - 130px)}.table-bottom .mobile-pause{font-size:17px;min-height:58px;width:84px}.table-wrap{padding-bottom:90px}.card-column,.response-panel{scroll-margin-top:145px}.closing-card h2{font-size:29px}.closing-card p{font-size:18px}.help-dialog h2{font-size:30px}.help-dialog ol{padding-left:24px}.dialog-close{min-height:44px;min-width:44px}.stage-dialog p{font-size:19px}
  .library-filters label,.library-filters input,.library-filters select{font-size:18px}.library-filters .search-field{flex-basis:100%}.library-count{font-size:18px}.library-card h2{font-size:27px}.library-card-label,.library-card .condition-tags,.library-card p,.library-card summary{font-size:17px}.library .section-heading>p{font-size:18px}
  .about-hero h1{font-size:39px}.about-hero-note,.about-visual-caption,.about-example-audience,.about-sample-label,.about-sample-bottom,.about-fit-note{font-size:16px;line-height:1.9}.about-visual-caption{letter-spacing:0}.about-paper p{font-size:20px}.about-selectors{gap:10px}.about-selector{font-size:18px;min-height:52px;padding:12px 17px}.about-example-copy h3{font-size:26px}.about-sample>p{font-size:28px}.about-format-grid h3{font-size:23px}.about-how h3{font-size:22px}.about-faq summary{font-size:19px}.about-invite h2{font-size:28px}.about-page h2{font-size:29px}.about-invite>.eyebrow{font-size:12px}.about-prose>.button{font-size:18px}.about-prose blockquote{font-size:23px}.origin-motto{font-size:28px}
  .origin-story{padding-top:20px}.story-heading{margin:25px 0 40px;padding-bottom:25px}.story-heading h1{font-size:34px}.story-heading>p:last-child{font-size:23px}.story-body h2{font-size:27px}.story-body p{font-size:20px;line-height:2}.story-body section{margin-bottom:48px}.story-body blockquote{font-size:25px}.story-body blockquote br{display:none}.story-actions{flex-direction:column}
}
@media(max-width:380px){.deck-grid{grid-template-columns:1fr}.deck-cover{height:220px}.deck-title{font-size:24px}.hero h1{font-size:31px}.site-header:not(:has(.exit)) .brand{font-size:25px}.site-header:not(:has(.exit)) .brand-icon{font-size:38px}.about-hero h1{font-size:35px}.about-paper p{font-size:18px}.chapter{font-size:16px}.chapter small{font-size:13px}.table-bottom .stop-button{font-size:16px}.about-sample{padding:22px}.about-sample>p{font-size:27px}}

@media(max-width:380px){.site-header:has(.exit) nav{gap:8px}.site-header:has(.exit) .nav-link{font-size:16px}}

/* 按鈕預設會把內容垂直置中；文字長短不同時，封面就會出現高低差。 */
.deck-tile{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}
.deck-cover{width:100%;flex-shrink:0}
.deck-description{display:flex;flex-direction:column;flex:1;width:100%}
.deck-title>span{flex-shrink:0}
.deck-audience{margin-top:auto;padding-top:10px}
@media(min-width:381px) and (max-width:600px){.deck-title{min-height:3.2em}}
@media(hover:none){.deck-tile:hover{transform:none}}
