/* DB哪裡玩 — 指引看板（wayfinding）版型。class 一律 wf- 前綴。深藍黑版頭＋冷白內文，紅色只用在箭頭、編號與「有」的小點。 */
:root{
  --ink:#0b1424;--ink2:#13203a;--ink3:#1d2d4d;--ink4:#2a3b5f;
  --paper:#f3f5f8;--card:#fff;--line:#dbe1ea;--line2:#c6cfdc;
  --text:#132036;--muted:#556176;--frost:#edf1f7;
  --red:#d6303b;--white:#f7f9fc;--silver:#a8b3c5;
  --link:#1f4e9e;--lineg:#06c755;--lineg-t:#04210f;
  --num:"Sora",ui-sans-serif,system-ui,sans-serif;
  --cjk:"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
  --r:10px
}
*{box-sizing:border-box}
html{scroll-padding-top:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:16.5px/1.85 var(--cjk);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{max-width:100%;height:auto}
a{color:var(--link)}
a:hover{text-decoration-thickness:2px}
.wf-skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--ink);padding:8px 12px;z-index:20}
.wf-skip:focus{left:8px}

/* ribbon + masthead */
.wf-rib{background:#060b15;color:#9aa6ba;font-size:12px;letter-spacing:.03em;text-align:center;padding:6px 16px;line-height:1.5}
.wf-rib b{color:#fff;font-weight:600}
.wf-rib a{color:#c9d3e3}
.wf-rib span{margin:0 6px;color:#4b586f}
.wf-mast{background:var(--ink);position:relative;z-index:5}
.wf-mast-in{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:18px}
.wf-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0}
.wf-brand img{flex:none;border-radius:8px}
.wf-brand b{display:block;font-size:19px;letter-spacing:.02em;line-height:1.3}
.wf-brand i{display:block;font-style:normal;font-size:11.5px;color:var(--silver);line-height:1.35}
.wf-nav{margin-left:auto;display:flex;gap:2px}
.wf-nav a{color:#d9e0ec;text-decoration:none;font-size:14.5px;padding:7px 12px;border-radius:6px;line-height:1.4}
.wf-nav a:hover,.wf-nav a[aria-current]{background:var(--ink3);color:#fff}
.wf-menu{position:relative;flex:none}
.wf-menu summary{list-style:none;cursor:pointer;color:#fff;font-size:14px;line-height:1.4;border:1px solid var(--ink4);border-radius:6px;padding:7px 12px;white-space:nowrap}
.wf-menu summary::-webkit-details-marker{display:none}
.wf-menu summary:after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid #c9d3e3;border-bottom:2px solid #c9d3e3;transform:rotate(45deg);margin:0 0 3px 9px}
.wf-menu[open] summary{background:var(--ink3)}
.wf-menu-p{position:absolute;right:0;top:calc(100% + 8px);width:320px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 40px rgba(11,20,36,.28);padding:6px 16px 14px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.wf-menu-p p{grid-column:1/-1;margin:12px 0 4px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.06em;line-height:1.4}
.wf-menu-p a{display:block;color:var(--text);text-decoration:none;font-size:14px;padding:5px 0;line-height:1.45}
.wf-menu-p a:hover{color:var(--link)}
.wf-menu-p a[aria-current]{color:var(--red);font-weight:700}
.wf-zones{background:var(--ink2);border-top:1px solid #22324f;border-bottom:1px solid #22324f}
.wf-zones-in{max-width:1120px;margin:0 auto;padding:0 20px;display:flex;overflow-x:auto;scrollbar-width:none}
.wf-zones-in::-webkit-scrollbar{display:none}
.wf-zones a{flex:none;display:flex;align-items:center;gap:8px;color:#dfe6f1;text-decoration:none;font-size:13.5px;line-height:1.4;padding:10px 14px;border-left:1px solid #22324f;white-space:nowrap}
.wf-zones a:first-child{border-left:0;padding-left:0}
.wf-zones a:hover{color:#fff}
.wf-zones a i{font-style:normal;font-family:var(--num);font-weight:700;font-size:12px;width:22px;height:22px;border-radius:50%;background:var(--white);color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.wf-zones a[aria-current]{color:#fff;font-weight:700}
.wf-zones a[aria-current] i{background:var(--red);color:#fff}

/* home hero */
.wf-hero{background:linear-gradient(90deg,rgba(11,20,36,.98) 0,rgba(11,20,36,.9) 48%,rgba(11,20,36,.62) 100%),url(/assets/img/hero-bg.jpg) right center/cover no-repeat,var(--ink);color:#fff}
.wf-hero-in{max-width:1120px;margin:0 auto;padding:40px 20px 50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.wf-hero .wf-kicker{margin:0;font-size:12.5px;letter-spacing:.12em;color:var(--silver)}
.wf-hero h1{font-size:36px;line-height:1.32;margin:10px 0 16px;letter-spacing:.01em}
.wf-hero-ans{margin:0;color:#dbe3ef;font-size:16.5px;line-height:1.85}
.wf-hero-src{font-size:12.5px;color:#93a0b6;margin:18px 0 0;line-height:1.7}
.wf-hero-src b{color:#fff;font-family:var(--num);font-weight:700}
.wf-cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.wf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;font-size:15px;line-height:1.4;padding:12px 18px;border-radius:6px;text-align:center}
.wf-btn-w{background:var(--white);color:var(--ink)}
.wf-btn-w:hover{background:#fff}
.wf-btn-o{border:1px solid #3b4b6c;color:#e6ecf5}
.wf-btn-o:hover{background:var(--ink3)}
.wf-btn-reg{background:var(--ink);color:#fff}
.wf-btn-reg:after{content:"→";font-family:var(--num);color:#ff6b74}
.wf-btn-reg:hover{background:var(--ink3)}
.wf-btn-line{background:var(--lineg);color:var(--lineg-t)}
.wf-sign{background:#0a1220;border:2px solid #2a3a5c;border-radius:var(--r);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.wf-sign-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;background:var(--white);color:var(--ink);font-weight:800;font-size:14px;line-height:1.5;padding:8px 16px;letter-spacing:.06em}
.wf-sign-h span{font-family:var(--num);font-size:12px;font-weight:600;color:#56627a;letter-spacing:0}
.wf-sign-row{display:grid;grid-template-columns:1fr 34px 1.25fr;align-items:center;gap:8px;padding:15px 16px;border-top:1px solid #1f2d49;text-decoration:none;color:#fff}
.wf-sign-h+.wf-sign-row{border-top:0}
.wf-sign-row:hover{background:#101b30}
.wf-sign-row b{font-size:18px;letter-spacing:.02em;line-height:1.4}
.wf-sign-row b small{display:block;font-size:12px;color:var(--silver);font-weight:500;letter-spacing:0}
.wf-sign-arr{font-family:var(--num);font-weight:800;font-size:22px;color:var(--red);text-align:center}
.wf-sign-to{display:flex;flex-wrap:wrap;gap:6px}
.wf-sign-to span{font-size:13px;font-weight:700;background:var(--white);color:var(--ink);border-radius:4px;padding:2px 8px;line-height:1.5}
.wf-sign-to span.off{background:transparent;color:#9aa6ba;border:1px dashed #3a4a6a;font-weight:500}
.wf-sign-f{margin:0;font-size:12px;color:#8592a8;padding:9px 16px;border-top:1px solid #1f2d49;line-height:1.6}
.wf-sign-f a{color:#dfe6f1}

/* home sections */
.wf-wide{max-width:1120px;margin:0 auto;padding:6px 20px 10px}
.wf-band{padding:40px 0 4px}
.wf-band>h2,.wf-band-h{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:24px;line-height:1.4}
.wf-lede{color:var(--muted);margin:-4px 0 18px;max-width:760px}
.wf-two{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.wf-two .wf-fig{margin:0}
.wf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wf-cards.is-4{grid-template-columns:repeat(4,1fr)}
.wf-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.wf-card h3{margin:0;font-size:18px;line-height:1.45}
.wf-card p{margin:0;font-size:15px;color:var(--muted);line-height:1.75}
.wf-card a.wf-more{margin-top:auto;font-weight:700;text-decoration:none}
.wf-card a.wf-more:after{content:" →";color:var(--red)}
.wf-wide .wf-qa{max-width:860px}

/* inner page head + sheet */
.wf-head{background:var(--ink);color:#fff}
.wf-head-in{max-width:820px;margin:0 auto;padding:20px 20px 62px}
.wf-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;line-height:1.6;color:var(--silver)}
.wf-crumbs b{background:var(--white);color:var(--ink);font-size:11.5px;border-radius:3px;padding:0 6px}
.wf-crumbs a{color:#dfe6f1;text-decoration:none}
.wf-crumbs a:hover{text-decoration:underline}
.wf-crumbs span{color:var(--red);font-weight:800}
.wf-crumbs em{font-style:normal;color:#fff}
.wf-head .wf-kicker{margin:14px 0 0;font-size:12.5px;letter-spacing:.1em;color:var(--silver);line-height:1.5}
.wf-head h1{font-size:30px;line-height:1.38;margin:6px 0 8px;letter-spacing:.01em}
.wf-by{margin:0;font-size:12.5px;color:var(--silver);line-height:1.6}
.wf-page{max-width:820px;margin:-42px auto 0;padding:0 20px;position:relative}
.wf-spec{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px rgba(10,16,29,.13)}
.wf-spec>div{padding:12px 14px;border-left:1px solid var(--line);min-width:0}
.wf-spec>div:first-child{border-left:0}
.wf-spec span{display:block;font-size:11.5px;color:var(--muted);line-height:1.5}
.wf-spec b{display:block;font-family:var(--num);font-size:19px;line-height:1.35;white-space:nowrap}
.wf-spec b small{display:block;font-family:var(--cjk);font-size:11.5px;font-weight:400;color:var(--muted);white-space:normal}
.wf-spec-line{margin:10px 2px 0;font-size:15px;line-height:1.7}
.wf-spec-line b{display:inline-block;font-size:12px;background:var(--ink);color:#fff;border-radius:3px;padding:0 7px;margin-right:8px;line-height:1.7;vertical-align:1px}
.wf-spec-multi{display:block;padding:4px 0 0;overflow-x:auto}
.wf-spec-multi table{border-collapse:collapse;width:100%;font-size:14.5px}
.wf-spec-multi th,.wf-spec-multi td{padding:9px 12px;border-top:1px solid var(--line);text-align:center;vertical-align:middle}
.wf-spec-multi thead th{border-top:0;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.wf-spec-multi tbody th{text-align:left}
.wf-spec-multi tbody th a{font-size:16px;color:var(--text);text-decoration:none}
.wf-spec-multi tbody th small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);line-height:1.5}
.wf-spec-multi td{font-family:var(--num);white-space:nowrap}
.wf-spec-multi td:last-child{font-family:var(--cjk)}
.wf-spec-multi td b{font-size:18px}
.wf-spec-multi>p{margin:0;padding:6px 12px 8px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.wf-sheet{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 30px 30px;margin-bottom:8px}
.wf-page.has-spec .wf-sheet{margin-top:16px}
.wf-sheet>h2,.wf-sheet section>h2{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.45;margin:38px 0 12px}
.wf-no,.wf-band-h i{flex:none;font-style:normal;font-family:var(--num);font-weight:700;font-size:13px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.wf-sheet h3{font-size:18px;line-height:1.5;margin:26px 0 8px}
.wf-sheet p{margin:0 0 14px}
.wf-sheet ul,.wf-sheet ol{padding-left:1.3em;margin:0 0 14px}
.wf-sheet li{margin:4px 0}
.wf-sheet strong{color:var(--ink)}
.wf-ans{border:1px solid var(--line);border-left:4px solid var(--ink);border-radius:6px;background:var(--frost);padding:14px 18px;margin:0 0 20px}
.wf-ans p{margin:0;font-size:16.5px;line-height:1.85}
.wf-toc{border:1px solid var(--line);border-radius:8px;padding:10px 16px 12px;margin:0 0 22px}
.wf-toc p{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em}
.wf-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.wf-toc li{margin:0}
.wf-toc a{display:flex;gap:8px;align-items:baseline;color:var(--text);text-decoration:none;font-size:14.5px;line-height:1.6;padding:2px 0}
.wf-toc a:hover{color:var(--link)}
.wf-toc i{font-style:normal;font-family:var(--num);font-weight:700;font-size:12px;color:var(--red)}
.wf-note{border-left:3px solid var(--red);background:#fbf2f2;padding:10px 14px;border-radius:4px;margin:0 0 16px;font-size:15px;line-height:1.75}
.wf-note.is-info{border-left-color:var(--ink);background:var(--frost)}
.wf-note p{margin:0}
.wf-fine{font-size:12.5px;color:var(--muted);margin:8px 0 16px;line-height:1.7}
.wf-lid{color:#0a7a3b;font-weight:700}

/* tables */
.wf-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 6px;border:1px solid var(--line);border-radius:8px;background:#fff}
.wf-t{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}
.wf-t th,.wf-t td{padding:10px 12px;border-top:1px solid var(--line);text-align:center;vertical-align:middle}
.wf-t thead th{background:var(--ink);color:#fff;font-weight:600;font-size:13.5px;border-top:0;white-space:nowrap}
.wf-t tbody th{text-align:left;font-weight:700}
.wf-t td.l{text-align:left}
.wf-t .n{white-space:nowrap;font-family:var(--num)}
.wf-t.is-even td,.wf-t.is-even th{width:auto}
.wf-matrix td{width:17%;white-space:nowrap}
.wf-on{font-weight:700}
.wf-on:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:1px}
.wf-off{color:#9aa5b5}
.wf-tt-zone th{background:var(--frost);text-align:left!important;font-size:13px;color:var(--muted);letter-spacing:.06em;padding:7px 12px!important}
.wf-tt-zone span{margin-left:8px;font-family:var(--num);color:var(--text);letter-spacing:0}
.wf-tt-c{display:flex;align-items:center;gap:12px}
.wf-thumb{flex:none;width:84px;height:56px;border-radius:6px;object-fit:cover;background:var(--frost);display:block}
.wf-tt-c b{display:block;font-size:16.5px;line-height:1.5}
.wf-tt-c b a{color:var(--text);text-decoration:none}
.wf-tt-c b a:after{content:" →";color:var(--red);font-family:var(--num)}
.wf-tt-c b a:hover{color:var(--link)}
.wf-tt-c span span{display:block;font-weight:400;font-size:13.5px;color:var(--muted);line-height:1.55}
.wf-tt-n{white-space:nowrap}
.wf-tt-n b{font-family:var(--num);font-size:19px}
.wf-tt-lim{font-family:var(--num);font-size:14px;white-space:nowrap}
.wf-tt-lim small{display:block;font-family:var(--cjk);font-size:11.5px;color:var(--muted)}
.wf-counts{list-style:none;margin:0 0 16px!important;padding:0!important;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.wf-counts li{background:var(--frost);border:1px solid var(--line);border-radius:8px;text-align:center;padding:10px 4px;margin:0!important;line-height:1.4}
.wf-counts b{display:block;font-family:var(--num);font-size:22px}
.wf-counts span{font-size:13px;color:var(--muted)}

/* gates (四家入口) + exits (頁內哪裡玩) */
.wf-gates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wf-sheet .wf-gates{grid-template-columns:repeat(2,1fr);padding:0;margin:0 0 6px}
.wf-gate{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;margin:0!important}
.wf-gate-h{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:10px 14px;margin:0!important}
.wf-gate-h i{font-style:normal;font-family:var(--num);font-weight:800;font-size:13px;color:var(--ink);background:var(--white);border-radius:4px;padding:1px 7px}
.wf-gate-h b{font-size:19px;line-height:1.4}
.wf-gate-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.wf-gate-b ul{margin:0;padding:0;list-style:none;font-size:14.5px}
.wf-gate-b li{padding:5px 0;border-bottom:1px dashed var(--line);line-height:1.55;margin:0}
.wf-gate-b li:before{content:"→ ";color:var(--red);font-weight:800}
.wf-gate-b li small{display:block;color:var(--muted);font-size:12.5px;padding-left:1.3em}
.wf-gate-dom{margin:0!important;color:var(--muted);font-size:12.5px;line-height:1.6}
.wf-gate-b .wf-btn{margin-top:auto}
.wf-exits{border:2px solid var(--ink);border-radius:var(--r);overflow:hidden;margin:30px 0 18px;background:#fff}
.wf-exits-h{margin:0!important;background:var(--ink);color:#fff;font-weight:700;padding:10px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;line-height:1.5}
.wf-exits-h span{background:var(--red);color:#fff;font-size:12px;border-radius:3px;padding:1px 7px}
.wf-exits ol{list-style:none;margin:0;padding:0}
.wf-exits li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);margin:0}
.wf-exits li:first-child{border-top:0}
.wf-exits li>i{font-style:normal;font-family:var(--num);font-weight:800;font-size:13px;color:#fff;background:var(--ink);border-radius:4px;text-align:center;padding:2px 0;line-height:1.5}
.wf-exits li b{display:block;font-size:17px;line-height:1.4}
.wf-exits li span{display:block;font-size:14px;line-height:1.6}
.wf-exits li small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5}
.wf-exits .wf-btn{padding:10px 14px;font-size:14px;white-space:nowrap}
.wf-exits .wf-fine{margin:0;padding:8px 16px;border-top:1px solid var(--line);background:var(--frost)}

/* steps, pairs, faq, photos, chips, next, disclosure */
ol.wf-steps{list-style:none;counter-reset:s;padding:0;margin:0 0 16px}
ol.wf-steps>li{counter-increment:s;position:relative;padding:10px 0 10px 44px;border-bottom:1px dashed var(--line);margin:0;line-height:1.75}
ol.wf-steps>li:before{content:counter(s);position:absolute;left:0;top:11px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--num);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.wf-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px}
.wf-pair>div{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:#fff}
.wf-pair>div.is-us{border:2px solid var(--ink)}
.wf-pair h3{margin:0 0 6px!important;font-size:17px}
.wf-pair p{margin:0!important;font-size:15px;line-height:1.75}
.wf-pair .wf-tag{display:inline-block;font-size:12px;font-weight:700;border-radius:3px;padding:0 7px;margin-bottom:6px;background:var(--frost);color:var(--muted)}
.wf-pair .is-us .wf-tag{background:var(--ink);color:#fff}
.wf-qa{border:1px solid var(--line);border-radius:8px;margin:0 0 10px;background:#fff}
.wf-qa summary{cursor:pointer;list-style:none;padding:12px 44px 12px 16px;font-weight:700;position:relative;line-height:1.6}
.wf-qa summary::-webkit-details-marker{display:none}
.wf-qa summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--num);font-size:20px;line-height:1;color:var(--red)}
.wf-qa[open] summary:after{content:"−"}
.wf-qa-a{padding:0 16px 12px}
.wf-qa-a p{margin:0 0 8px}
.wf-qa-a p:last-child{margin:0}
.wf-fig{margin:4px 0 22px}
.wf-fig img{display:block;width:100%;height:auto;border-radius:8px;background:var(--frost)}
.wf-fig figcaption{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.6}
.wf-chips{margin:28px 0 0;padding-top:16px;border-top:1px dashed var(--line2)}
.wf-chips p{margin:0 0 8px!important;font-size:13px;color:var(--muted);font-weight:700}
.wf-chips div{display:flex;flex-wrap:wrap;gap:8px}
.wf-chips a{font-size:14px;text-decoration:none;color:var(--ink);border:1px solid var(--line2);border-radius:999px;padding:4px 12px;background:#fff;line-height:1.5}
.wf-chips a:hover{border-color:var(--ink)}
.wf-next{margin:24px 0 0}
.wf-next p{margin:0 0 8px!important;font-size:13px;color:var(--muted);font-weight:700}
.wf-next ul{list-style:none;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.wf-next li{margin:0!important}
.wf-next a{display:block;border:1px solid var(--line);border-radius:8px;padding:10px 14px;text-decoration:none;color:var(--text);height:100%;line-height:1.5}
.wf-next a:hover{border-color:var(--ink)}
.wf-next a b:after{content:" →";color:var(--red)}
.wf-next span{display:block;font-size:13px;color:var(--muted);line-height:1.55;margin-top:2px}
.wf-disc{margin:26px 0 0;border:1px solid var(--line);border-radius:8px;background:var(--frost);padding:12px 16px;font-size:13.5px;color:var(--muted);line-height:1.75}
.wf-disc p{margin:0!important}
.wf-disc .wf-disc-h{margin:0 0 2px!important;font-weight:700;color:var(--text);font-size:13px}
.wf-404{text-align:center;padding:10px 0 6px}
.wf-404 b{display:block;font-family:var(--num);font-size:64px;line-height:1;color:var(--ink)}

/* footer */
.wf-foot{background:var(--ink);color:#aab5c7;margin-top:56px;padding:34px 20px 40px;font-size:13.5px;line-height:1.75}
.wf-foot-in{max-width:1120px;margin:0 auto}
.wf-foot-brand{display:flex;gap:10px;align-items:center}
.wf-foot-brand img{border-radius:7px}
.wf-foot-brand b{color:#fff;font-size:16px}
.wf-foot-brand p{margin:0;font-size:12.5px}
.wf-foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;padding:18px 0;border-top:1px solid #22324f;border-bottom:1px solid #22324f}
.wf-foot-cols p{margin:0 0 6px;color:#fff;font-weight:700;font-size:13px}
.wf-foot-cols a{display:block;color:#c3cddc;text-decoration:none;padding:2px 0}
.wf-foot-cols a:hover{color:#fff;text-decoration:underline}
.wf-foot-disc{margin:0 0 8px;font-size:12.5px}
.wf-foot-copy{margin:0;font-size:12px;color:#7f8ca3}

@media (min-width:641px){.wf-t tbody th{white-space:nowrap}}
@media (max-width:900px){
  .wf-nav{display:none}
  .wf-menu{margin-left:auto}
  .wf-hero{background:linear-gradient(180deg,rgba(11,20,36,.9),rgba(11,20,36,.97)),url(/assets/img/hero-bg-1000.jpg) center top/cover no-repeat,var(--ink)}
  .wf-hero-in{grid-template-columns:1fr;gap:26px;padding:26px 16px 34px}
  .wf-hero h1{font-size:27px}
  .wf-wide{padding:4px 16px 8px}
  .wf-two{grid-template-columns:1fr;gap:18px}
  .wf-cards{grid-template-columns:1fr}
  .wf-cards.is-4{grid-template-columns:1fr 1fr}
  .wf-gates{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  body{font-size:16px}
  .wf-mast-in{padding:10px 16px;gap:12px}
  .wf-brand b{font-size:18px}
  .wf-zones-in{padding:0 16px}
  .wf-sign-row{grid-template-columns:1fr;gap:6px;padding:13px 14px}
  .wf-sign-arr{display:none}
  .wf-band{padding-top:34px}
  .wf-band>h2,.wf-band-h{font-size:21px}
  .wf-head-in{padding:16px 16px 56px}
  .wf-head h1{font-size:24px}
  .wf-page{padding:0 12px}
  .wf-spec{grid-template-columns:1fr 1fr;grid-template-areas:"n z" "l l" "d d"}
  .wf-spec>div{border-left:0;border-top:1px solid var(--line)}
  .wf-spec>div:nth-child(1){grid-area:n;border-top:0}
  .wf-spec>div:nth-child(2){grid-area:l}
  .wf-spec>div:nth-child(3){grid-area:z;border-top:0;border-left:1px solid var(--line)}
  .wf-spec>div:nth-child(4){grid-area:d}
  .wf-spec b{font-size:18px}
  .wf-spec b small{display:inline;margin-left:6px}
  .wf-sheet{padding:20px 16px 24px}
  .wf-sheet>h2,.wf-sheet section>h2{font-size:20px;margin-top:32px}
  .wf-toc ol{grid-template-columns:1fr}
  .wf-t{font-size:14.5px}
  .wf-t th,.wf-t td{padding:9px 8px}
  .wf-gates,.wf-sheet .wf-gates{grid-template-columns:1fr}
  .wf-exits li{grid-template-columns:30px 1fr;gap:8px 10px;padding:12px 14px}
  .wf-exits .wf-btn{grid-column:2;justify-self:stretch}
  .wf-pair{grid-template-columns:1fr}
  .wf-counts{grid-template-columns:repeat(4,1fr)}
  .wf-foot-cols{grid-template-columns:1fr 1fr}
  .wf-foot-cols div:last-child{grid-column:1/-1}
  .wf-tt thead{display:none}
  .wf-tt,.wf-tt tbody{display:block}
  .wf-tt tr{display:grid;grid-template-columns:1fr auto auto;align-items:center;border-top:1px solid var(--line)}
  .wf-tt tbody tr:first-child{border-top:0}
  .wf-tt th,.wf-tt td{border-top:0;padding:10px 10px}
  .wf-tt tr.wf-tt-zone{display:block}
  .wf-tt tr.wf-tt-zone th{display:block}
  .wf-tt-name{grid-column:1/-1;padding-bottom:4px!important}
  .wf-tt-n,.wf-tt-lim{padding-top:0!important;text-align:left}
  .wf-tt-n{grid-column:1;padding-left:106px!important}
  .wf-tt-lim{grid-column:2/-1;text-align:right}
  .wf-thumb{width:84px;height:56px}
}

.wf-on a.wf-mx-go{color:inherit;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:4px}
.wf-on a.wf-mx-go:hover{color:var(--red)}