/* DooAsset p-search.css — search + facets (owner: search agent). Ported from Search-{Mobile,Tablet,Desktop} + SearchFilters-Mobile.
 Mobile-first · 768 tablet · 1200 desktop. Tokens from base.css only (light default, dark via [data-theme]). */
/* 00 search head */
.shd{padding-top:8px;padding-bottom:20px}
.shd__live{margin-top:4px}
.shd__coords{display:none}
.shd__h1{margin-top:14px}
html[lang="en"] .shd__h1{text-wrap:balance}
.shd__lead{margin-top:10px}
.shd__answer{margin-top:20px}
.shd__answer .facts--tile{margin-top:12px}
.shd__src{display:inline-block;margin-right:4px;padding:0 8px;border-radius:999px;background:var(--wbg-08);color:var(--text-2);font-size:12px;font-weight:600;line-height:22px;vertical-align:1px}
.shd__ask{margin-top:20px}
.shd__askfoot{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
.shd__askfoot p{font-size:13px;line-height:1.5;color:var(--text-3)}
.shd__clear{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:14px;font-weight:600;text-decoration:none}
/* filter bar (always dark, sticky) */
.res{position:relative;padding-bottom:36px}
.fbar{position:sticky;top:60px;z-index:20;background:color-mix(in srgb, var(--void) 84%, transparent);box-shadow:0 8px 24px var(--sh-25, rgba(11,18,32,.08));
-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--wbd-08);border-bottom:1px solid var(--wbd-08)}
.fbar__in{display:flex;align-items:center;gap:8px;padding:10px 0 10px 16px}
.fbar__all{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;background:var(--wbg-06);
border:1px solid var(--wbd-18);color:var(--text);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.fbar__all:hover{opacity:1;border-color:var(--wbd-3)}
.fbar__all--t, .fbar__all--d, .fbar__div{display:none}
.fbar__n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;
background:var(--mint);color:var(--on-mint);font-size:12px;font-weight:700}
.fbar__chips{flex:1;min-width:0;display:flex;gap:8px;margin:0;padding:0 16px 0 0;list-style:none;overflow-x:auto;scrollbar-width:none}
.fbar__chips::-webkit-scrollbar{display:none}
.fbar__chips > li{flex:none;display:flex}
.fbar .chip{gap:6px}
.fbar .chip svg{flex:none}
.u-t{display:none !important}
/* filter sheet: <dialog> mobile · :target panel ≥768 */
.fsheet{padding:0;border:0;color:var(--text);background:transparent;max-width:none;max-height:none}
.fsheet:target{display:block}
.fsheet:focus, .fsheet:focus-visible{outline:none}
.fsheet__form{display:flex;flex-direction:column;min-height:100%}
.fsheet__body{flex:1;padding:10px 20px 24px}
.fsheet__grip{display:block;width:40px;height:4px;margin:0 auto;border-radius:999px;background:var(--wbg-22)}
.fsheet__head{margin-top:14px;display:flex;align-items:flex-start;gap:12px}
.fsheet__titles{flex:1;min-width:0}
.fsheet__title{margin-top:4px;font-family:var(--f-display);font-size:26px;font-weight:700;line-height:1.35;color:var(--text)}
.fsheet__loc{margin-top:4px;display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.6;color:var(--text-2)}
.fsheet__loc svg{flex:none;color:var(--mint-ink)}
.fgrp{margin:28px 0 0;padding:0;min-width:0;border:0}
.fgrp__set{margin:0;padding:0;min-width:0;border:0}
.fsheet__grid > .fgrp:first-child{margin-top:24px}
.fgrp__lg{padding:0;margin-bottom:10px;font-size:16px;font-weight:600;line-height:1.5;color:var(--text)}
.fgrp__sub{display:block;margin:14px 0 6px;font-size:14px;font-weight:600;line-height:1.5;color:var(--text-2)}
.fgrp__note{margin-top:8px;font-size:13px;line-height:1.5;color:var(--text-3)}
.fgrp .field__label{margin-bottom:4px}
.seg{position:relative;padding:4px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:4px;border-radius:999px;border:1px solid var(--wbd-1);background:var(--wbg-05)}
.seg__in, .fopt__in, .vt__in{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.seg__opt{height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:16px;font-weight:600;color:var(--text-2);cursor:pointer}
.seg__in:checked + .seg__opt{background:var(--mint);color:var(--on-mint);box-shadow:var(--glow)}
.seg__in:focus-visible + .seg__opt, .vt__in:focus-visible + .vt__opt{outline:2px solid var(--mint-ink);outline-offset:2px}
.fopts{display:flex;flex-wrap:wrap;gap:8px}
.fopt{position:relative}
.fopt:has(.fopt__in:checked){background:var(--mint-t14);border-color:var(--mint-b60);color:var(--mint-ink)}
.fopt:has(.fopt__in:focus-visible), .fnear__opt:has(.fopt__in:focus-visible){outline:2px solid var(--mint-ink);outline-offset:2px}
.fbeds{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:8px}
.fopt--c{justify-content:center;padding:0 4px}
.fpair{margin-top:12px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}
.fbeds + .fpair, .fgrp__lg + .fpair{margin-top:0}
.hist{padding:14px 14px 10px;border-radius:20px;background:var(--panel-solid);border:1px solid var(--wbd-1)}
.hist__bars{height:84px;display:grid;grid-template-columns:repeat(var(--n, 5), minmax(0, 1fr));gap:10px;align-items:end;border-bottom:1px solid var(--wbd-12)}
.hist__bar{display:block;border-radius:8px 8px 2px 2px;background:var(--wbg-1)}
.hist__bar.is-in{background:linear-gradient(180deg, #62F5D5, rgba(98,245,213,.35));box-shadow:0 0 16px rgba(98,245,213,.35)}
.hist__labels{margin:6px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(var(--n, 5), minmax(0, 1fr));gap:10px}
.hist__labels li{min-width:0;display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:600;line-height:1.35;color:var(--text-3);white-space:nowrap}
.hist__labels li.is-in{color:var(--text)}
.hist__avg{font-weight:400;color:var(--text-3)}
.hist__cap{margin-top:8px;font-size:13px;line-height:1.5;color:var(--text-3)}
.fnear{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px}
.fnear__opt{position:relative;min-height:60px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
border-radius:16px;border:1px solid var(--wbd-18);background:var(--wbg-04);color:var(--text);line-height:1.3;text-align:center;cursor:pointer}
.fnear__big{font-family:var(--f-display);font-size:15px;font-weight:700;white-space:nowrap}
.fnear__sub{font-size:12px;font-weight:500;color:var(--text-3)}
.fnear__opt:has(.fopt__in:checked){background:var(--mint-t14);border-color:var(--mint-b60);color:var(--mint-ink)}
.fnear__opt:has(.fopt__in:checked) .fnear__sub{color:var(--mint-ink)}
.famen{padding:0 14px;border-radius:20px;background:var(--panel-solid);border:1px solid var(--wbd-1)}
.famen__row{display:flex;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--wbd-08)}
.famen__row:last-child{border-bottom:0}
.famen__ico{flex:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--wbg-06);color:var(--text-2)}
.famen__row:has(.famen__in:checked) .famen__ico{background:var(--mint-t14);color:var(--mint-ink)}
.famen__label{flex:1;min-width:0;display:flex;align-items:center;min-height:56px;font-size:16px;font-weight:500;line-height:1.5;color:var(--text);cursor:pointer}
.famen__in{flex:none;width:22px;height:22px;margin:0 4px 0 0;accent-color:var(--mint);cursor:pointer}
.fsheet__foot{position:sticky;bottom:0;flex:none;padding:12px 20px 20px;background:rgba(255,255,255,.94);
-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--wbd-12)}
@media (max-width:767.98px){[data-theme="dark"] .fsheet__foot{background:linear-gradient(var(--wbg-04), var(--wbg-04)), rgba(8,12,20,.94)}}
.fsheet__sum{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:var(--text-2)}
.fsheet__btns{display:flex;gap:10px}
.fsheet__btns .btn{height:52px}
.fsheet__btns .btn--secondary{flex:none;padding:0 18px}
.fsheet__go{flex:1}
@media (max-width: 767.98px){
.fsheet{color:var(--text)}
.fsheet[open]{position:fixed;inset:40px 0 0;margin:0;width:100%;height:auto;max-height:none;overflow:auto;overscroll-behavior:contain;
border-radius:28px 28px 0 0;border:1px solid var(--wbd-12);border-bottom:0;box-shadow:0 -24px 64px var(--sh-5);
background:linear-gradient(180deg, rgba(98,245,213,.12), rgba(98,245,213,0) 220px), rgba(255,255,255,.98)}
.fsheet::backdrop{background:rgba(11,18,32,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fsheet:target:not([open]){position:static;margin:12px 16px 0;width:auto;border-radius:24px;border:1px solid var(--wbd-12);background:rgba(255,255,255,.98);scroll-margin-top:140px}
.fsheet__grip{background:var(--line-strong)}
/* the phone filter sheet follows the page theme (Sky 26 Sep 2026: it was dark on the light theme too) */
[data-theme="dark"] .fsheet[open]{background:linear-gradient(180deg, rgba(98,245,213,.06), rgba(98,245,213,0) 220px), linear-gradient(var(--wbg-05), var(--wbg-05)), rgba(10,15,26,.97)}
[data-theme="dark"] .fsheet::backdrop{background:rgba(3,5,9,.62)}
[data-theme="dark"] .fsheet:target:not([open]){background:rgba(10,15,26,.97)}
[data-theme="dark"] .fsheet__grip{background:var(--wbg-22)}
}
/* 01 results head */
.rhead{padding-top:24px}
.rhead .shead__hud{margin-bottom:10px}
.rhead__title{font-family:var(--f-display);font-size:22px;font-weight:700;line-height:1.35;color:var(--text);scroll-margin-top:140px;outline:none}
.rhead__count{margin-top:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.6;color:var(--text)}
.rhead__dot{flex:none;width:6px;height:6px;border-radius:999px;background:var(--mint);box-shadow:0 0 10px rgba(98,245,213,.9)}
.rhead__ctl{margin-top:14px;display:flex;align-items:flex-end;gap:10px}
.rsort{flex:1;min-width:0}
.rsort__label{display:block;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.5;color:var(--text-2)}
.rsort__row{display:flex;gap:8px}
.rsort__select{flex:1;min-width:0;height:48px;padding-left:14px;font-size:15px;cursor:pointer}
.rsort__go{flex:none}
.js .rsort__go{display:none}
.vt{position:relative;flex:none;margin:0;padding:3px;min-width:0;width:172px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:3px;
border-radius:999px;border:1px solid var(--wbd-1);background:var(--wbg-05)}
.vt__opt{height:44px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer}
.vt__in:checked + .vt__opt, .vt:not(:has(.vt__in:checked)) .vt__opt--list{background:var(--mint);color:var(--on-mint);box-shadow:var(--glow)}
/* list / map (CSS-only switch: #v-list / #v-map) */
.rsplit{margin-top:16px;display:flex;flex-direction:column}
.rcards{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rcards > li{display:flex;flex-direction:column;min-width:0;scroll-margin-top:140px}
.rcards > li > .lcard{flex:1}
.rcards > li:target .lcard{border-color:var(--mint-b60);box-shadow:var(--glow)}
.rcards > li:target .price{color:var(--mint-ink)}
.rmap{display:none;min-width:0}
.rpager{margin-top:24px}
.rpager__row{display:flex;flex-direction:column;align-items:center;gap:12px}
.rpager__hud{display:none}
.rpager__more{margin-top:16px;height:52px}
.rprog{margin-top:10px;display:flex;align-items:center;gap:10px}
.rprog__bar{flex:1;height:4px;border-radius:999px;background:var(--wbg-08)}
.rprog__bar > span{display:block;min-width:6px;height:4px;border-radius:999px;background:var(--mint);box-shadow:0 0 10px rgba(98,245,213,.7)}
.rempty{margin-top:16px;padding:20px;border-radius:24px;background:var(--panel-solid);border:1px solid var(--wbd-1)}
.rempty__title{font-size:16px;font-weight:600;line-height:1.6;color:var(--text)}
.rempty__text{margin-top:6px;font-size:14px;line-height:1.6;color:var(--text-2)}
.rempty__btn{margin-top:14px;width:100%}
@media (max-width: 1199.98px){
#srch:has(#v-map:checked) .rmap{display:block;order:1}
#srch:has(#v-map:checked) .rlist{order:2}
#srch:has(#v-map:checked) .rcards{margin-top:12px}
#srch:has(#v-map:checked) .rcards > li{display:none;scroll-margin-top:max(140px, calc(100svh - 240px))}
#srch:has(#v-map:checked) .rcards > li:target,
#srch:has(#v-map:checked) .rcards:not(:has(> li:target)) > li:first-child{display:flex}
#srch:has(#v-map:checked) .rcards .lcard{border-color:var(--mint-b60);box-shadow:var(--glow)}
#srch:has(#v-map:checked) .rcards .price{color:var(--mint-ink)}
}
/* 02 price by unit type */
.cmp{padding:32px 0;background:var(--deep);border-top:1px solid var(--wbd-06);border-bottom:1px solid var(--wbd-06)}
.cmp__in{display:flex;flex-direction:column}
.cmp__head{display:contents}
.cmp__head .shead{order:1}
.cmp__panel{order:2;margin-top:16px;padding:4px 14px 6px;border-radius:24px;background:var(--panel-solid);border:1px solid var(--wbd-1);overflow-x:auto}
.cmp__prov{order:3}
.cmp__link{order:4;align-self:flex-start;margin-top:14px;font-size:15px;font-weight:600}
.cmp__table{width:100%;min-width:326px;border-collapse:collapse;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}
.cmp__table caption{caption-side:top;text-align:left;padding:10px 0 6px;font-size:14px;font-weight:600;color:var(--text)}
.cmp__table thead th{padding:6px;text-align:left;font-size:13px;font-weight:500;color:var(--text-3);border-bottom:1px solid var(--wbd-1);white-space:nowrap}
.cmp__table th:first-child{padding-left:0}
.cmp__table th:last-child, .cmp__table td:last-child{padding-right:0}
.cmp__table .num{text-align:right}
.cmp__table tbody th, .cmp__table tbody td{padding:10px 6px;border-bottom:1px solid var(--wbd-06);color:var(--text-2);white-space:nowrap}
.cmp__table tbody th{font-weight:500;text-align:left}
.cmp__table tbody tr:last-child > *{border-bottom:0}
.cmp__n{color:var(--text-3) !important}
.cmp__val{font-weight:600;color:var(--text)}
.cmp__bar{display:none}
.u-long{display:none}
.cmp__table tr.is-hl th{font-weight:700;color:var(--mint-ink)}
.cmp__table tr.is-hl .cmp__val{color:var(--mint-ink)}
/* 03 related searches */
.rel{padding-top:32px;padding-bottom:32px}
.rel__list{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rel__list > li{display:flex}
.rel__a{flex:1;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px;border-radius:18px;background:var(--panel-solid);border:1px solid var(--wbd-1);
color:var(--text);text-decoration:none}
.rel__a:hover{opacity:1;border-color:var(--mint-b45)}
.rel__ico{flex:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--mint-t10);color:var(--mint-ink)}
.rel__txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}
.rel__label{font-size:15px;font-weight:600}
.rel__sub{font-size:13px;color:var(--text-3)}
.rel__chev{flex:none;color:var(--text-3)}
/* 04 FAQ */
.sfaq{padding-top:8px;padding-bottom:40px}
.sfaq .faq__more .btn--ghost{font-size:15px;font-weight:600}
/* tablet ≥ 768 */
@media (min-width: 768px){
.shd{padding-top:20px;padding-bottom:28px}
.shd__coords{display:inline}
.shd__h1{margin-top:16px}
.shd__lead{margin-top:12px;max-width:640px;font-size:18px}
.shd__answer{margin-top:24px}
.shd__answer .facts--tile{gap:12px;margin-top:14px}
.shd__answer .facts--tile .facts__item{padding:12px 16px;border-radius:20px}
.shd__answer .facts--tile dd{margin-top:2px;font-size:26px;line-height:1.3}
.shd__ask{margin-top:24px}
.shd__ask .ask__box{height:60px;padding:0 7px 0 18px;gap:8px}
.shd__ask .ask__input{height:46px;font-size:17px}
.shd__ask .ask__mic, .shd__ask .ask__go{width:46px;height:46px}
.res{padding-bottom:44px}
.fbar{top:0}
.fbar__in{padding:12px 0 12px 32px}
.fbar__all{padding:0 16px}
.fbar__all--m{display:none}
.fbar__all--t{display:inline-flex}
.fbar__div--t{display:block;flex:none;width:1px;height:28px;background:var(--wbg-12)}
.fbar__chips{padding-right:32px}
.u-m{display:none !important}
.u-t{display:flex !important}
.fsheet:target{position:static;margin:16px var(--gutter) 0;width:auto;border-radius:28px;background:var(--wbg-05);
-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--wbd-12);box-shadow:0 24px 64px var(--sh-45);scroll-margin-top:90px}
.fsheet__grip{display:none}
.fsheet__body{padding:20px 24px 4px}
.fsheet__head{margin-top:0;align-items:center}
.fsheet__title{font-size:22px}
.fsheet__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 28px}
.fsheet__grid > .fgrp, .fsheet__grid > .fgrp:first-child{margin-top:20px}
.fgrp--wide{grid-column:1 / -1}
.fgrp__lg{font-size:14px;color:var(--text-2);margin-bottom:8px}
.fsheet__foot{position:static;margin:16px 24px 0;padding:16px 0 20px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--wbd-1);
display:flex;align-items:center;justify-content:space-between;gap:12px}
.fsheet__sum{margin:0}
.fsheet__btns{flex:none;gap:12px}
.fsheet__btns .btn{height:48px}
.fsheet__go{flex:none;padding:0 24px}
.rhead{padding-top:28px}
.rhead__title{font-size:28px;scroll-margin-top:90px}
.rhead__row{margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.rhead__count{margin:0 0 12px;font-size:15px}
.rhead__ctl{margin-top:0;flex:none;gap:12px}
.rsort{flex:none;width:200px}
.vt{width:196px}
.vt__opt{gap:6px}
.rsplit{margin-top:20px}
.rcards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}
.rcards > li{scroll-margin-top:90px}
.rcards .lcard{flex-direction:column;gap:0;padding:0;border-radius:28px}
.rcards .lcard .lcard__media{width:auto;min-height:0;aspect-ratio:4 / 3;margin:6px 6px 0;border-radius:22px}
.rcards .lcard .lcard__badges{top:12px;left:12px;flex-direction:row;gap:6px}
.rcards .lcard .lcard__count{left:auto;right:12px;bottom:12px}
.rcards .lcard .lcard__body{padding:16px 18px 18px}
.rcards .lcard .save{position:absolute;top:14px;right:14px}
.rcards .lcard .lcard__pricebox{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.rcards .lcard .lcard__ppsqm{margin-left:auto}
.rcards .lcard .price{font-size:24px}
.rcards .lcard .lcard__title{margin-top:6px;min-height:48px;font-size:16px}
.rcards .lcard .lcard__station{margin-top:8px;font-size:14px}
.rcards .lcard .lcard__specs{margin-top:10px;gap:4px 14px;font-size:14px}
.rcards .lcard .lcard__foot{padding-top:24px}
.rcards .lcard .lcard__foot::before{top:12px}
.rpager{margin-top:28px}
.rpager__row{flex-direction:row;justify-content:space-between;gap:16px}
.rpager__hud{display:inline}
.rprog{gap:12px}
.rempty{margin-top:20px;padding:24px 28px;border-radius:28px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}
.rempty__title{flex:1 1 60%;font-size:17px}
.rempty__text{order:3;flex-basis:100%;margin-top:0;font-size:15px}
.rempty__btn{order:2;margin-top:0;width:auto;height:48px}
.cmp{padding:40px 0}
.cmp__panel{margin-top:20px;padding:6px 24px 8px;border-radius:28px}
.cmp__table{font-size:14px}
.cmp__table caption{padding:12px 0 8px;font-size:15px}
.cmp__table thead th{padding:6px 8px}
.cmp__table tbody th, .cmp__table tbody td{padding:10px 8px}
.cmp__avgh, .cmp__avg{width:34%;padding-left:20px !important}
.cmp__val{display:block}
.u-short{display:none}
.u-long{display:inline}
.cmp__bar{display:block;margin-top:4px;height:4px;border-radius:999px;background:var(--wbg-08)}
.cmp__bar > span{display:block;height:4px;border-radius:999px;background:rgba(168,149,255,.85)}
.cmp__table tr.is-hl .cmp__bar > span{background:var(--mint);box-shadow:0 0 10px rgba(98,245,213,.6)}
.rel{padding-top:40px}
.rel__list{margin-top:20px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}
.rel__a{min-height:64px;padding:10px 16px;border-radius:20px}
.sfaq{padding-top:20px;padding-bottom:44px}
}
@media (min-width: 768px) and (max-width: 1199.98px){
#srch:has(#v-map:checked) .rsplit{gap:0}
#srch:has(#v-map:checked) .rcards{display:flex;margin-top:16px}
#srch:has(#v-map:checked) .rcards .lcard{flex-direction:row;gap:20px;padding:6px}
#srch:has(#v-map:checked) .rcards .lcard .lcard__media{width:260px;min-height:196px;aspect-ratio:auto;margin:0}
#srch:has(#v-map:checked) .rcards .lcard .lcard__body{padding:14px 18px 12px 0}
#srch:has(#v-map:checked) .rcards .lcard .lcard__title{min-height:0}
}
/* desktop ≥ 1200 */
@media (min-width: 1200px){
.shd{padding-top:16px;padding-bottom:40px}
.shd__top{margin-top:12px;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:24px;align-items:start}
.shd__intro{grid-column:span 7;min-width:0;padding-top:8px}
.shd__live{gap:12px}
.shd__live .live__text{font-size:14px}
.shd__h1{margin-top:22px;line-height:1.3;letter-spacing:-.005em}
.shd__lead{margin-top:18px;max-width:600px}
.shd__answer{grid-column:span 5;min-width:0;margin-top:0;padding:22px 26px 20px}
.shd__answer .answer__body{font-size:16px}
.shd__answer .facts--tile{gap:10px}
.shd__answer .facts--tile .facts__item{padding:12px 14px}
.shd__answer .facts--tile dd{font-size:24px}
.shd__ask{margin-top:32px}
.shd__ask .ask__box{padding-left:20px}
.res{padding-bottom:72px}
.fbar{top:calc(var(--nav-offset) - 8px)}
.fbar__in{max-width:calc(1200px + 2 * var(--gutter));margin:0 auto;padding:12px var(--gutter)}
.fbar__all{padding:0 18px;font-size:15px}
.fbar__all--t, .fbar__div--t{display:none}
.fbar__div--d{display:block;flex:none;width:1px;height:28px;margin:0 8px 0 auto;background:var(--wbg-12)}
.fbar__all--d{display:inline-flex}
.fbar__chips{flex:0 1 auto;padding-right:0}
.fbar .chip{height:44px;padding:0 18px;font-size:15px}
.fsheet:target{max-width:1200px;margin:20px auto 0;scroll-margin-top:190px}
.fsheet__body{padding:24px 28px 4px}
.fsheet__grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:0 28px}
.fgrp--wide{grid-column:auto;grid-row:span 2}
.fsheet__foot{margin:16px 28px 0;padding-bottom:24px}
.rhead{padding-top:40px;display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:24px;align-items:end}
.rhead .shead__hud{margin-bottom:12px}
.rhead .shead__rule{width:32px}
.rhead__title{font-size:36px;scroll-margin-top:190px}
.rhead__row{display:contents}
.rhead__count{grid-column:1;margin:8px 0 0;font-size:16px}
.rhead__ctl{grid-column:2;grid-row:1 / span 2;align-self:end}
.rsort{width:220px}
.vt{width:216px}
.vt__opt{font-size:15px}
.vt:not(:has(.vt__in:checked)) .vt__opt--list{background:none;color:var(--text-2);box-shadow:none}
.vt:not(:has(.vt__in:checked)) .vt__opt--map{background:var(--mint);color:var(--on-mint);box-shadow:var(--glow)}
.rsplit{margin-top:28px;flex-direction:row;align-items:flex-start;gap:24px}
.rlist{flex:none;width:720px;min-width:0}
.rmap{display:block;flex:1;position:sticky;top:calc(var(--nav-offset) + 80px)}
.rmap .nmap__view{border-radius:28px}
.rmap .nmap__caption{margin-top:10px}
#srch:has(#v-list:checked) .rmap{display:none}
#srch:has(#v-list:checked) .rlist{width:100%}
#srch:has(#v-list:checked) .rcards{grid-template-columns:repeat(3, minmax(0, 1fr))}
.rcards{gap:24px}
.rcards > li{scroll-margin-top:190px}
#srch:not(:has(#v-list:checked)) .rcards:not(:has(> li:target)) > li:first-child .lcard{border-color:var(--mint-b60);box-shadow:var(--glow)}
.rcards .lcard .lcard__badges{top:10px;left:10px}
.rcards .lcard .lcard__count{right:10px;bottom:10px}
.rcards .lcard .save{top:12px;right:12px}
.rcards .lcard .lcard__body{padding:14px 16px 16px}
.rcards .lcard .lcard__pricebox{display:block}
.rcards .lcard .lcard__station{align-items:flex-start;white-space:normal}
.rcards .lcard .lcard__station svg{margin-top:3px}
.rcards .lcard .lcard__specs{gap:4px 10px;font-size:13px}
.rpager{margin-top:32px}
.rempty{padding:28px 32px}
.rempty__title{font-size:18px}
.rempty__text{font-size:16px;line-height:1.7}
.cmp{padding:72px 0}
.cmp__in{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:24px;align-items:start}
.cmp__head{display:block;grid-column:span 4;min-width:0}
.cmp__head .shead__intro{font-size:16px}
.cmp__prov{margin-top:16px}
.cmp__link{margin-top:12px}
.cmp__panel{grid-column:span 8;margin-top:0;padding:8px 32px 10px}
.cmp__table{font-size:15px}
.cmp__table caption{padding:14px 0 10px;font-size:16px}
.cmp__table thead th{padding:8px}
.cmp__table tbody th, .cmp__table tbody td{padding:12px 8px}
.cmp__avgh, .cmp__avg{width:auto;padding-left:28px !important}
.cmp__table thead th:first-child{width:20%}
.cmp__table thead th:nth-child(2){width:12%}
.cmp__table thead th:nth-child(4), .cmp__table thead th:nth-child(5){width:13%}
.cmp__avgin{display:flex;align-items:center;gap:16px}
.cmp__val{flex:none;width:110px}
.cmp__bar{flex:1;margin-top:0;height:6px}
.cmp__bar > span{height:6px}
.rel{padding-top:72px;padding-bottom:40px}
.rel__list{margin-top:28px;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}
.rel__a{gap:14px;min-height:72px;padding:12px 18px;border-radius:22px}
.rel__ico{width:36px;height:36px;border-radius:12px}
.rel__label{font-size:16px}
.sfaq{padding-top:40px;padding-bottom:88px}
}
/* 20 facet hubs (WP-D): one-button GET forms for chips and pager items that must not be crawlable links (spec §2.5),
   and the hub blocks (answer, facts, tables, place summary) */
