:root{--g:#1f7a4d;--g2:#2f9e65;--bg:#f3f8f4;--ink:#14281d;--mut:#5b7264;--card:#fff;--line:#d5e6da}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}a{color:var(--g)}
header{background:var(--g);color:#fff}header .wrap{display:flex;align-items:center;gap:14px;padding:14px 18px;flex-wrap:wrap}
.logo{color:#fff;font-weight:800;font-size:1.3rem;text-decoration:none;display:flex;align-items:center;gap:8px}.dot{width:14px;height:14px;border-radius:50%;background:#bdf0cf;display:inline-block}
.tag{opacity:.85;font-size:.95rem}header nav{margin-left:auto}header nav a{color:#e8f5ec}
.hero h1{font-size:2.2rem;margin:28px 0 6px}.hero p{color:var(--mut);margin:0 0 14px}
.warn{background:#fff8e1;border:1px solid #f0d98a;padding:10px 14px;border-radius:10px;font-size:.92rem}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.cat{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink)}.cat:hover{border-color:var(--g2)}.cat small{color:var(--mut)}
.filters{display:flex;flex-wrap:wrap;gap:8px;background:var(--card);padding:12px;border-radius:12px;border:1px solid var(--line)}
.filters input[type=search]{flex:1 1 240px}input,select,button{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
button{background:var(--g);color:#fff;border-color:var(--g);cursor:pointer}button:disabled{opacity:.4}.chk{display:flex;align-items:center;gap:6px}
.guide{background:#e6f4ea;border-left:4px solid var(--g);padding:6px 18px 10px;border-radius:10px;margin:16px 0}.guide h2{font-size:1.15rem}
.count{color:var(--mut)}.list{list-style:none;padding:0;display:grid;gap:10px}
.item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.item.cur{border-left:4px solid var(--g2)}
.item h3{margin:0 0 4px;font-size:1.05rem}.meta{margin:0;color:var(--mut);font-size:.9rem}.desc{margin:4px 0}.badges{margin:6px 0 0;display:flex;gap:6px;flex-wrap:wrap}
.b{font-size:.75rem;padding:2px 8px;border-radius:999px;background:#eef3ef;color:var(--mut)}.b.verified{background:#d3f1dd;color:#145c37}.b.from-registry{background:#e8eef9;color:#2b4a7a}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:18px 0}
footer{color:var(--mut);font-size:.85rem;padding:24px 18px 40px}.prose{max-width:780px}
.prices{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:10px 0}.prices h3{margin:0 0 8px;font-size:1rem}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.pcard{border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.pcard p{margin:2px 0}.big{font-size:1.3rem;font-weight:700;color:var(--g)}.muted{color:var(--mut);font-size:.82rem}.est{font-size:.82rem;background:#fff8e1;border-radius:6px;padding:3px 6px;margin-top:6px!important}
.spark{width:100%;height:60px}.spark .line{fill:none;stroke:var(--g2);stroke-width:2}.method summary{cursor:pointer;font-size:.8rem;color:var(--g)}.method p{font-size:.8rem}
.b.dated{background:#fdecea;color:#8a2a1a}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--g);padding:8px 12px;z-index:9}.skip:focus{left:8px}
:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.bar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 6px rgba(0,0,0,.05)}
.sbar{display:flex;gap:8px;padding:10px 18px}.sbar input{flex:1;min-width:0}button.ghost{background:#fff;color:var(--g)}
.wrap{max-width:1400px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:12px 0 4px;font-size:.9rem}.crumbs li+li::before{content:"/";margin-right:6px;color:var(--mut)}.crumbs [aria-current]{color:var(--mut)}
.h2{font-size:1.15rem;margin:22px 0 10px}
.cgrid{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.ccard{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:.92rem}.ccard:hover{border-color:var(--g2);background:#f7fcf8}.ccard b{color:var(--g);font-weight:600;font-variant-numeric:tabular-nums}
.layout{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start;margin-top:6px}
.side{position:sticky;top:64px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:.92rem;max-height:calc(100vh - 80px);overflow:auto}
.side>label{font-weight:600;margin-top:6px}.side select{width:100%}.side fieldset{border:1px solid var(--line);border-radius:8px;margin:8px 0;padding:6px 10px}.side legend{font-weight:600}.rad{display:flex;gap:6px;align-items:center;padding:2px 0}
.small{font-size:.8rem;margin-top:8px}.main{min-width:0}.main:focus{outline:none}
.rhead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.count{margin:6px 0}
.pager{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:.9rem}.pg{padding:4px 12px}
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.88rem}
.tbl th{position:sticky;top:57px;background:#e6f4ea;text-align:left;padding:0;border-bottom:1px solid var(--line);z-index:2}
.tbl th button{all:unset;cursor:pointer;display:block;padding:7px 10px;font-weight:700;color:var(--ink)}.tbl th button:focus-visible{outline:3px solid #f2b705}
.tbl th[aria-sort=ascending] button::after{content:" \25B2";font-size:.7em}.tbl th[aria-sort=descending] button::after{content:" \25BC";font-size:.7em}
.tbl th:last-child{padding:7px 10px}
.tbl td{padding:5px 10px;border-bottom:1px solid #edf3ef;vertical-align:top}.tbl tr:nth-child(even) td{background:#fafdfb}.tbl tr.cur td:first-child{box-shadow:inset 3px 0 0 var(--g2)}
.tbl td.n strong{display:block;font-weight:600}.sub{display:block;color:var(--mut);font-size:.8rem;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so{color:var(--mut);font-size:.8rem;max-width:22ch}.open{white-space:nowrap}.badges{display:inline-flex;gap:4px;margin-top:2px}.b{font-size:.7rem;padding:1px 6px}
.b.dated{background:#fde2e1;color:#8a1f17}
.empty{background:#fff;border:1px dashed var(--line);border-radius:10px;padding:20px;text-align:center}
.guide{margin:4px 0 8px;padding:6px 14px}.guide summary{cursor:pointer;font-weight:700;padding:4px 0}
@media (max-width:820px){.layout{grid-template-columns:1fr}.side{position:static;max-height:none}
 .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl thead{position:absolute;left:-9999px}
 .tbl tr{border-bottom:1px solid var(--line);padding:6px 4px}.tbl td{border:0;padding:2px 8px}.tbl td:not(.n)::before{content:attr(data-l) ": ";color:var(--mut);font-size:.78rem}
 .sub{white-space:normal}.hero h1{font-size:1.7rem}}
[hidden]{display:none!important}.side details>summary{font-weight:700;cursor:pointer;padding:2px 0}.fbody{display:flex;flex-direction:column;gap:4px}.fbody>label{font-weight:600;margin-top:6px}.fbody select{width:100%}
@media (min-width:821px){.side details>summary{display:none}}
.sc{white-space:nowrap}.sbd summary{cursor:pointer;font-weight:700;display:inline-block;min-width:2.4em;text-align:center;border-radius:4px;padding:1px 6px;background:#eef3f8}.sbd ul{margin:.3em 0 0;padding-left:1.1em;font-size:.85em;white-space:normal;min-width:14em}.small{font-size:.85em}
.cmp{width:100%;border-collapse:collapse;margin:.5em 0;font-size:.9em}.cmp th,.cmp td{border-bottom:1px solid #ddd;padding:4px 6px;text-align:left}.cmp td.num{text-align:right}.cmp svg.spark{width:110px;height:28px}.up{color:#0a6b2d}.down{color:#a3221b}.tag{font-size:.75em;background:#f1ecd9;border-radius:3px;padding:0 4px;margin-left:4px}
.ptabs{display:flex;gap:6px;margin:.4em 0}.ptabs [aria-pressed=true]{background:#1d4f7a;color:#fff}.tscroll{overflow-x:auto}.prod h4{margin:.6em 0 .2em}
.tariff{margin:.8rem 0;padding:.5rem .8rem;border:1px solid #ccd;border-radius:6px}
.tctl{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0}.tl select{max-width:16rem}
.warn{color:#8a4b00;font-weight:600}.big{font-size:1.05rem}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.plan{border:1px solid #ccd;border-radius:8px;padding:1rem}
.ph{background:#fff3cd;padding:.1rem .3rem;border-radius:4px}.promo{border:1px dashed #b80;padding:.2rem .4rem}
.car{position:relative;margin:.6rem 0 .8rem}.car-vp{overflow:hidden;border-radius:8px}
.car-track{display:flex;list-style:none;margin:0;padding:0;transition:transform .45s ease}
.car-slide{flex:0 0 25%;padding:0 3px;box-sizing:border-box}@media (max-width:900px){.car-slide{flex-basis:50%}}@media (max-width:520px){.car-slide{flex-basis:100%}}
.car-slide a{display:block;position:relative;color:#fff;text-decoration:none;border-radius:6px;overflow:hidden}
.car-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:150px}
.car-cap{position:absolute;left:0;right:0;bottom:0;padding:.3rem .5rem;background:linear-gradient(transparent,rgba(0,0,0,.78));display:flex;justify-content:space-between;gap:.4rem;font-size:.85rem}
.car-slide a:focus-visible{outline:3px solid #ffbf47;outline-offset:-3px}
.car-btn{position:absolute;top:calc(50% - 1.3rem);transform:translateY(-50%);width:2rem;height:2rem;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}
.car-prev{left:6px}.car-next{right:6px}.car-btn:focus-visible,.car-dot:focus-visible,.car-pause:focus-visible{outline:3px solid #ffbf47}
.car-dots{display:flex;justify-content:center;gap:4px;margin-top:.35rem}.car-dot{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid #556;background:#fff;cursor:pointer}.car-dot[aria-current=true]{background:#334}
.car-pause{position:absolute;left:0;bottom:-.1rem;font-size:.75rem;padding:.05rem .4rem;cursor:pointer}.car-cr{position:absolute;right:0;bottom:-.25rem;margin:0;font-size:.75rem}
@media (prefers-reduced-motion:reduce){.car-track{transition:none}}
.car-dots{padding:0 5.5rem;flex-wrap:wrap}.car-dot[hidden]{display:none}@media (max-width:520px){.car-dots{gap:3px}.car-dot{width:9px;height:9px}}
/* Redesign: search modes, mega-menu, grid view, supplier page, map */
.sbar{position:relative;flex-wrap:wrap}.mode{display:flex;gap:.2rem;border:0;margin:0;padding:0;align-items:center}
.mode label{display:flex;align-items:center;gap:.2rem;padding:.35rem .55rem;border:1px solid #c9d3cc;border-radius:6px;cursor:pointer;font-size:.9rem;background:#fff}
.mode label:has(input:checked){background:#1f7a4d;color:#fff;border-color:#1f7a4d}.mode input{accent-color:#fff}
.megad>summary{list-style:none;cursor:pointer;padding:.45rem .7rem;border:1px solid #c9d3cc;border-radius:6px;background:#fff;font-weight:600}.megad>summary::-webkit-details-marker{display:none}
.megad>summary::after{content:" \25BE"}.mega{position:absolute;z-index:50;left:0;right:0;top:110%;background:#fff;border:1px solid #c9d3cc;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem;max-height:70vh;overflow:auto}
.mcol h3{font-size:.85rem;margin:.1rem 0 .3rem;color:#1f5f3f}.mcol ul{list-style:none;margin:0;padding:0}.mcol li{font-size:.85rem;padding:.08rem 0}
.pmatch{margin:.5rem 0}.vt{display:inline-flex;gap:.25rem}.vt [aria-pressed=true]{background:#1f7a4d;color:#fff}
.b.reg{background:#e2f1e8}.b.lic{background:#e6ecfa}.b.xs{background:#f3ecdf}.b.geo{background:#eee}
body.grid #tbl thead{display:none}body.grid #rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.5rem}
body.grid #rows tr{display:flex;flex-direction:column;border:1px solid #d6ddd8;border-radius:8px;padding:.5rem;background:#fff}body.grid #rows td{display:block;border:0;padding:.1rem 0}
body.grid #rows td[data-l]:not(.n)::before{content:attr(data-l) ": ";color:#667;font-size:.8rem}
.sup{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.2rem;align-items:start}@media (max-width:820px){.sup{grid-template-columns:1fr}}
.rfq{position:sticky;top:.6rem;border:1px solid #c9d3cc;border-radius:8px;padding:.8rem;background:#fbfdfb}.rfq label{display:block;margin-top:.45rem;font-size:.9rem}.rfq input,.rfq textarea{width:100%;box-sizing:border-box}
.rfq button{margin-top:.6rem}.hp{position:absolute;left:-9999px}.vb{list-style:none;padding:0;margin:.3rem 0}.vb li{padding:.25rem 0;border-bottom:1px solid #eef}.vb .on strong{color:#1f7a4d}.vb .off strong{color:#777}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .8rem}.facts dt{font-weight:600;color:#445}.facts dd{margin:0;overflow-wrap:anywhere}
.dsrc{margin-top:1rem;padding:.6rem;border-left:3px solid #1f7a4d;background:#f6f8f7}.h3{font-size:1.05rem;margin:.9rem 0 .3rem}
.pn{display:flex;justify-content:space-between;gap:1rem;margin:1.2rem 0;flex-wrap:wrap}
.map{height:70vh;min-height:360px;border:1px solid #c9d3cc;border-radius:8px}.mfil{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.4rem 0}
/* Layout A: dense industrial directory */
:root{--g:#123a63;--g2:#1f5c99;--bg:#eef1f4;--ink:#1d2733;--mut:#5d6977;--line:#d5dbe2;--acc:#f5a623}
body{font-size:15px}a{color:#0b5cad}header{background:#123a63}header .wrap{padding:10px 18px}.logo b{color:var(--acc)}.dot{background:var(--acc);border-radius:2px}
.bar{background:#123a63;border-bottom:0;box-shadow:none}.bar .sbar{padding:0 18px 10px}.bar input[type=search]{border:0;border-radius:3px}.bar #go{background:var(--acc);border-color:var(--acc);color:#1d2733;font-weight:700}.bar button.ghost{background:transparent;color:#dfe7f0;border-color:#3d6189}.bar .mode label{color:#fff;background:transparent;border-color:#3d6189;border-radius:3px}.bar .mode label:has(input:checked){background:#1f5c99;border-color:#8fb3d9}.bar .megad>summary{color:#fff;background:#0d2c4b;border-color:#3d6189;border-radius:3px}.megad .mega a{color:#0b5cad}header .tag{background:none;color:#cfdbe8;font-size:.85rem;margin:0;padding:0}.cgrid li{background:#fff}
.cstrip{background:#0d2c4b;font-size:.85rem}.cstrip .wrap{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;padding:7px 18px}.cstrip a{color:#cfdbe8;text-decoration:none}.cstrip a:hover{color:#fff;text-decoration:underline}
button{border-radius:3px}input,select{border-radius:3px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:4px 0 16px}.stat{background:#fff;border:1px solid var(--line);border-top:3px solid var(--g);padding:10px 12px}.stat .k{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}.stat b{display:block;font:700 1.45rem/1.2 ui-monospace,Consolas,monospace;color:var(--g)}.stat .s{font-size:.78rem;color:#8a5a00}
.h2{text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:var(--g);border-bottom:1px solid var(--line);padding-bottom:4px}.h2 .muted{text-transform:none;letter-spacing:0;font-weight:400}
.cgrid{gap:1px;background:var(--line);border:1px solid var(--line)}.ccard{border:0;border-radius:0;padding:9px 12px}.ccard b{color:var(--mut)}
.prow{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.prow li{background:#fff;border:1px solid var(--line);padding:8px 10px;display:flex;flex-direction:column;font-size:.88rem}.up{color:#1c6b37}.dn{color:#b3261e}
.hmap{height:360px;border:1px solid var(--line)}
.side{border-radius:0;padding:0 0 10px}.side .fbody{padding:0 12px}.side summary{background:#f4f6f8;padding:8px 12px;font-weight:700;text-transform:uppercase;font-size:.8rem;border-bottom:1px solid var(--line)}
.fl h4{margin:10px 0 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--g)}.fl ul{list-style:none;margin:0;padding:0}.fl li{display:flex;justify-content:space-between;gap:6px;font-size:.85rem;padding:2px 0}.fl li span{color:var(--mut);font-variant-numeric:tabular-nums}.fl a{text-decoration:none}.fl a.on{font-weight:700}.fl a.on::before{content:"\2713 "}
.rhead{background:#fff;border:1px solid var(--line);padding:6px 10px;margin-bottom:8px}.sortl{font-size:.85rem}.sortl select{padding:4px}
.srows{display:block}.srow{display:grid;grid-template-columns:minmax(0,1fr) 210px 130px;gap:12px;background:#fff;border:1px solid var(--line);border-top:0;padding:12px}.srows .srow:first-child{border-top:1px solid var(--line)}.srow.cur{box-shadow:inset 3px 0 0 var(--acc)}
.srow h3{margin:0 0 2px;font-size:1.02rem}.srow h3 a{text-decoration:none}.srow h3 a:hover{text-decoration:underline}.sl,.sd{margin:0;color:var(--mut);font-size:.84rem}.sd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srow .b{border-radius:2px;background:#e8f0f9;color:#123a63}.srow .b.reg{background:#e5f4ea;color:#1c6b37}
.ssrc{font-size:.82rem;display:flex;flex-direction:column;gap:2px;border-left:1px solid #eef1f4;padding-left:10px}.ssrc b{font-weight:600}
.sscore{text-align:center;border-left:1px solid #eef1f4;display:flex;flex-direction:column;align-items:center;gap:2px}.sscore .sv{font:700 1.5rem/1 ui-monospace,Consolas,monospace;color:#1c6b37;text-decoration:none}.rinfo{display:block;width:100%;background:var(--g);color:#fff!important;text-align:center;padding:6px;border-radius:3px;font-weight:700;font-size:.85rem;text-decoration:none;margin-top:4px}
body:not(.tview) #tbl{display:none!important}body.tview #srows{display:none}.tbl th{background:#e8eef5}
.rfq{border-radius:0;border-top:3px solid var(--acc)}
@media (max-width:820px){.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:span 2}.prow{grid-template-columns:1fr 1fr}.srow{grid-template-columns:minmax(0,1fr) 92px}.ssrc{display:none}.sd{white-space:normal}.hmap{height:280px}.cstrip .wrap{gap:14px}.tag{display:none}.cgrid{grid-template-columns:1fr 1fr}}
.pg[aria-pressed=true]{background:var(--acc)!important;border-color:var(--acc)!important;color:#1d2733!important}
.hamb{margin-left:auto;background:transparent;border:1px solid #3d6189;color:#fff;display:flex;align-items:center;gap:8px;padding:6px 12px;font-weight:700}.hamb[hidden]{display:none}
.hb,.hb::before,.hb::after{display:block;width:18px;height:2px;background:#fff;position:relative}.hb::before,.hb::after{content:"";position:absolute;left:0}.hb::before{top:-6px}.hb::after{top:6px}
.hamb[aria-expanded=true] .hb{background:transparent}.hamb[aria-expanded=true] .hb::before{top:0;transform:rotate(45deg)}.hamb[aria-expanded=true] .hb::after{top:0;transform:rotate(-45deg)}
.mlist{list-style:none;margin:0;padding:0;columns:4 12rem;font-size:.88rem}.mlist li{padding:2px 0;break-inside:avoid}.mlist a{text-transform:capitalize}
@media (max-width:820px){.js header nav{display:none;flex-basis:100%;margin:0}.js header nav.open{display:flex;flex-direction:column}.js header nav.open a{padding:10px 4px;border-top:1px solid #2a5078;text-decoration:none;font-size:1rem}.mlist{columns:2}}
.paywall{max-width:640px;margin:40px auto;background:#fff;border:1px solid var(--line);border-top:3px solid var(--g);padding:20px 24px}.paywall h1{font-size:1.5rem;margin-top:0}.pwa{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pwa .rinfo{width:auto;padding:8px 16px}.price{font-weight:700;font-size:1.2rem;color:var(--g)}
#cmp th{position:static}
.slist{padding-left:2.4rem}.slist li{margin:.2rem 0}.blist{columns:16rem;padding-left:1.2rem}.blist li{margin:.15rem 0;break-inside:avoid}

.hgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center}.hgrid h1{margin-top:10px}.shot{margin:18px 0 10px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--g);padding:6px;box-shadow:0 10px 28px rgba(20,40,29,.12)}.shot img{display:block;width:100%;height:auto}.shot figcaption{font-size:.78rem;color:var(--mut);padding:6px 4px 2px}
.hbadges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hbadges span{font-size:.8rem;font-weight:600;background:#d3f1dd;color:#145c37;border-radius:999px;padding:3px 10px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.stepc{background:#fff;border:1px solid var(--line);border-top:3px solid var(--g);padding:12px 14px}.stepc h3{margin:6px 0 4px;font-size:1.05rem}.stepc p{margin:0;color:var(--mut);font-size:.9rem}.stepc img{display:block;width:100%;height:auto;border:1px solid var(--line);margin-top:10px}
.obt{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#145c37;background:#d3f1dd;border-radius:999px;padding:2px 9px}
.ob{background:#fff;border:2px solid var(--g);padding:12px 16px;margin:0 0 16px;position:relative}.ob h2{font-size:1.1rem;margin:6px 0 4px}.ob ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}.ob li{display:flex;gap:10px;align-items:center}.ob li i{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:.75rem;font-weight:700;color:#fff}.ob li.done i{background:var(--g);border-color:var(--g)}.ob li.done span{color:var(--mut);text-decoration:line-through}.obx{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--mut);font-size:1.3rem;padding:2px 8px}
@media (max-width:820px){.hgrid{grid-template-columns:1fr}.shot{display:none}.steps{grid-template-columns:1fr}}
/* Search First hero */
.sfh{text-align:center;max-width:860px;margin:0 auto;padding:36px 0 8px}.sfh .hbadges{justify-content:center}.sfh h1{font-size:2.6rem}
.sfform{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 14px 40px rgba(16,42,77,.12);margin:18px auto 10px;max-width:760px}
.sfform input{flex:1;border:0;font-size:1.1rem;padding:12px 14px;outline:none;background:transparent}.sfform button{background:#F5A623;color:#0d2340;border:0;border-radius:8px;font-weight:700;padding:0 26px;font-size:1rem;cursor:pointer}
.sfq{font-size:.95rem}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.pg-art{margin:32px 0 8px}.pg-art img{display:block;width:100%;max-width:880px;height:auto;margin:0 auto;border-radius:14px}