html{scroll-padding-top:90px}#method,#cards,#sources{scroll-margin-top:90px}

/* Large desktop and ultrawide */
@media(min-width:1440px){.topbar{padding-left:max(7vw,calc((100vw - 1500px)/2));padding-right:max(7vw,calc((100vw - 1500px)/2))}.hero{padding-top:104px;padding-bottom:88px}.hero>p{font-size:18px}.workspace{max-width:1440px;padding-top:92px}.playerGrid{grid-template-columns:minmax(0,1.45fr) minmax(420px,.75fr)}.videoWrap{padding:28px}.transcript{padding:38px}.transcript blockquote{font-size:35px}.sourceBand{max-width:1320px}}

/* Laptop and small desktop */
@media(min-width:1025px) and (max-width:1439px){.topbar{padding-left:5vw;padding-right:5vw}.hero{padding-top:78px}.workspace{max-width:1180px}.playerGrid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.transcript{padding:28px}.transcript blockquote{font-size:29px}.videoMeta strong{font-size:14px}}

/* Landscape tablet */
@media(min-width:769px) and (max-width:1024px){html{scroll-padding-top:78px}#method,#cards,#sources{scroll-margin-top:78px}.topbar{height:70px;padding:0 28px}.brand{font-size:19px}nav{gap:16px}nav a{font-size:12px}.addButton{padding:9px 13px}.hero{padding:66px 24px 56px}.heroSpark{right:7%;top:36px;font-size:46px}h1{font-size:58px;letter-spacing:-3px}.hero>p{max-width:590px}.searchBox{max-width:680px}.workspace{padding:62px 28px 56px}.sectionIntro h2{font-size:48px}.playerGrid{grid-template-columns:1fr}.videoWrap{border-right:0;border-bottom:2px solid var(--ink);padding:24px}.videoWrap video{max-height:520px;object-fit:contain}.transcript{min-height:440px;padding:32px}.context{padding-top:22px}.transcript blockquote{font-size:32px}.controls button{min-height:44px}.sourceBand{margin:0 28px 52px;gap:12px}.sourceBand div{padding:24px}.siteFooter{padding-left:28px;padding-right:28px}}

/* Portrait tablet and large phone */
@media(min-width:521px) and (max-width:768px){html{scroll-padding-top:76px}#method,#cards,#sources{scroll-margin-top:76px}.topbar{height:68px;padding:0 22px}.brand{font-size:18px}.brandMark{width:36px;height:36px}nav a{display:none}.addButton{padding:9px 14px}.hero{padding:60px 22px 50px}.heroSpark{right:6%;top:28px;font-size:42px}h1{font-size:52px;line-height:1;letter-spacing:-3px}.hero>p{font-size:15px}.searchBox{max-width:620px;height:64px}.methodStrip{height:50px;justify-content:flex-start;padding:0 24px}.workspace{padding:54px 22px}.sectionIntro h2{font-size:44px}.playerGrid{grid-template-columns:1fr;box-shadow:7px 7px 0 var(--ink)}.videoWrap{border-right:0;border-bottom:2px solid var(--ink);padding:20px}.transcript{min-height:390px;padding:28px}.context{padding-top:20px}.transcript blockquote{font-size:29px}.videoMeta{align-items:flex-start}.license{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls button{min-height:44px}.sourceBand{grid-template-columns:1fr;margin:0 22px 44px;gap:12px}.sourceBand div{border-bottom:2px solid var(--ink)!important}.siteFooter{padding:28px 24px;gap:16px;flex-wrap:wrap}}

/* Standard phone */
@media(max-width:520px){html{scroll-padding-top:72px}#method,#cards,#sources{scroll-margin-top:72px}body{overflow-x:hidden}.topbar{height:64px;padding:0 14px}.brand{font-size:17px}.brandMark{width:34px;height:34px;box-shadow:2px 2px 0 var(--ink)}nav{gap:0}nav .addButton{min-height:42px;padding:8px 12px;font-size:0;box-shadow:2px 2px 0 var(--ink)}nav .addButton::before{content:"開始";font-size:13px}.hero{padding:54px 12px 46px}.heroSpark{top:25px;font-size:34px}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:43px;line-height:1.02;margin:22px 0 18px}.hero>p{font-size:14px;line-height:1.7;padding:0 8px}.searchBox{height:60px;margin-top:24px;padding:6px 6px 6px 9px}.searchBox>span{font-size:23px;padding:0 7px}.searchBox input{font-size:16px;width:100%}.searchBox button{min-width:72px;min-height:44px;padding:10px 12px;font-size:0}.searchBox button::before{content:"搜尋";font-size:14px}.trust{padding:0 12px;line-height:1.6}.methodStrip{height:48px;gap:18px;font-size:11px}.workspace{padding:48px 12px}.sectionIntro{margin-bottom:26px}.sectionIntro h2{font-size:38px;line-height:1.08;margin-top:9px}.filters{margin-bottom:16px}.filters button{min-height:42px}.playerGrid{width:calc(100% - 6px);border-radius:18px;box-shadow:6px 6px 0 var(--ink)}.videoWrap{padding:14px}.cardNumber{margin-bottom:10px}.soundButton{width:100%;min-height:46px}.videoMeta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding-top:17px}.videoMeta .license{display:inline-block;grid-column:1/3;width:max-content;max-width:100%;font-size:10px;overflow:hidden;text-overflow:ellipsis}.transcript{min-height:0;padding:22px 18px}.context{padding-top:26px}.copySentence{margin:12px -8px!important;padding:15px 10px!important}.transcript blockquote{font-size:25px}.controls{grid-template-columns:1fr 1fr;gap:9px;padding-top:24px}.controls button{min-height:46px}.controls .replay{grid-column:1/3;grid-row:1}.sourceBand{margin:0 12px 34px;gap:12px}.sourceBand div{padding:22px}.siteFooter{padding:28px 18px;align-items:center;text-align:center}.siteFooter small{order:3;width:100%}}

/* Compact phone */
@media(max-width:360px){h1{font-size:38px}.hero{padding-left:10px;padding-right:10px}.searchBox>span{display:none}.searchBox{padding-left:12px}.searchBox button{min-width:64px}.videoMeta{grid-template-columns:1fr}.videoMeta .type,.videoMeta .license{grid-column:1}.transcript{padding-left:15px;padding-right:15px}.transcript blockquote{font-size:23px}.controls{gap:7px}.controls button{font-size:11px}.siteFooter{align-items:flex-start;text-align:left}}

/* Short landscape screens */
@media(max-height:620px) and (orientation:landscape){.topbar{position:relative}.hero{padding-top:38px;padding-bottom:38px}.heroSpark{display:none}h1{font-size:48px}.methodStrip{height:42px}.workspace{padding-top:42px}}