.srch form.chipf,.srch form.pagef{display:contents}
.srch button.chip,.srch button.pager__num,.srch button.pager__step{font:inherit;font-size:14px;font-weight:600}
.hubb{margin-top:32px}
.hubb dl.facts{margin-top:16px}
.hubb .table-scroll{margin-top:16px}
.hubb__sum{max-width:72ch}
/* guides, directories, transit and market tables (WP-E): links in data tables are tap targets of at least 24 px
   (Lighthouse target-size, WCAG 2.5.8); Thai names in table rows are 23 px tall otherwise */
.table th a,.table td a{display:inline-block;padding:6px 0;min-height:24px}
/* short pages (the market hub while few months exist): keep the footer below the first mobile viewport, so its
   contact links never sit under the fixed dock (Lighthouse target-size) */
@media (max-width: 767px) { .page-market .main { min-height: 100svh; } }

/* transit + directory pages (25 Sep 2026): the lead sits under the H1 (was a 1-column grid item), the data table is a
   tidy card with fixed column widths and tabular numbers, and the station groups sit closer together */
.dir .shd__intro{grid-column:1 / -1}
.dir .shd__lead{max-width:72ch}
.dir .hubb .table-scroll{background:var(--panel-solid);border:1px solid var(--line);border-radius:20px;padding:4px 16px}
.dir .table{table-layout:fixed;font-size:15px}
.dir .table thead th{padding:12px 12px 12px 0}
.dir .table tbody th,.dir .table tbody td{padding:10px 12px 10px 0;vertical-align:middle}
.dir .table .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.dir .table thead th:first-child{width:46%}
.dir .rel{padding-top:40px;padding-bottom:8px}
@media (min-width:1200px){.dir .hubb .table-scroll{padding:8px 24px}.dir .rel{padding-top:56px;padding-bottom:8px}.dir .table thead th:first-child{width:52%}}
@media (max-width:767px){.dir .table{table-layout:auto;font-size:14px}.dir .table thead th:first-child{width:auto}.dir .hubb .table-scroll{padding:2px 12px}}
.dir .table caption{padding-top:12px;padding-bottom:4px}
/* phone: the answer folds to 3 lines behind "read more" and the Ask hint is dropped, so the filters and the first cards reach
   the first screen (Sky 26 Sep 2026); the checkbox stays focusable for keyboards */
