/* ---------- 三種設備差在哪（index/theme/choose.js，捲到附近才載入） ---------- */
.choose-sec{--choose-bg:#FAF7EF;--choose-card:#FFFFFF;--choose-line:#E6DFC9;--choose-ink:#1D2A36;--choose-ink2:#45525E;--choose-mute:#7A8590;--choose-blue:#2C6AA8;--choose-cop:#8E6228;
  --choose-gut:var(--gut,clamp(16px,4vw,48px));
  background:var(--choose-bg);color:var(--choose-ink);padding:clamp(56px,8vw,112px) var(--choose-gut) clamp(56px,8vw,104px);overflow-x:clip}
.choose-head,.choose-tbl{max-width:1180px;margin:0 auto}
.choose-label{font:500 14px/1.5 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.06em;color:var(--choose-blue);margin:0}
.choose-h2{font:700 clamp(28px,3.6vw,46px)/1.3 'Noto Serif TC',serif;margin:12px 0 0;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.choose-lead{margin:16px 0 0;max-width:36em;font:400 16px/1.85 'Noto Sans TC',sans-serif;color:var(--choose-ink2)}

/* 捲動舞台：說明在左（手機在上）、剖面在右（手機在下） */
.choose{position:relative;height:460vh;margin:clamp(32px,5vw,56px) calc(-1*var(--choose-gut)) 0;--dock:0px}
.choose-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--choose-bg);display:flex;align-items:center;gap:clamp(24px,4vw,64px);
  padding:clamp(24px,4vh,48px) var(--choose-gut) calc(clamp(24px,4vh,48px) + var(--dock));border-top:1px solid var(--choose-line);border-bottom:1px solid var(--choose-line)}
.choose-caps{flex:0 0 min(400px,34%);display:grid}
.choose-cap{grid-area:1/1;opacity:0;visibility:hidden}
.choose-cap:first-child{opacity:1;visibility:visible}
.choose-n{font:500 14px/1.5 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.06em;color:var(--choose-blue);margin:0}
.choose-cap h3{font:700 clamp(22px,2.2vw,30px)/1.4 'Noto Serif TC',serif;margin:10px 0 0;color:var(--choose-ink);word-break:keep-all;overflow-wrap:anywhere}
.choose-cap p:not(.choose-n){margin:12px 0 0;font:400 16px/1.8 'Noto Sans TC',sans-serif;color:var(--choose-ink2)}
.choose-art{flex:1;align-self:stretch;position:relative;min-width:0;min-height:0}
.choose-art svg,.choose-fig svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.choose-art svg{bottom:34px;height:auto}
.choose-key{position:absolute;left:0;right:0;bottom:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center;font:500 14px/1.5 'Noto Sans TC',sans-serif;color:var(--choose-ink2)}
.choose-key span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.choose-key i{width:12px;height:12px;border-radius:50%;flex:none}
.choose-k1{background:#2C6AA8}.choose-k2{background:#8E6228}.choose-k3{background:#4E9BD0;border-radius:50% 50% 50% 0!important;transform:rotate(-45deg)}
html.choose-pin #nav{transform:translateY(-100%)!important}
html.choose-pin .float-btns{opacity:0;pointer-events:none}
@media (max-width:768px){
  html.has-dock .choose-stage{--dock:calc(66px + env(safe-area-inset-bottom,0px))}
  .choose-stage{flex-direction:column;align-items:stretch;gap:10px;padding-top:calc(16px + env(safe-area-inset-top,0px))}
  .choose-caps{flex:none}
  .choose-cap h3{font-size:21px}
  .choose-cap p:not(.choose-n){font-size:15px;margin-top:8px;line-height:1.7}
  .choose-art svg{bottom:30px}
}

/* 減少動態／沒有 JS：五段直接排開，每段前面一張靜態剖面 */
.choose.choose-rm,html.rm .choose{height:auto}
.choose.choose-rm .choose-stage,html.rm .choose-stage{position:static;height:auto;display:block;padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(32px,5vw,56px);border-bottom:0}
.choose.choose-rm .choose-art,html.rm .choose-art{display:none}
.choose.choose-rm .choose-caps,html.rm .choose-caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px 40px;max-width:1180px;margin:0 auto}
.choose.choose-rm .choose-cap,html.rm .choose-cap{grid-area:auto;opacity:1!important;visibility:visible!important;transform:none!important}
.choose-caps>.choose-key{position:static;grid-column:1/-1;justify-content:flex-start}
.choose-fig{position:relative;aspect-ratio:780/600;margin-top:20px;border:1px solid var(--choose-line);background:var(--choose-card)}

/* 比較表：桌機一般表格，手機每台一張卡 */
.choose-tbl{margin-top:clamp(40px,6vw,72px)}
.choose-tbl table{width:100%;margin-top:14px;border-collapse:collapse;background:var(--choose-card);border:1px solid var(--choose-line);font:400 16px/1.7 'Noto Sans TC',sans-serif}
.choose-tbl th,.choose-tbl td{padding:14px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--choose-line)}
.choose-tbl thead th{font:500 14px/1.5 'IBM Plex Mono','Noto Sans TC',monospace;letter-spacing:.04em;color:var(--choose-mute);border-top:0;background:#FBF9F3}
.choose-tbl tbody th{font:700 17px/1.5 'Noto Serif TC',serif;color:var(--choose-ink);white-space:nowrap}
.choose-tbl td{color:var(--choose-ink2)}
.choose-note{margin:14px 0 0;font:400 15px/1.7 'Noto Sans TC',sans-serif;color:var(--choose-mute)}
@media (max-width:720px){
  .choose-tbl table,.choose-tbl tbody,.choose-tbl tr,.choose-tbl th,.choose-tbl td{display:block}
  .choose-tbl table{background:none;border:0}
  .choose-tbl thead{display:none}
  .choose-tbl tr{background:var(--choose-card);border:1px solid var(--choose-line);margin-top:12px;padding:6px 16px 10px}
  .choose-tbl tbody th{padding:10px 0 6px;border:0;font-size:19px}
  .choose-tbl td{padding:8px 0;font-size:15px;display:grid;grid-template-columns:6.5em 1fr;gap:10px}
  .choose-tbl td::before{content:attr(data-h);font:500 14px/1.7 'Noto Sans TC',sans-serif;color:var(--choose-mute)}
}

/* 手機：圖照實際比例，標題＋圖整組垂直置中（評審 11-03：圖下方空 500～700px） */
@media (max-width:768px){.choose-stage{justify-content:center}.choose-art{flex:0 1 auto;width:100%;aspect-ratio:780/600}}