.shd__more{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.shd__morebtn{display:none}
@media (max-width:767.98px){
 .shd__answer:has(.shd__more:not(:checked)) .answer__body>p:not(.provenance){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .shd__answer:has(.shd__more:not(:checked)) .provenance,.shd__answer:has(.shd__more:not(:checked)) .answer__source{display:none}
 .shd__morebtn{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:14px;font-weight:600;color:var(--mint-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
 .shd__answer:has(.shd__more:checked) .shd__morebtn{display:none}
 .shd__answer:has(.shd__more:focus-visible) .shd__morebtn{outline:2px solid var(--mint-ink);outline-offset:2px;border-radius:6px}
 .shd__answer .answer__body>*+.shd__morebtn{margin-top:4px}
 .shd__askfoot p{display:none}
 .shd__askfoot:not(:has(.shd__clear)){display:none}
}
/* hub pages since 19 Oct 2026 (Sky: "งง ใช้ยาก"): the Ask box follows the cards (Results.tsx); on a phone the head is compact so
   the first cards are on the first screen (Jev: compact top 0.82, the old head 0.01) — the answer keeps its place in the HTML */
.res__ask{padding-top:28px;padding-bottom:8px}
@media (max-width:767.98px){
 .shd{padding-bottom:6px}
 .shd__live{display:none}
 .shd__h1{margin-top:6px;font-size:24px;line-height:1.3}
 .shd__answer{margin-top:10px}
 .shd__answer:has(.shd__more:not(:checked)) .answer__body>p:not(.provenance){-webkit-line-clamp:2}
 .rhead{padding-top:10px}
 .rhead__title{font-size:18px}
 .rhead__ctl{margin-top:8px;align-items:center}
 .rsort__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .rsort__select{height:44px}
}
.rhead__note{margin-top:6px;font-size:13px;line-height:1.5;color:var(--amber-ink)}