/* Vetteroo prototype: light, airy theme */
:root{--blue:#1F6FB2;--blue-d:#17568C;--blue-l:#E8F2FB;--green:#2BA36B;--green-d:#1B7A4C;--green-l:#E4F5EC;
--ink:#1F2A37;--muted:#4A5768;--soft:#6B7787;--line:#E3EAF2;--line2:#D5E0EB;--sky:#F4F9FD;--warm:#FBF8F3;--gray:#F3F5F8;--white:#fff;
--r:18px;--sh:0 1px 2px rgba(31,42,55,.04),0 8px 24px rgba(31,79,122,.07);--sh2:0 2px 4px rgba(31,42,55,.05),0 16px 40px rgba(31,79,122,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:17px/1.7 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:750;line-height:1.18;letter-spacing:-.015em;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem);letter-spacing:-.025em}h2{font-size:clamp(1.55rem,2.8vw,2.15rem)}h3{font-size:1.2rem}h4{font-size:1.05rem}
p{margin:0 0 1em}a{color:var(--blue);text-decoration:none;text-underline-offset:3px}a:visited{color:var(--blue)}a:hover,a:focus-visible{color:var(--blue-d);text-decoration:underline}a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}
img,svg{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.narrow{max-width:800px}
.center{text-align:center}
.lead{font-size:1.16rem;color:var(--muted);max-width:720px}
.kicker{font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin:0 0 .6em}
.fine,.fine-note,.disc-mini{font-size:.86rem;color:var(--soft)}
/* proto bar + header */
.proto-bar{background:var(--blue-l);color:#134A78;text-align:center;font-size:.82rem;font-weight:600;padding:7px 12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:22px;min-height:76px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex:none}
.brand .mark{width:40px;height:40px}.brand b{display:block;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.brand small{display:block;font-size:.74rem;color:var(--soft);font-weight:500;line-height:1.3}
.hdr-search{flex:1;max-width:400px;display:flex;align-items:center;gap:9px;background:var(--sky);border:1px solid var(--line2);border-radius:999px;padding:0 16px;height:44px;transition:.15s}
.hdr-search:focus-within{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,111,178,.12)}
.hdr-search svg{width:18px;height:18px;fill:none;stroke:var(--soft);stroke-width:2;stroke-linecap:round;flex:none}
.hdr-search input{border:0;background:transparent;outline:0;font:inherit;font-size:.95rem;color:var(--ink);width:100%}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav>a,.dd>summary{color:var(--ink);text-decoration:none;font-weight:600;font-size:.97rem;padding:9px 14px;border-radius:12px;cursor:pointer;white-space:nowrap}
.main-nav>a:hover,.dd>summary:hover,.dd[open]>summary{background:var(--sky);color:var(--blue)}
.main-nav>a.active,.dd>summary.active{color:var(--blue)}
.main-nav .btn{margin-left:8px}
.dd{position:relative}.dd>summary{list-style:none;display:flex;align-items:center;gap:6px}.dd>summary::-webkit-details-marker{display:none}
.dd>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.6}
.dd-panel{position:absolute;left:-20px;top:calc(100% + 10px);width:820px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh2);padding:20px}
.dd-title{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:2px 6px 10px}
.dd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
.dd-world{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}
.dd-world:hover{background:var(--tint);color:var(--ink)}
.dd-world .wicon{width:36px;height:36px;padding:7px;border-radius:10px;background:var(--tint);color:var(--wink);flex:none}
.dd-foot{display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--line);margin-top:12px;padding:14px 8px 2px}
.dd-foot a{font-weight:600;font-size:.92rem;text-decoration:none}
.nav-toggle{display:none;margin-left:auto;background:#fff;border:1px solid var(--line2);border-radius:12px;width:46px;height:44px;padding:12px 11px;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px;margin:4px 0}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font:inherit;font-weight:650;font-size:1rem;padding:12px 22px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;transition:.15s;box-shadow:0 1px 2px rgba(31,42,55,.05)}
.btn:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(31,111,178,.25)}
.btn.primary:hover{background:var(--blue-d);border-color:var(--blue-d);color:#fff}
.btn.sm{padding:9px 18px;font-size:.93rem}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* hero */
.hero{padding:72px 0 64px;background:linear-gradient(180deg,var(--sky),#fff)}
.hero.small{padding:56px 0 48px;border-bottom:1px solid var(--line)}
.hero.tinted{background:linear-gradient(180deg,var(--tint),#fff 92%)}
.hero-icon{width:64px;height:64px;border-radius:18px;background:#fff;box-shadow:var(--sh);display:grid;place-items:center;margin-bottom:20px}
.hero-icon .wicon{width:34px;height:34px;color:var(--wink)}
.home-hero{padding:64px 0 40px;background:radial-gradient(900px 480px at 85% 20%,#E3F0FA 0,rgba(227,240,250,0) 70%),radial-gradient(700px 400px at 0% 100%,#EEF8F2 0,rgba(238,248,242,0) 70%),linear-gradient(180deg,#F7FBFE,#fff)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 8px;font-size:.88rem;font-weight:600;color:var(--muted);box-shadow:var(--sh);margin-bottom:22px}
.eyebrow svg{width:20px;height:20px;fill:var(--green-l);stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-hero h1{font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.06;margin-bottom:.4em}
.accent{color:var(--blue);background:linear-gradient(transparent 72%,#D9F0E3 72%,#D9F0E3 94%,transparent 94%)}
.hero-copy .lead{margin-bottom:28px}
.hero-art{width:100%;max-width:540px;display:block;margin:0 auto}
.search-mock{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line2);border-radius:999px;padding:7px 7px 7px 20px;box-shadow:var(--sh2);max-width:600px}
.search-mock:focus-within{border-color:var(--blue)}
.search-mock>svg{width:22px;height:22px;fill:none;stroke:var(--soft);stroke-width:2;stroke-linecap:round;flex:none}
.search-mock input{flex:1;border:0;outline:0;font:inherit;font-size:1.05rem;background:transparent;color:var(--ink);min-width:0}
.popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 6px;font-size:.92rem}
.popular span{color:var(--soft);font-weight:600;margin-right:2px}
.popular a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 13px;text-decoration:none;color:var(--muted);font-weight:550}
.popular a:hover{border-color:var(--blue);color:var(--blue)}
.trust{list-style:none;padding:22px 0 0;margin:40px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;border-top:1px solid var(--line)}
.trust li{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--muted);font-size:.95rem}
.trust svg{width:22px;height:22px;fill:var(--green-l);stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* sections */
.sec{padding:80px 0}.sec.alt{background:var(--sky)}.sec.warm{background:var(--warm)}
.sec-head{margin-bottom:40px}.sec-head.center{text-align:center}.sec-head.center .lead{margin:0 auto}
.row-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.crumbs{padding-top:20px;font-size:.9rem;color:var(--soft)}.crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:#C9D3DE;text-underline-offset:3px}.crumbs a:hover{color:var(--blue)}.crumbs .sep{margin:0 9px;color:#B5C1CE}
/* world tiles */
.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.world-tile{display:flex;flex-direction:column;background:var(--tint);border:1px solid rgba(31,42,55,.05);border-radius:22px;padding:26px 24px 22px;text-decoration:none;color:var(--ink);transition:.18s}
.world-tile:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--ink)}
.wt-icon{width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(31,42,55,.06);margin-bottom:18px}
.wt-icon .wicon{width:28px;height:28px;color:var(--wink)}
.world-tile h3{font-size:1.18rem;margin-bottom:.35em}.world-tile p{color:var(--muted);font-size:.95rem;margin-bottom:14px}
.chips{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:6px}
.chips li{background:rgba(255,255,255,.75);border-radius:999px;padding:3px 11px;font-size:.8rem;font-weight:600;color:var(--muted)}
.world-tile .more{margin-top:auto;font-weight:700;color:var(--wink);font-size:.93rem}
.world-mini{display:flex;flex-wrap:wrap;gap:10px}
.world-mini a{display:flex;align-items:center;gap:9px;background:var(--tint);border-radius:999px;padding:8px 16px 8px 10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.93rem}
.world-mini a:hover{box-shadow:var(--sh)}.world-mini .wicon{width:22px;height:22px;color:var(--wink)}
.world-h{margin:56px 0 22px}.world-h:first-of-type{margin-top:28px}
.world-h a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.world-h .wicon{width:44px;height:44px;padding:9px;border-radius:13px;background:var(--tint);color:var(--wink)}
.jump{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--sky);border:1px solid var(--line);border-radius:16px;padding:14px 18px;font-size:.92rem}
.jump a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;text-decoration:none;font-weight:600}
/* cards & grids */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:.18s}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--line2);color:var(--ink)}
.card h3{font-size:1.12rem}.card p{color:var(--muted);font-size:.96rem}
.card .more{margin-top:auto;color:var(--blue);font-weight:650;font-size:.93rem}
.tag{align-self:flex-start;background:var(--blue-l);color:#134A78;font-size:.76rem;font-weight:700;border-radius:999px;padding:3px 11px;margin-bottom:14px;letter-spacing:.02em}
.two{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.step p{color:var(--muted)}.step a{font-weight:650;text-decoration:none}
.step .n{width:44px;height:44px;border-radius:14px;background:var(--blue-l);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:1.1rem;margin-bottom:16px}
.check-step .n{background:var(--green-l)}
.check-step .n svg{width:26px;height:26px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,var(--blue-l),var(--green-l));border-radius:26px;padding:48px 52px}
.cta-band h2{margin-bottom:.3em}
/* labels & lists */
.ready{display:inline-block;background:var(--green-l);color:var(--green-d);font-size:.74rem;font-weight:700;border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:2px}
.soon{display:inline-block;background:#FFF4DC;color:#7A5200;font-size:.74rem;font-weight:700;border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:2px}
.pill-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pill-list li{background:var(--sky);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.9rem;color:var(--muted)}
.clean{padding-left:1.2em}.clean li{margin:.4em 0}
.plain{text-decoration:none}
.menu3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0}
.menu-col{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.menu-col ul{list-style:none;padding:0;margin:0}.menu-col li{padding:10px 0;border-top:1px solid var(--line);font-size:.96rem}
.menu-col li:first-child{border-top:0}
/* banners */
.banner{border-radius:14px;padding:14px 18px;margin:0 0 22px;font-size:.95rem;border:1px solid}
.banner.draft{background:#FFF8E8;border-color:#F0DCA8;color:#5E4300}
.banner.draft-ps{background:#FDEDED;border-color:#EBB3B3;border-left:6px solid #C62828;color:#7A1414}
.banner.info{background:var(--blue-l);border-color:#C9DFF2;color:#134A78}
.banner a{color:inherit;font-weight:650}
.disc-line{font-size:.86rem;color:var(--soft);border-top:1px solid var(--line);padding:22px 0 8px;margin:24px 0 0}
/* affiliate box */
.aff-box{display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;background:linear-gradient(120deg,#fff,var(--sky));border:1px solid var(--line2);border-radius:var(--r);padding:22px 24px;margin:26px 0;box-shadow:var(--sh)}
.aff-box h4,.aff-box .aff-h{margin:.35em 0 .2em;font-size:1.12rem}.aff-box .aff-h{font-weight:750;line-height:1.18;letter-spacing:-.015em;color:var(--ink)}.aff-box p{margin:0;color:var(--muted);font-size:.95rem}
.aff-box .disc-mini{grid-column:1/-1;margin:4px 0 0}
.ph-tag{display:inline-block;background:#FFF4DC;color:#7A5200;font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 9px;text-transform:uppercase;letter-spacing:.05em}
/* prose, tables, glance */
.prose h2{margin-top:1.6em}.prose li{margin:.35em 0}
.glance{background:var(--sky);border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;margin:0 0 26px}
dl.glance{display:grid;grid-template-columns:150px 1fr;gap:10px 20px}dl.glance dt{font-weight:700}dl.glance dd{margin:0;color:var(--muted)}
table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:20px 0 28px;font-size:.96rem;box-shadow:var(--sh)}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--sky);font-weight:700}tr:last-child td,tr:last-child th[scope=row]{border-bottom:0}tr:nth-child(odd) td{background:#FCFDFE}th[scope=row]{background:transparent}tr:nth-child(odd) th[scope=row]{background:#FCFDFE}
/* forms */
.form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--sh)}
.form label{display:block;font-weight:650;font-size:.93rem;margin:14px 0 6px}.form label:first-child{margin-top:0}
.form input,.form textarea,.form select{width:100%;font:inherit;font-size:1rem;padding:12px 14px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,111,178,.12)}
.form .btn{margin-top:20px}
.form-msg{display:none;margin-top:14px;background:var(--green-l);color:var(--green-d);border-radius:12px;padding:12px 14px;font-weight:600}
/* explore map */
.ex{list-style:none;padding:2px 0 0 14px;margin:0;border-left:2px solid var(--line)}.ex li{font-size:.86rem;color:var(--soft)}
.big404{font-size:6rem;font-weight:800;color:var(--blue);margin:0;line-height:1}
/* footer */
.site-footer{background:var(--gray);border-top:1px solid var(--line);margin-top:40px;padding:64px 0 28px;color:var(--muted);font-size:.94rem}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:34px}
.site-footer h4,.site-footer h2.fh{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}
.site-footer .fgrid>div>a:not(.brand){display:block;color:var(--muted);text-decoration:none;padding:3px 0}.site-footer a:hover{color:var(--blue)}
.site-footer .brand{margin-bottom:14px}
.copy{border-top:1px solid var(--line2);margin-top:40px;padding-top:22px;font-size:.86rem;color:var(--muted)}
/* responsive */
@media(max-width:1180px){.brand small{display:none}.world-grid{grid-template-columns:repeat(2,1fr)}.four{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr 1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}.hdr-search{max-width:280px}}
@media(max-width:960px){
 .hdr{flex-wrap:wrap;gap:12px;padding:12px 0}.hdr-search{order:3;max-width:none;flex-basis:100%}
 .nav-toggle{display:block}.main-nav{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;margin:0;padding:6px 0 12px}
 .main-nav.open{display:flex}.main-nav>a,.dd>summary{padding:12px 10px}.main-nav .btn{margin:10px 0 0}
 .dd-panel{position:static;width:auto;box-shadow:none;border:0;padding:4px 0 8px}.dd-grid{grid-template-columns:1fr}
 .hero-grid{grid-template-columns:1fr}.hero-visual{max-width:380px;margin:0 auto}.two,.three,.menu3{grid-template-columns:1fr}
 .row-head{flex-direction:column;align-items:flex-start}.cta-band{flex-direction:column;align-items:flex-start;padding:36px 30px}}
@media(max-width:600px){body{font-size:16.5px}.wrap{padding:0 20px}.sec{padding:56px 0}.world-grid,.four{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}
 .home-hero{padding:40px 0 30px}.search-mock{padding-left:14px}.search-mock .btn{padding:10px 16px}.aff-box{grid-template-columns:1fr}dl.glance{grid-template-columns:1fr;gap:2px}dl.glance dd{margin-bottom:10px}
 .trust{justify-content:flex-start}table{font-size:.88rem}th,td{padding:10px}}
.hero-grid>*,.two>*,.three>*,.four>*,.menu3>*{min-width:0}
@media(max-width:600px){.home-hero h1{font-size:2.15rem}.hero-visual{max-width:300px}.search-mock input{font-size:1rem}}
/* ===== Brand bar on top, menu bar below (Oct 21 header update) ===== */
.brand-bar{background:linear-gradient(180deg,#F4F9FD 0,#fff 100%);border-bottom:1px solid var(--line)}
.bb{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:22px;padding-bottom:22px}
.brand-big{gap:14px}
.brand-big .mark{width:66px;height:66px;filter:drop-shadow(0 4px 10px rgba(31,111,178,.18))}
.brand-big b{font-size:54px;font-weight:850;color:var(--blue);letter-spacing:-.035em;line-height:1}
.brand-big:hover b{color:var(--blue-d)}
.bb .hdr-search{flex:0 1 430px;max-width:430px;height:52px;background:#fff;box-shadow:var(--sh)}
.bb .hdr-search input{font-size:1rem}
.menu-bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 4px 14px rgba(31,79,122,.05)}
.mb{display:flex;align-items:center;gap:8px;min-height:62px}
.menu-bar .main-nav{margin-left:-14px;gap:6px}
.menu-bar .main-nav>a,.menu-bar .dd>summary{font-size:1.04rem;padding:10px 16px}
.menu-bar .start{margin-left:auto}
.nav-toggle .bars{display:block;width:20px}
@media(max-width:960px){
 .bb{flex-wrap:wrap;gap:14px;padding-top:16px;padding-bottom:16px}
 .brand-big .mark{width:42px;height:42px}.brand-big b{font-size:34px}
 .bb .hdr-search{flex:1 1 100%;max-width:none;height:46px;order:3}
 .mb{flex-wrap:wrap;min-height:58px;padding-top:8px;padding-bottom:8px}
 .nav-toggle{display:flex;align-items:center;gap:10px;width:auto;height:42px;margin:0;padding:0 16px;font:inherit;font-weight:650;font-size:1rem;color:var(--ink)}
 .nav-toggle .bars span{margin:4px 0}
 .menu-bar .main-nav{order:4;flex-basis:100%;margin:0;padding:6px 0 10px}
 .menu-bar .main-nav.open{max-height:calc(100vh - 70px);overflow:auto}
}
@media(max-width:600px){.eyebrow{font-size:.8rem;padding:5px 12px 5px 7px}.search-mock{gap:8px;padding:6px 6px 6px 14px}.search-mock>svg{width:19px;height:19px}.search-mock .btn{padding:9px 14px;font-size:.95rem}.bb .hdr-search input{font-size:.95rem}}
@media(max-width:380px){.eyebrow{font-size:.74rem}}
@media(max-width:600px){.search-mock input{font-size:.95rem}}
/* ===== Vetteroo H2 logo (Oct 22) ===== */
.brand-big .wordmark{display:block;height:120px;width:auto}
.bb{padding-top:14px;padding-bottom:14px}
.foot-brand .wordmark{display:block;height:84px;width:auto}
.foot-brand{display:inline-block;margin-bottom:12px}
@media(max-width:960px){.brand-big .wordmark{height:106px}.bb{padding-top:12px;padding-bottom:12px}}
@media(max-width:600px){.brand-big .wordmark{height:96px}.bb{padding-top:10px;padding-bottom:10px}}

/* Recurring tagline "We check it out so you don't have to." */
.tagline-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 0;font-weight:700;font-size:1rem;color:var(--ink)}
.tagline-line span{color:#1F6FB2}
.tagline-line svg{width:20px;height:20px;flex:none;fill:none;stroke:#2BA36B;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;background:#E7F6EE;border-radius:50%;padding:2px}
.foot-tag{font-weight:700;color:var(--ink);margin:0 0 10px}

/* ===== 12 categories: buttons, topic links, the Explore ring ===== */
.wrap.wide{max-width:1320px}
.cat-btn{display:inline-flex;align-items:center;gap:10px;background:var(--band,var(--tint));color:var(--ink);border:1.5px solid rgba(31,42,55,.08);border-radius:14px;padding:10px 18px 10px 12px;font-weight:750;font-size:1.05rem;text-decoration:none;box-shadow:0 2px 0 rgba(31,42,55,.06);transition:.15s;line-height:1.25}
.cat-btn .wicon{width:24px;height:24px;color:var(--wink);flex:none}
.cat-btn:hover,.cat-btn:focus-visible{color:var(--ink);border-color:var(--wink);transform:translateY(-1px);box-shadow:0 6px 16px rgba(31,79,122,.14)}
.sub-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wink);border:1.5px solid var(--wink);border-radius:999px;padding:5px 14px;font-weight:700;font-size:.93rem;text-decoration:none;transition:.15s;line-height:1.3}
.sub-btn span{font-size:1.15em;line-height:1}
.sub-btn:hover,.sub-btn:focus-visible{background:var(--tint);color:var(--wink)}
.word-links{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 18px}
.word-links a{color:var(--blue);text-decoration:none;font-size:.95rem;font-weight:500}
.word-links a:hover,.word-links a:focus-visible{text-decoration:underline;color:var(--blue-d)}
.btn-wrap,.btn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.plain-link{font-weight:650;text-decoration:none;margin-left:6px}
.cb-blurb{color:var(--muted);font-size:.95rem;margin:12px 0 6px}
.cb-sub{border-top:1px solid var(--line);padding:14px 0 12px}.cb-sub:last-child{padding-bottom:0}
/* ring */
.ring-sec{padding-top:34px}
.ring-layout{display:grid;grid-template-columns:minmax(0,860px) minmax(300px,1fr);gap:32px;align-items:start}
.ring-card{background:radial-gradient(circle at 50% 50%,#F6FAFD 0,#fff 72%);border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:var(--sh)}
.ring{width:100%;height:auto;display:block;font-family:"Noto Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.ring .seg{fill:var(--f);transition:fill .15s}
.ring a{cursor:pointer;outline:none}
.ring a:hover .seg,.ring a:focus-visible .seg,.ring a.on .seg{fill:var(--h)}
.ring a:focus-visible .seg{stroke:#1F2A37;stroke-width:3}
.ring .rc{font-weight:700;letter-spacing:-.01em}
.ring .rs{font-weight:600;text-anchor:middle}
.ring a:hover .rl,.ring a:focus-visible .rl{text-decoration:underline}
.ring .rnum{display:none}.ring .rnum text{font-size:34px;font-weight:800}
.ring .rctr{font-size:29px;font-weight:800}.ring .rctr2{font-size:17px;font-weight:600;fill:var(--soft)}
.ring-side{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:var(--sh)}
.ring-panel{border-left:5px solid var(--wink);padding-left:16px}
.ring-tip{display:none}
/* stacked list (all screens; it becomes an accordion on phones) */
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:20px;align-items:start}
.cat-acc{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.cat-acc>summary{display:flex;align-items:center;gap:12px;background:var(--tint);padding:14px 18px;font-weight:750;font-size:1.06rem;cursor:pointer;list-style:none}
.cat-acc>summary::-webkit-details-marker{display:none}
.cat-acc>summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2.5px solid var(--wink);border-bottom:2.5px solid var(--wink);transform:rotate(45deg);transition:.15s}
.cat-acc[open]>summary::after{transform:rotate(-135deg)}
.cat-acc .wicon{width:24px;height:24px;color:var(--wink)}
.acc-num{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--wink);display:grid;place-items:center;font-size:.85rem;font-weight:800;flex:none}
.acc-body{padding:16px 18px 18px}
/* home */
.cat-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-bottom:46px}
.mini-ring-link{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;font-weight:650}
.mini-ring-link .ring{max-width:380px}
.mini-ring-link:hover .ring{transform:rotate(-2deg)}.mini-ring-link .ring{transition:transform .3s}
.cat-grid .chips li{font-size:.8rem}
/* category, subcategory, and all-topics pages */
.cat-subs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat-sub-card{background:var(--tint);border-radius:var(--r);padding:22px}
.cat-sub-card>p{color:var(--muted);font-size:.95rem;margin:12px 0 4px}
.topic-list{list-style:none;padding:0}
.topic-list li{padding:12px 0;border-top:1px solid var(--line)}.topic-list li:first-child{border-top:0}
.topic-list li>a{font-weight:650;font-size:1.05rem}
.tl-blurb{color:var(--muted);font-size:.93rem}
.tix-cat{margin:40px 0 0}.tix-subs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.tix-sub{background:var(--tint);border-radius:16px;padding:16px 18px}
@media(max-width:1180px){.ring-layout{grid-template-columns:1fr}.ring-card{max-width:860px;margin:0 auto;width:100%}.ring-side{position:static}
 .cat-subs,.tix-subs{grid-template-columns:1fr 1fr}.cat-intro{grid-template-columns:1fr}.dd-panel{width:640px}.dd-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .ring .rl{display:none}.ring .rnum{display:block}.ring a.rsub{pointer-events:none}
 .ring-side{display:none}.ring-tip{display:block;text-align:center;color:var(--muted);font-size:.95rem;margin-top:12px}
 .ring-card{padding:6px;border-radius:20px}.ring .rctr2{display:none}
 .cat-subs,.tix-subs{grid-template-columns:1fr}.acc-grid{grid-template-columns:1fr}
 .mini-ring-link .ring{max-width:300px}}
.cat-acc{scroll-margin-top:84px}
@media(max-width:700px){.ring-sec{padding-bottom:0}.ring-sec+.sec{padding-top:36px}}

/* ===== V2 alternate designs ===== */
.v2-note{margin-bottom:26px}
/* ring v2 */
.ring2-sec{padding-top:22px;padding-bottom:40px}.ring2-sec .v2-note{margin:26px 0 0}
.ring2-layout{display:grid;grid-template-columns:minmax(0,610px) minmax(320px,1fr);gap:44px;align-items:start}
.ring2-wrap{position:relative}
.ring2{width:100%;height:auto;display:block;overflow:visible;font-family:"Noto Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.ring2 .pop{transition:transform .28s cubic-bezier(.2,.8,.3,1.3),filter .28s;transform:translate(0,0)}
.ring2 .seg{fill:var(--f);transition:fill .2s}
.ring2 a{outline:none;cursor:pointer}
.ring2 a:hover .pop,.ring2 a:focus-visible .pop,.ring2 a.on .pop{transform:translate(var(--tx),var(--ty));filter:drop-shadow(0 10px 14px rgba(31,79,122,.22))}
.ring2 a:hover .seg,.ring2 a:focus-visible .seg,.ring2 a.on .seg{fill:var(--h)}
.ring2 a:focus-visible .seg{stroke:#1F2A37;stroke-width:4}
.ring2 .r2l{font-size:27px;font-weight:800;letter-spacing:-.01em}
.ring2 .r2n{display:none;font-size:46px;font-weight:800}
.ring2 .r2hub{filter:drop-shadow(0 6px 16px rgba(31,79,122,.14))}
.ring2 .rctr{font-size:40px;font-weight:800}.ring2 .rctr2{font-size:21px;font-weight:600;fill:var(--soft)}
.pop-zone{min-height:420px}.r2-intro h1{font-size:2.1rem;margin:.05em 0 .2em}.r2-intro .lead{margin-bottom:14px;font-size:1.05rem}.r2-intro{padding-top:2px}
.pop-card{background:linear-gradient(165deg,var(--band,#E8F2FB) 0,var(--tint,#F4F9FD) 34%,#fff 75%);border:1px solid rgba(31,42,55,.07);border-radius:26px;padding:20px 26px 18px;box-shadow:0 20px 50px rgba(31,79,122,.16);animation:cardIn .32s cubic-bezier(.2,.8,.3,1.15)}
.pop-card[hidden]{display:none}
@keyframes cardIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.pc-head{display:flex;align-items:center;gap:12px}
.pc-num{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--wink);display:grid;place-items:center;font-weight:800;flex:none;box-shadow:var(--sh)}
.pop-card .cat-btn{background:#fff;font-size:1.12rem}
.pc-blurb{color:var(--muted);margin:10px 0 2px;font-size:.97rem}.pop-card .word-links{margin-top:8px;gap:2px 16px}.pop-card .word-links a{font-size:.93rem}
.pc-sub{border-top:1px solid rgba(31,42,55,.08);padding:11px 0 8px}.pc-sub:last-child{padding-bottom:0}
.pc-rest h3{font-size:1.45rem}.pc-rest{background:linear-gradient(165deg,#E8F2FB 0,#F4F9FD 40%,#fff 80%)}
.pc-legend{list-style:none;padding:0;margin:0 0 14px}.pc-legend li{padding:7px 0;color:var(--muted)}
.lg-cat,.lg-sub,.lg-topic{display:inline-block;margin-right:8px;font-weight:700;font-size:.9rem}
.lg-cat{background:#DDD5F5;color:var(--ink);border-radius:10px;padding:4px 12px}
.lg-sub{border:1.5px solid #533FA3;color:#533FA3;border-radius:999px;padding:2px 12px}
.lg-topic{color:var(--blue)}
.ring-tip2{display:none}
/* picture-rich category page */
.hero2{position:relative;min-height:400px;display:flex;align-items:center;overflow:hidden;background:var(--tint)}
.hero2-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero2::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.55) 0,rgba(255,255,255,.12) 55%,rgba(255,255,255,0) 100%)}
.hero2-in{position:relative;z-index:1;width:100%}
.hero2-card{max-width:560px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);border-radius:28px;padding:30px 34px;box-shadow:0 24px 60px rgba(31,79,122,.18);border-top:8px solid var(--wink)}
.hero2-card h1{font-size:clamp(2.2rem,4.4vw,3.4rem);margin:.15em 0 .25em}
.hero2-card .lead{margin-bottom:0}
.hero2-kicker{display:inline-flex;align-items:center;gap:9px;background:var(--band);color:var(--wink);font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 14px 6px 8px}
.hero2-kicker .wicon{width:22px;height:22px}
.cat-block{background:linear-gradient(90deg,var(--wink),#14918B);color:#fff}
.cat-block-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:16px;padding-bottom:16px;font-weight:700}
.cat-block-in a{color:#fff;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.55);border-radius:999px;padding:6px 16px;text-decoration:none}
.cat-block-in a:hover{background:#fff;color:var(--wink)}
.pic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pic-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh);border:1px solid var(--line);transition:transform .22s,box-shadow .22s}
.pic-card:hover,.pic-card:focus-visible{transform:translateY(-6px);box-shadow:var(--sh2);color:var(--ink)}
.pic{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:var(--tint)}
.pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.pic-card:hover .pic img,.pic-tile:hover .pic img{transform:scale(1.05)}
.ck-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1B7A4C;font-weight:800;font-size:.8rem;border-radius:999px;padding:5px 12px 5px 6px;box-shadow:0 4px 12px rgba(31,42,55,.15)}
.ck-badge svg{width:20px;height:20px;background:#2BA36B;border-radius:50%;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;padding:3px}
.pic-body{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;background:linear-gradient(180deg,var(--tint),#fff)}
.pic-kicker{font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--wink)}
.pic-title{font-size:1.4rem;font-weight:800;letter-spacing:-.015em}
.pic-text{color:var(--muted);font-size:.97rem}
.pic-more{margin-top:6px;font-weight:750;color:var(--wink)}
.tile-sec{margin-top:40px;scroll-margin-top:90px}
.tile-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px}.tile-head p{margin:0;color:var(--muted)}
.tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.pic-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.pic-tile:hover,.pic-tile:focus-visible{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--ink)}
.pic-tile .ck-badge{top:8px;left:8px;font-size:.72rem;padding:3px 9px 3px 4px}.pic-tile .ck-badge svg{width:17px;height:17px}
.ck-badge.inline{position:static;vertical-align:middle;font-size:.72rem;padding:2px 9px 2px 3px;gap:5px;box-shadow:0 1px 4px rgba(31,42,55,.14);letter-spacing:0;text-transform:none;white-space:nowrap}.ck-badge.inline svg{width:16px;height:16px;padding:2px}
.ck-under{margin:-4px 0 12px}.ck-under.sm{margin:-2px 0 8px}.ck-pair{display:flex;flex-wrap:wrap;gap:6px 14px}.ck-who{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--ink)}.ck-badge.inline.sm{font-size:.66rem;padding:1px 7px 1px 2px;gap:4px;box-shadow:0 1px 3px rgba(31,42,55,.14)}.ck-badge.inline.sm svg{width:14px;height:14px;padding:2px}th .ck-badge.inline{margin-left:4px}.hero .ck-under{margin:-6px 0 14px}.hero .ck-under .ck-badge.inline{font-size:.85rem;padding:4px 12px 4px 4px;gap:6px}.hero .ck-under .ck-badge.inline svg{width:20px;height:20px;padding:3px}
.tile-name{font-weight:750;font-size:1rem;padding:12px 14px 2px;line-height:1.3;color:var(--blue)}
.pic-tile:hover .tile-name{text-decoration:underline}
.tile-status{font-size:.78rem;font-weight:700;padding:0 14px 12px;color:var(--soft)}
.tile-status.st-featured,.tile-status.st-live{color:#1B7A4C}
/* gentle fade/slide-in on scroll (only when JavaScript is on and motion is welcome) */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.ring2 .pop,.pop-card,.pic img,.pic-card,.pic-tile{transition:none;animation:none}}
@media(max-width:1180px){.ring2-layout{grid-template-columns:1fr}.ring2-wrap{max-width:640px;margin:0 auto;width:100%}.pop-zone{min-height:0}.tile-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.pic-grid{grid-template-columns:1fr}.pic-card{flex-direction:row}.pic-card .pic{width:42%;flex:none;aspect-ratio:auto}}
@media(max-width:700px){
 .ring2 .r2l{display:none}.ring2 .r2n{display:block}
 .pop-zone{display:none}.ring-tip2{display:block;text-align:center;color:var(--muted);margin-top:10px}
 .hero2{min-height:0;flex-direction:column;align-items:stretch}.hero2-img{position:static;height:220px}.hero2::after{display:none}
 .hero2-card{margin-top:-46px;padding:22px 22px;border-radius:22px}
 .pic-card{flex-direction:column}.pic-card .pic{width:auto;aspect-ratio:4/3}
 .tile-grid{grid-template-columns:1fr 1fr;gap:12px}}

/* ===== Magazine pass (v3): people scenes, benefit video, stories carousel, promise ===== */
.people-feat{margin:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--sh2);border:1px solid var(--line)}
.people-feat img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.people-feat figcaption{padding:18px 24px 20px;display:flex;flex-direction:column;gap:4px}
.pf-kicker{font-size:.78rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--green-d)}
.people-feat .pf-title{margin:0;font-size:1.6rem;line-height:1.15}
.pf-text{color:var(--muted);font-size:1.02rem;line-height:1.55}
.people-feat.r2-intro{margin-bottom:18px}
.people-feat.r2-intro img{aspect-ratio:2.15/1;object-position:50% 38%}
.people-feat.r2-intro .pf-title{font-size:2.1rem}
.people-band{margin:56px 0 8px}
.people-feat.pf-wide{display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch;background:linear-gradient(135deg,#E6F6F4,#F4FBFA);border-color:#CDEAE6}
.people-feat.pf-wide img{height:100%;aspect-ratio:auto;min-height:340px}
.people-feat.pf-wide figcaption{justify-content:center;padding:36px 40px;gap:10px}
.people-feat.pf-wide .pf-title{font-size:clamp(1.5rem,2.4vw,2rem)}
.people-feat.pf-wide .pf-kicker{color:#167A70}
/* benefit video */
.vid-band{background:linear-gradient(180deg,#fff,var(--sky))}
.vid-band-in{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:56px;align-items:center}
.vid-copy h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.vid-card{margin:0;background:#fff;border-radius:22px;padding:10px 10px 14px;box-shadow:var(--sh2);border:1px solid var(--line);justify-self:end;width:100%;max-width:500px}
.vid-frame{position:relative;border-radius:15px;overflow:hidden;background:var(--sky);aspect-ratio:16/9}
.vid-frame video{display:block;width:100%;height:100%;object-fit:cover}
.vid-btn,.st-ctrls button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.94);color:var(--ink);cursor:pointer;box-shadow:0 2px 8px rgba(31,79,122,.12);padding:0}
.vid-btn{position:absolute;left:12px;bottom:12px}
.vid-btn svg,.st-ctrls svg{width:18px;height:18px;fill:currentColor}
.st-ctrls .st-prev svg,.st-ctrls .st-next svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.vid-btn:hover,.st-ctrls button:hover{background:#fff;color:var(--blue)}
.vid-btn:focus-visible,.st-ctrls button:focus-visible,.st-car:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ic-play{display:none}.is-paused .ic-play{display:block}.is-paused .ic-pause{display:none}
.vid-card figcaption{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:.88rem;font-weight:700;color:var(--muted)}
.vc-step{padding:3px 12px;border-radius:999px;background:var(--gray)}.vc-ok{background:var(--green-l);color:var(--green-d)}.vc-arrow{color:#A9B6C4}
/* stories carousel */
.stories-sec{background:var(--warm)}
.st-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.st-head h2{margin-bottom:.2em}.st-note{margin:0;font-size:.9rem;color:var(--soft);font-style:italic}
.st-ctrls{display:flex;gap:10px;flex:none}
.st-car{overflow:hidden;border-radius:22px}
.st-track{list-style:none;margin:0;padding:4px 2px 14px;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.st-track::-webkit-scrollbar{display:none}
.st-slide{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start}
.st-slide a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.st-slide a:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.st-pic img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.st-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px}
.st-tag{align-self:flex-start;font-size:.74rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--green-d);background:var(--green-l);padding:2px 10px;border-radius:999px}
.st-line{font-size:1.22rem;font-weight:750;line-height:1.3}
.st-more{font-size:.92rem;font-weight:700;color:var(--blue);margin-top:auto}
/* promise */
.promise{background:linear-gradient(135deg,var(--green-l),#F3FBF6 60%,#fff);border:1px solid #CBEBD9;border-radius:24px;padding:34px 36px 30px;margin:0}
.promise-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.promise-head h2{margin:0}.promise-head .kicker{color:var(--green-d);margin-bottom:.2em}
.promise-seal,.pm-ic{flex:none;display:grid;place-items:center;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #fff,0 4px 14px rgba(43,163,107,.3)}
.promise-seal{width:54px;height:54px}.promise-seal svg,.pm-ic svg{width:60%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.promise-list{list-style:none;counter-reset:pr;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.promise-list li{counter-increment:pr;position:relative;background:#fff;border:1px solid #DDEFE5;border-radius:16px;padding:16px 18px 16px 58px;line-height:1.55}
.promise-list li::before{content:counter(pr);position:absolute;left:16px;top:15px;width:28px;height:28px;border-radius:50%;background:var(--green-l);color:var(--green-d);font-weight:800;display:grid;place-items:center;font-size:.9rem}
.promise-list strong{display:block;margin-bottom:2px}
.promise-mini{display:flex;gap:16px;align-items:flex-start;margin:40px 0 0;padding:18px 22px;background:var(--green-l);border:1px solid #CBEBD9;border-radius:16px}
.promise-mini p{margin:0;font-size:.98rem;line-height:1.6}.pm-ic{width:34px;height:34px;margin-top:2px;box-shadow:0 0 0 4px #fff}
@media (prefers-reduced-motion:reduce){.st-track{scroll-behavior:auto}.st-slide a{transition:none}}
@media(max-width:1180px){.people-feat.r2-intro{max-width:760px;margin:0 auto 18px}.st-slide{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:960px){.vid-band-in{grid-template-columns:1fr;gap:28px}.vid-card{justify-self:center}.people-feat.pf-wide{grid-template-columns:1fr}.people-feat.pf-wide img{min-height:0;aspect-ratio:16/9}.people-feat.pf-wide figcaption{padding:24px}.promise-list{grid-template-columns:1fr}}
@media(max-width:700px){.ring2-side{order:-1}.ring2-layout{gap:22px}.people-feat.r2-intro{display:block}.people-feat.r2-intro .pf-title{font-size:1.75rem}.people-feat figcaption{padding:16px 18px}.st-slide{flex-basis:84%}.st-head{flex-direction:column;align-items:flex-start}.promise{padding:24px 20px}.promise-mini{padding:16px}}
.promise .promise-list{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.promise .promise-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.promise .promise-list{grid-template-columns:1fr}}
.ring2-side.has-pop .people-feat.r2-intro img,.ring2-side.has-pop .people-feat.r2-intro .pf-text{display:none}
.ring2-side.has-pop .people-feat.r2-intro{box-shadow:none;background:transparent;border-color:transparent;margin-bottom:6px}
.ring2-side.has-pop .people-feat.r2-intro figcaption{padding:4px 0 0}

/* ===== Phone list + site search (Oct 22, 2026) ===== */
.m-only{display:none}
.m-wrap{margin:0 0 30px}
.m-head{font-size:1.45rem;margin:0 0 4px}
.m-hint{color:var(--muted);font-size:.95rem;margin:0 0 14px;line-height:1.5}
.m-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.m-list ul{list-style:none;margin:0;padding:0}
.ml-cat{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);overflow:hidden}
.ml-row{display:flex;align-items:center}
.ml-cat>.ml-row{background:var(--tint);min-height:66px}
.ml-link{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:10px 4px 10px 14px;min-height:56px;text-decoration:none;color:var(--ink);font-weight:750;font-size:1.07rem;line-height:1.25}
.ml-link:hover,.ml-link:focus-visible{color:var(--ink)}
.ml-link:hover .ml-name,.ml-link:focus-visible .ml-name{text-decoration:underline;text-decoration-color:var(--wink);text-underline-offset:4px}
.ml-ic .wicon{display:block;width:42px;height:42px;padding:9px;border-radius:13px;background:#fff;color:var(--wink);box-shadow:0 1px 2px rgba(31,42,55,.06)}
.ml-tog{flex:none;width:58px;height:58px;margin-right:4px;border:0;background:transparent;border-radius:16px;display:grid;place-items:center;cursor:pointer;color:var(--wink);-webkit-tap-highlight-color:transparent}
.ml-tog:focus-visible{outline:3px solid rgba(31,111,178,.35);outline-offset:-4px}
.ml-pm{position:relative;width:34px;height:34px;border-radius:50%;background:#fff;border:1.5px solid rgba(31,42,55,.10);box-shadow:0 1px 3px rgba(31,42,55,.08);transition:background .2s,transform .3s}
.ml-pm::before,.ml-pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;margin:-1.25px 0 0 -7px;border-radius:2px;background:currentColor;transition:transform .3s}
.ml-pm::after{transform:rotate(90deg)}
.open>.ml-row>.ml-tog .ml-pm{background:var(--band,#fff)}
.open>.ml-row>.ml-tog .ml-pm::after{transform:rotate(0deg)}
.ml-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility 0s linear .3s}
.open>.ml-panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .3s ease,visibility 0s}
.ml-in{overflow:hidden;min-height:0}
.ml-subs{padding:6px 8px 8px}
.ml-sub+.ml-sub{border-top:1px solid var(--line)}
.ml-sub .ml-link{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding-left:12px;font-weight:700;font-size:1rem}
.ml-count{font-size:.82rem;font-weight:550;color:var(--soft)}
.ml-sub .ml-tog{width:54px;height:54px}
.ml-sub .ml-pm{width:30px;height:30px}
.ml-sub.open>.ml-row{background:var(--sky);border-radius:14px}
.ml-topics{margin:4px 0 10px 16px!important;padding:2px 0 2px 10px!important;border-left:3px solid var(--band,var(--line2))}
.ml-topics a{display:flex;align-items:center;min-height:46px;padding:6px 10px;border-radius:10px;color:var(--blue);text-decoration:none;font-weight:600;font-size:.98rem;line-height:1.3}
.ml-topics a:hover,.ml-topics a:focus-visible{background:var(--sky);color:var(--blue-d)}
html:not(.js) .ml-panel{grid-template-rows:1fr;visibility:visible}
html:not(.js) .ml-tog{display:none}
@media(prefers-reduced-motion:reduce){.ml-panel,.open>.ml-panel,.ml-pm,.ml-pm::before,.ml-pm::after{transition:none}}
@media(max-width:767px){
 .m-only{display:block}
 .desk-only,.ring-layout,.ring2-wrap,.pop-zone,.mini-ring-link,.cat-grid{display:none!important}
 .has-page-search .bb .hdr-search{display:none}
 .ring2-layout{display:block}
 .cat-intro{margin-bottom:22px}
}
/* phone menu: the same list instead of the cramped grid */
.menu-browse{display:none}
@media(max-width:960px){
 html.js .main-nav .dd-panel>.dd-title,html.js .main-nav .dd-grid{display:none}
 html.js .main-nav .menu-browse{display:block}
 .main-nav .dd-panel{width:auto;max-width:100%}
 .menu-bar .main-nav.open{overflow-x:hidden}
 .menu-browse .dd-title{margin:2px 2px 12px}
 .menu-browse .ml-cat{box-shadow:none}
 .menu-browse .m-list{gap:8px}
 .menu-browse .ml-cat>.ml-row{min-height:58px}
 .menu-browse .ml-link{font-size:1rem}
 .menu-browse .ml-ic .wicon{width:36px;height:36px;padding:7px}
 .main-nav .dd-foot{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:14px 4px 4px}
 .main-nav .dd-foot a{padding:8px 4px}
}
/* search */
[data-search-box]{position:relative}
.search-wrap{max-width:600px}
.search-results{background:#fff;border:1px solid var(--line2);border-radius:18px;box-shadow:var(--sh2);padding:8px;text-align:left}
.hdr-search .search-results,.search-wrap .search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;max-height:min(70vh,540px);overflow:auto}
.hdr-search .search-results{min-width:min(430px,calc(100vw - 32px))}
.sr-count{margin:4px 10px 6px;font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.sr-list{list-style:none;margin:0;padding:0}
.sr-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"type name" ". path";column-gap:12px;row-gap:1px;align-items:center;padding:10px 12px;min-height:48px;border-radius:12px;text-decoration:none;color:var(--ink);line-height:1.3}
.sr-item:hover,.sr-item:focus-visible{background:var(--sky);color:var(--ink);outline:0}
.sr-item:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}
.sr-type{grid-area:type;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 9px;white-space:nowrap}
.sr-cat{background:var(--green-l);color:var(--green-d)}
.sr-sub{background:#fff;color:#134A78;border:1.5px solid #C9DFF2}
.sr-topic{background:var(--blue-l);color:#134A78}
.sr-name{grid-area:name;font-weight:700;font-size:1rem}
.sr-path{grid-area:path;font-size:.85rem;color:var(--soft)}
.sr-item mark{background:#D9F0E3;color:inherit;border-radius:3px;padding:0 1px}
.sr-none,.sr-more{margin:8px 10px;color:var(--muted);font-size:.95rem;line-height:1.5}
.sr-more{font-size:.85rem;margin-top:4px}
.page-search{max-width:760px;margin:0 auto 30px}
.ps-label{display:block;text-align:center;font-weight:750;font-size:1.2rem;margin-bottom:10px;color:var(--ink)}
.ps-field{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line2);border-radius:999px;padding:0 20px;height:58px;box-shadow:var(--sh2);transition:.15s}
.ps-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,111,178,.12),var(--sh2)}
.ps-field>svg{width:22px;height:22px;fill:none;stroke:var(--soft);stroke-width:2;stroke-linecap:round;flex:none}
.ps-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1.05rem;color:var(--ink)}
.page-search .search-results{margin-top:10px}
@media(max-width:767px){.page-search{margin-bottom:22px}.ps-label{text-align:left;font-size:1.08rem}.ps-field{height:52px;padding:0 16px}}
.also-in{margin:22px 0 0;color:var(--muted)}
.pic-icon{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 50% 45%,#fff 0,var(--tint) 70%);color:var(--wink)}
.pic-icon .wicon{width:34%;height:auto}

/* ==== Simple layout rollout (Oct 22, 2026): header, home, category pages, Explore ring ==== */
.sl-top{background:#fff;border-bottom:1px solid var(--line)}
.sl-top-in{display:flex;align-items:center;gap:28px;padding-top:14px;padding-bottom:14px}
.sl-logo{flex:none}.sl-logo img{display:block;width:250px;height:auto}
.sl-nav{display:flex;gap:26px;font-weight:600;font-size:.98rem;margin-left:auto}
.sl-nav a{color:var(--ink);text-decoration:none;white-space:nowrap}.sl-nav a:hover,.sl-nav a.active{color:var(--blue)}
.sl-top .sl-hsearch{position:relative;flex:0 1 320px;max-width:320px;height:46px;background:#fff}
.home .sl-top .sl-hsearch{display:none}
.blue{color:var(--blue);display:block}
.sl-hero{padding:56px 0 52px;background:linear-gradient(180deg,var(--sky),#fff)}
.sl-hero h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.sl-lead{margin:0 auto 28px}
.sl-search{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line2);border-radius:999px;padding:0 22px;height:56px;max-width:640px;box-shadow:var(--sh);text-align:left;margin:18px 0 0}
.sl-search.big{height:68px;margin:0 auto;border-color:#BFD3E6;font-size:1.15rem}
.sl-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 5px rgba(31,111,178,.13)}
.sl-search>svg{width:22px;height:22px;fill:none;stroke:var(--soft);stroke-width:2;stroke-linecap:round;flex:none}
.sl-search input{flex:1;border:0;outline:0;font:inherit;background:transparent;color:var(--ink);min-width:0}
.sl-search .search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;max-height:min(70vh,540px);overflow:auto;font-size:1rem}
.sl-sec{padding:52px 0}.sl-sec.alt{background:var(--warm)}.sl-sec.tight{padding:30px 0}
.sl-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sl-tile{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--tint);border-radius:16px;text-decoration:none;color:var(--ink);font-weight:650;min-height:72px;line-height:1.3;transition:box-shadow .15s,transform .15s}
.sl-tile:hover{box-shadow:var(--sh);transform:translateY(-1px);color:var(--ink)}
.sl-tiles.small{grid-template-columns:repeat(4,1fr);gap:10px}.sl-tile.small{min-height:0;padding:10px 14px;font-size:.95rem}.sl-tile.small .sl-ic{width:34px;height:34px}
.sl-ic{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}
.sl-ic svg{width:24px;height:24px;color:var(--cink,var(--blue))}
.sl-ic.big{width:58px;height:58px;border-radius:16px;box-shadow:var(--sh)}.sl-ic.big svg{width:32px;height:32px}
.sl-pop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sl-pop li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;flex-wrap:wrap}
.sl-pop a{flex:1 1 200px;text-decoration:none;color:var(--ink)}
.sl-pop a b{display:block;color:var(--blue);font-size:1.08rem}.sl-pop a span{color:var(--muted);font-size:.95rem}
.sl-pop small{color:var(--soft);font-size:.82rem}
.tag-soon,.tag-checked,.tag-feat,.tag-grow{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap;vertical-align:middle;line-height:1.6}
.tag-soon{color:#8A5A00;background:#FFF4D6}.tag-checked{color:var(--green-d);background:var(--green-l)}
.tag-feat{color:#1D63A0;background:var(--blue-l)}.tag-grow{color:#0D6965;background:#E5F5F4}
.sl-explore{margin:22px 0 0;font-weight:600}
.sl-cathero{padding:22px 0 34px;background:linear-gradient(180deg,var(--tint),#fff)}
.sl-cat-title{display:flex;align-items:center;gap:16px;margin-bottom:10px}.sl-cat-title h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}
.sl-legend{font-size:.88rem;color:var(--muted);padding-top:6px}
.sl-legend>span:first-child{font-weight:700;color:var(--ink)}
.sl-subh{font-size:1.45rem;margin:0 0 .2em}
.sl-subp{color:var(--muted);margin:0 0 16px}
.sl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sl-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:box-shadow .15s}
.sl-card:hover{box-shadow:var(--sh);border-color:var(--line2);color:var(--ink)}
.sl-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sl-card-top b{color:var(--blue);font-size:1.06rem;line-height:1.35}
.sl-card-d{display:block;color:var(--muted);font-size:.93rem;line-height:1.5;margin-top:4px}
.sl-card-p{display:block;color:var(--soft);font-size:.82rem;line-height:1.45;margin-top:8px}
/* Explore: ring + click-open panel */
.xp-sec{padding-top:18px}.xp-h1{font-size:clamp(1.9rem,3.6vw,2.6rem);margin-bottom:.2em}
.xp-sec .page-search{margin:6px 0 26px;max-width:640px}
.xp-layout{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:40px;align-items:start}
.ringx{width:100%;height:auto;display:block;font-family:"Noto Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.ringx a{cursor:pointer;outline:none}
.ringx .seg{fill:var(--f);transition:fill .15s}
.ringx a:hover .seg{fill:var(--h)}
.ringx a.on .seg{fill:var(--o);stroke:#fff;stroke-width:3}
.ringx a:focus-visible .seg{stroke:#1F2A37;stroke-width:4}
.ringx .rxl{font-size:27px;font-weight:800}
.ringx .rxhub{filter:drop-shadow(0 6px 16px rgba(31,79,122,.14))}
.ringx .rxc{font-size:38px;font-weight:800}.ringx .rxc2{font-size:22px;font-weight:600;fill:var(--soft)}
.xp-panel{background:linear-gradient(170deg,var(--tint,#F4F9FD) 0,#fff 60%);border:1px solid var(--line);border-radius:22px;padding:22px 26px;box-shadow:var(--sh)}
.xp-panel[hidden]{display:none}
.xp-head{display:flex;align-items:center;gap:14px}.xp-head h2{margin:0;font-size:1.7rem;flex:1}
.xp-close{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:#fff;font-size:1.5rem;line-height:1;color:var(--muted);cursor:pointer}
.xp-close:hover{color:var(--ink);border-color:var(--soft)}
.xp-blurb{margin:12px 0 18px;color:var(--muted)}.xp-blurb a{font-weight:600;white-space:nowrap}
.xp-subs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.xp-sub{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.xp-sub h3{font-size:1.05rem;margin:0 0 8px}.xp-sub h3 a{color:var(--ink);text-decoration:none}.xp-sub h3 a:hover{color:var(--blue);text-decoration:underline}
.xp-sub ul{list-style:none;margin:0;padding:0}.xp-sub li{margin:0;padding:4px 0;border-top:1px solid var(--gray);font-size:.94rem;line-height:1.4}.xp-sub li:first-child{border-top:0}
.xp-intro h2{font-size:1.6rem;margin-bottom:.3em}.xp-intro p{color:var(--muted)}
.xp-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.xp-chip{display:flex;align-items:center;gap:10px;background:var(--tint);border:0;border-radius:12px;padding:9px 12px;font:inherit;font-size:.95rem;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.xp-chip svg{width:22px;height:22px;flex:none;color:var(--cink)}
.xp-chip:hover{box-shadow:var(--sh)}
.xp-all{margin-top:26px;font-weight:600}
@media (max-width:1179px){.xp-layout{grid-template-columns:1fr}.xp-ring{max-width:520px;margin:0 auto;width:100%}}
@media (max-width:1100px){.sl-top-in{flex-wrap:wrap}.sl-top .sl-hsearch{flex:1 1 100%;max-width:none;order:3}}
@media (max-width:960px){.sl-tiles{grid-template-columns:repeat(3,1fr)}.sl-tiles.small{grid-template-columns:repeat(3,1fr)}.sl-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
 .wrap{padding:0 18px}
 .sl-top-in{flex-direction:column;align-items:stretch;gap:8px;padding-top:12px;padding-bottom:12px}
 .sl-logo{align-self:center}.sl-logo img{width:220px}
 .sl-nav{margin:0;justify-content:center;gap:20px;font-size:.92rem}
 .has-page-search .sl-top .sl-hsearch{display:none}
 .sl-hero{padding:30px 0 34px}.sl-search.big{height:60px;font-size:1.02rem}
 .sl-sec{padding:36px 0}
 .sl-tiles,.sl-tiles.small{grid-template-columns:repeat(2,1fr);gap:10px}
 .sl-tile{flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:.95rem;min-height:0}
 .sl-tile.small{flex-direction:row;align-items:center;font-size:.88rem}
 .sl-pop,.sl-cards{grid-template-columns:1fr}
 .sl-pop li{display:grid;grid-template-columns:1fr auto;row-gap:2px}.sl-pop a{grid-column:1/-1}.sl-pop small{grid-column:1}
 .xp-layout,.xp-all{display:none!important}
}
.xp-sec .ps-label{text-align:left}
.xp-sec .page-search{margin-left:0}
body:has(.sl-cathero) .sl-top .sl-hsearch{display:none}
.fb-form{margin-top:16px;max-width:760px}
.fb-form .hp{display:none!important}
.fb-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.fb-form select{appearance:auto}
@media (max-width:767px){.fb-grid{grid-template-columns:1fr}.fb-form{padding:20px}}
/* Program boxes on topic pages (built from the program sheet) */
.prog-list{list-style:none;margin:10px 0 0;padding:0}
.prog-list li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--gray);line-height:1.45}
.prog-list li:first-child{border-top:0}
.prog-list li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--card-line,#cfd8e3);margin-top:.6em}
.prog-d{color:var(--muted)}
.prog-soon{margin:24px 0 0;color:var(--muted)}
/* ==== Sticky shrinking header (Oct 22, 2026) ==== */
[id],.xp-side,h2,h3{scroll-margin-top:var(--hdr-c,96px)}
.sl-top-hold{position:relative;z-index:90}
.sl-top{width:100%;z-index:90;transition:box-shadow .2s}
.sl-logo img{transition:width .22s ease}
.sl-top-in{transition:padding .22s ease}
.sl-top.compact{position:fixed;top:0;left:0;right:0;box-shadow:0 4px 18px rgba(31,79,122,.10);animation:slDrop .22s ease}
@keyframes slDrop{from{transform:translateY(-12px);opacity:.6}to{transform:none;opacity:1}}
.sl-top.compact .sl-top-in{padding-top:6px;padding-bottom:6px}
.sl-top.compact .sl-logo img{width:150px}
.sl-top.compact .sl-hsearch{height:40px}
@media (min-width:768px){.sl-top.compact .sl-hsearch{display:flex!important}}
.sl-ibtn{display:none;flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:#fff;color:var(--ink);cursor:pointer;place-items:center;padding:0}
.sl-ibtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sl-ibtn[aria-expanded="true"]{background:var(--sky);border-color:var(--blue);color:var(--blue)}
@media (max-width:1100px){.sl-top.compact .sl-top-in{flex-wrap:nowrap}.sl-top.compact .sl-hsearch{order:0;flex:1 1 220px}}
@media (max-width:767px){
 .sl-top.compact .sl-top-in{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;padding-top:6px;padding-bottom:6px}
 .sl-top.compact .sl-logo{align-self:center;margin-right:auto}
 .sl-top.compact .sl-logo img{width:118px}
 .sl-top.compact .sl-ibtn{display:grid}
 .sl-top.compact .sl-nav,.sl-top.compact .sl-hsearch{display:none!important}
 .sl-top.compact.open-nav .sl-nav{display:flex!important;flex:1 1 100%;flex-direction:column;gap:0;margin:2px 0 4px;border-top:1px solid var(--line)}
 .sl-top.compact.open-nav .sl-nav a{padding:12px 4px;border-bottom:1px solid var(--gray);font-size:1rem}
 .sl-top.compact.open-search .sl-hsearch{display:flex!important;flex:1 1 100%;order:5;max-width:none}
}
@media (prefers-reduced-motion:reduce){.sl-top,.sl-logo img,.sl-top-in{transition:none!important}.sl-top.compact{animation:none!important}}
/* ==== Category tiles that open their subcategories (Oct 22, 2026) ==== */
.sl-subh+.sl-xtiles{margin-top:12px}
.sl-xtiles{--tg:14px;gap:var(--tg)}
.sl-xtiles .sl-tile{position:relative}
.sl-xtiles .sl-tile[aria-expanded="true"]{box-shadow:0 0 0 2px var(--cink,#1f4f7a) inset,var(--sh);transform:none}
.sl-tp{grid-column:1/-1;display:none;height:0;overflow:hidden;margin:calc(-1 * var(--tg)) -10px 0;padding:0 10px;
  transition:height .22s cubic-bezier(.25,.8,.3,1),margin-top .22s cubic-bezier(.25,.8,.3,1),opacity .2s ease;opacity:0}
.sl-tp.on{opacity:1;margin-top:-4px}
.sl-tp-card{position:relative;margin:10px 0 18px;background:#fff;border:1px solid var(--line2);border-radius:16px;
  box-shadow:0 12px 28px rgba(31,79,122,.10),0 2px 6px rgba(31,79,122,.05);padding:16px 20px 18px}
.sl-tp-card::before{content:"";position:absolute;top:-8px;left:var(--nx,40px);width:14px;height:14px;margin-left:-7px;background:#fff;
  border-left:1px solid var(--line2);border-top:1px solid var(--line2);transform:rotate(45deg);border-radius:3px 0 0 0;transition:left .2s cubic-bezier(.25,.8,.3,1)}
.sl-tp-body{transition:opacity .16s ease}
.sl-tp-body.swap{opacity:.25;transition:none}
.sl-tp-all{display:inline-block;font-weight:700;color:var(--cink,var(--blue));text-decoration:none;margin:0 0 10px;font-size:1.02rem}
.sl-tp-all:hover{text-decoration:underline}
.sl-tp-subs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sl-tp-subs a{display:block;height:100%;padding:10px 12px;border-radius:12px;background:var(--tint,#f3f7fb);text-decoration:none;color:var(--ink);line-height:1.35}
.sl-tp-subs a:hover,.sl-tp-subs a:focus-visible{box-shadow:0 0 0 2px var(--cink,#1f4f7a) inset}
.sl-tp-subs b{display:block;color:var(--cink,var(--ink));font-size:.98rem}
.sl-tp-subs span{display:block;font-size:.86rem;color:var(--muted,#5b6b7b);margin-top:2px}
@media (max-width:767px){
 .sl-xtiles{--tg:10px}
 .sl-tp-card{padding:14px 14px 16px}
 .sl-tp-subs{grid-template-columns:1fr;gap:8px}
 .sl-tp-subs a{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){.sl-tp,.sl-tp-card::before,.sl-tp-body{transition:none!important}}
/* ==== Quiet "column" tile drop-down (TILE_STYLE="column", Oct 22, 2026 v2) ==== */
.sl-xcol{row-gap:0}
.sl-xcol .sl-tcell{display:flex;flex-direction:column;min-width:0;margin-bottom:var(--tg)}
@supports (grid-template-rows:subgrid){.sl-xcol .sl-tcell{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}}
.sl-xcol .sl-tile[aria-expanded="true"]{box-shadow:0 0 0 1px color-mix(in srgb,var(--cink) 22%,transparent) inset;transform:none}
.sl-tcol{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;
  transition:grid-template-rows .18s ease,opacity .16s ease,visibility 0s linear .18s}
.sl-tcell.open .sl-tcol{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .18s ease,opacity .16s ease,visibility 0s}
.sl-tcol-in{min-height:0;overflow:hidden}
.sl-tcol ul{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column;gap:5px}
.sl-tcol li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:10px;
  background:color-mix(in srgb,var(--tint) 45%,#fff);border:1px solid color-mix(in srgb,var(--tint) 80%,#fff);
  color:var(--cink,var(--ink));font-weight:600;font-size:.92rem;line-height:1.3;text-decoration:none}
.sl-tcol li a:hover,.sl-tcol li a:focus-visible{background:var(--tint);border-color:color-mix(in srgb,var(--cink) 30%,transparent)}
.sl-tcol li small{flex:none;font-size:.78rem;font-weight:600;color:color-mix(in srgb,var(--cink) 70%,#fff);
  background:#fff;border-radius:999px;padding:1px 8px}
.sl-tcol-all{display:inline-block;margin:6px 4px 2px;font-size:.85rem;font-weight:600;color:var(--cink,var(--blue));text-decoration:none}
.sl-tcol-all:hover{text-decoration:underline}
@media (max-width:767px){.sl-tcol li a{padding:8px 10px;font-size:.88rem}}
@media (prefers-reduced-motion:reduce){.sl-tcol,.sl-tcell.open .sl-tcol{transition:none!important}}
/* ==== Topic count in the corner of the 12 big tiles (SHOW_TILE_COUNTS in _build/home.py) ==== */
.sl-xtiles .sl-tile:has(.sl-tcount){padding-bottom:24px}
.sl-tcount{position:absolute;right:14px;bottom:8px;font-size:.74rem;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;
  color:color-mix(in srgb,var(--cink,#4b5b6b) 92%,#000);pointer-events:none}
@media (max-width:767px){.sl-xtiles .sl-tile:has(.sl-tcount){padding-bottom:24px}.sl-tcount{right:11px;bottom:8px;font-size:.7rem}}
/* ==== All Topics page: Tiles | Ring switch (Oct 22, 2026) ==== */
.tv-switch{display:inline-flex;margin-top:14px;padding:3px;border:1px solid var(--line2);border-radius:999px;background:#fff;gap:2px}
.tv-switch button{appearance:none;border:0;background:transparent;font:inherit;font-size:.9rem;font-weight:650;color:var(--muted,#5b6b7b);
  padding:6px 16px;border-radius:999px;cursor:pointer;line-height:1.2}
.tv-switch button[aria-pressed="true"]{background:var(--blue);color:#fff}
.tv-switch button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tv-sec{padding-top:28px;padding-bottom:8px}
[data-tv-view="ring"]{display:none}
.tv-ring [data-tv-view="ring"]{display:block}
.tv-ring [data-tv-view="tiles"]{display:none}
.tv-all{margin-top:8px}
[data-ring-click] .ring a.rcat{cursor:pointer}
[data-ring-click] .ring a.rsub.in .seg{fill:color-mix(in srgb,var(--f) 70%,var(--h))}
.ring-intro h2{font-size:1.2rem;margin:0 0 .3em}.ring-intro{border-left-color:var(--line2)}
@media (max-width:767px){
 .tv-switch{display:none}
 .tv-ring [data-tv-view="ring"],[data-tv-view="ring"]{display:none!important}
 .tv-ring [data-tv-view="tiles"]{display:block!important}
}
/* ==== Topic card depth (Oct 22, 2026): category-page topic cards, popular list, program boxes ==== */
:root{--card-sh:0 1px 2px rgba(31,42,55,.05),0 4px 12px rgba(31,79,122,.06);--card-sh-h:0 2px 4px rgba(31,42,55,.06),0 10px 22px rgba(31,79,122,.10);--card-line:#E1E8F0}
.sl-sec:has(.sl-cards){background:#F8FAFC}
.sl-card,.sl-pop li{border:1px solid var(--card-line);box-shadow:var(--card-sh);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.sl-card:hover,.sl-card:focus-visible,.sl-pop li:hover,.sl-pop li:focus-within{transform:translateY(-2px);box-shadow:var(--card-sh-h);border-color:var(--line2)}
.prog-box{border:1px solid var(--card-line);box-shadow:var(--card-sh)}
@media (prefers-reduced-motion:reduce){.sl-card,.sl-pop li{transition:none}.sl-card:hover,.sl-card:focus-visible,.sl-pop li:hover,.sl-pop li:focus-within{transform:none}}
/* Explore "Pick a category" chips: same subtle count as the category tiles */
.xp-chip:has(.sl-tcount){position:relative;padding-bottom:24px;align-items:flex-start}
.xp-chip .sl-tcount{right:12px;bottom:6px;font-weight:600}
/* ==== One consistent header (Oct 22, 2026) ====
   Every page, both states: logo left; nav links then search on the right (desktop),
   or search button then menu button on the right (phone). Scrolling only shrinks sizes and padding.
   The header search is the one search box on desktop; the in-page duplicates (home hero, category hero) show on phones only. */
.sl-top .sl-top-in{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:26px}
.sl-top .sl-logo{margin-right:auto;align-self:center}
.sl-top .sl-nav{display:flex;margin:0;justify-content:flex-end;flex-direction:row}
.sl-top .sl-hsearch,.home .sl-top .sl-hsearch,.has-page-search .sl-top .sl-hsearch,body:has(.sl-cathero) .sl-top .sl-hsearch{display:flex;order:0;flex:none;width:var(--hs-w,320px);max-width:none;min-width:0;height:46px;transition:height .22s ease}
.sl-top .sl-ibtn{display:none}
.sl-top.compact{animation:none}
.sl-top.compact .sl-top-in{flex-wrap:nowrap}
.sl-top.compact .sl-hsearch{height:40px;order:0;flex:none}
.home .sl-hero .sl-search.big,.sl-cathero .sl-search{display:none}
.home .sl-hero{padding:52px 0 34px}.home .sl-hero .sl-lead{margin-bottom:0}
.home #categories{padding-top:22px}
@media (max-width:1100px){
 .sl-top .sl-top-in{gap:18px}.sl-top .sl-logo img{width:190px}.sl-top.compact .sl-logo img{width:140px}
 .sl-top .sl-nav{gap:18px;font-size:.93rem}
 .sl-top{--hs-w:250px}
}
.sl-top .sl-nav a{flex:none}
@media (max-width:900px) and (min-width:768px){.sl-top{--hs-w:196px}.sl-top .sl-logo img{width:160px}.sl-top .sl-nav{gap:14px;font-size:.9rem}.sl-top .sl-top-in{gap:14px}}
@media (max-width:767px){
 .sl-top .sl-top-in,.sl-top.compact .sl-top-in{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;padding-bottom:10px}
 .sl-top.compact .sl-top-in{padding-top:6px;padding-bottom:6px}
 .sl-top .sl-logo img{width:140px}.sl-top.compact .sl-logo img{width:118px}
 .sl-top .sl-ibtn,.sl-top.compact .sl-ibtn{display:grid}
 .sl-top .sl-nav,.sl-top .sl-hsearch,.home .sl-top .sl-hsearch,.has-page-search .sl-top .sl-hsearch,body:has(.sl-cathero) .sl-top .sl-hsearch{display:none!important}
 .sl-top.open-nav .sl-nav{display:flex!important;flex:1 1 100%;flex-direction:column;gap:0;margin:2px 0 4px;border-top:1px solid var(--line)}
 .sl-top.open-nav .sl-nav a{padding:12px 4px;border-bottom:1px solid var(--gray);font-size:1rem}
 .sl-top.open-search .sl-hsearch{display:flex!important;flex:1 1 100%;order:5;max-width:none;height:44px}
 .home .sl-hero .sl-search.big,.sl-cathero .sl-search{display:flex}
 .home .sl-hero{padding:30px 0 26px}.home .sl-hero .sl-lead{margin-bottom:22px}
 .home #categories{padding-top:16px}
}
@media (prefers-reduced-motion:reduce){.sl-top .sl-hsearch{transition:none}}
/* Contact form (real, FormSubmit) */
.ct-form .hp{display:none!important}
.ct-form select{appearance:auto}
.ct-form>label:first-of-type,.fb-form .fb-grid>div:first-child>label{margin-top:0}
/* ==== Text pages: one compact, still airy rhythm (How We Check, About Us, For Businesses, Contact, Disclosure, legal) ==== */
.tp .hero{padding:48px 0 40px}
.tp .sec{padding:48px 0}
.tp .sec+.sec{padding-top:8px}
.tp .prose h2{margin-top:1.3em}
.tp .prose>h2:first-child,.tp .prose>.banner:first-child+h2,.tp .two h2:first-child{margin-top:0}
.tp .promise{margin:0}
@media (max-width:767px){.tp .hero{padding:32px 0 28px}.tp .sec{padding:32px 0}.tp .sec+.sec{padding-top:4px}}
/* Page intros: wider on desktop, and no one- or two-word last lines */
.hero .lead{max-width:860px}
.lead,.sl-lead{text-wrap:balance}
/* ==== Categories page: Tiles | Ring switch beside "Browse by category" ==== */
.tv-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.tv-head .sl-subh{margin:0}.tv-head .tv-switch{margin-top:0}
.cats-sec .tv-view[data-tv-view="tiles"] .sl-xtiles{margin-top:12px}
.cats-sec .tv-view[data-tv-view="ring"]{padding-top:18px}
/* ==== Topics page: cards with the same soft depth and hover hop; Jump to buttons in each category's color ==== */
.tv-all{margin-top:0}
.tix-sub{border:1px solid color-mix(in srgb,var(--wink,#1F6FB2) 14%,#fff);box-shadow:var(--card-sh);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.tix-sub:hover,.tix-sub:focus-within{transform:translateY(-2px);box-shadow:var(--card-sh-h);border-color:color-mix(in srgb,var(--wink,#1F6FB2) 26%,#fff)}
.jump a[style]{background:var(--tint);color:var(--cink);border-color:color-mix(in srgb,var(--cink) 18%,#fff);transition:background-color .15s,border-color .15s}
.jump a[style]:hover,.jump a[style]:focus-visible{background:color-mix(in srgb,var(--tint) 88%,var(--cink));border-color:color-mix(in srgb,var(--cink) 45%,#fff);color:var(--cink)}
@media (prefers-reduced-motion:reduce){.tix-sub{transition:none}.tix-sub:hover,.tix-sub:focus-within{transform:none}}

/* ===== Topic pages: same depth as category cards (Oct 22, 2026) ===== */
.tpc main>.sec{background:linear-gradient(180deg,#fff 0,#FAFBFD 140px,#F8FAFC 100%)}
.tpc .step,.tpc .menu-col,.tpc .aff-box,.tpc .promise-mini{border:1px solid var(--card-line);box-shadow:var(--card-sh)}
.tpc .promise-mini{border-color:color-mix(in srgb,#CBEBD9 70%,var(--card-line))}
.tpc .menu3{gap:20px}
.tpc .banner{box-shadow:0 1px 2px rgba(31,42,55,.04)}
.tpc .menu-col,.tpc .step{transition:box-shadow .18s ease,border-color .18s ease}
/* clickable cards lift */
.tpc .menu-col li a,.tpc .word-links a{position:relative}
.tpc .word-links{gap:10px}
.tpc .word-links a{display:inline-block;background:#fff;border:1px solid var(--card-line);border-radius:999px;padding:6px 14px;box-shadow:var(--card-sh);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.tpc .word-links a:hover,.tpc .word-links a:focus-visible{transform:translateY(-2px);box-shadow:var(--card-sh-h);border-color:var(--line2);text-decoration:none}
.tpc .btn-row .sub-btn,.tpc .btn-row .cat-btn{box-shadow:var(--card-sh);transition:box-shadow .18s ease,transform .18s ease}
.tpc .btn-row .sub-btn:hover,.tpc .btn-row .cat-btn:hover,.tpc .btn-row .sub-btn:focus-visible,.tpc .btn-row .cat-btn:focus-visible{transform:translateY(-2px);box-shadow:var(--card-sh-h)}
.tpc .menu-col:has(a):hover,.tpc .step:has(> p > a):hover{box-shadow:var(--card-sh-h);border-color:var(--line2)}
@media (prefers-reduced-motion:reduce){.tpc .word-links a,.tpc .btn-row .sub-btn,.tpc .btn-row .cat-btn,.tpc .menu-col,.tpc .step{transition:none}
 .tpc .word-links a:hover,.tpc .word-links a:focus-visible,.tpc .btn-row .sub-btn:hover,.tpc .btn-row .cat-btn:hover,.tpc .btn-row .sub-btn:focus-visible,.tpc .btn-row .cat-btn:focus-visible{transform:none}}

/* For Businesses: category tiles are display-only (not links), with card depth and a small hop */
.sl-tile.static{cursor:default;border:1px solid color-mix(in srgb,var(--cink) 14%,#fff);box-shadow:var(--card-sh);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
@media (hover:hover){.sl-tile.static:hover{transform:translateY(-2px);box-shadow:var(--card-sh-h);border-color:color-mix(in srgb,var(--cink) 26%,#fff)}}
@media (prefers-reduced-motion:reduce){.sl-tile.static{transition:none}.sl-tile.static:hover{transform:none}}

/* ===== Review components (Oct 22, 2026). Each renders only when it has real data. ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rv-byline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 22px;font-size:.86rem;color:var(--muted)}
.rv-byline span:first-child{font-weight:600;color:#3B4A5A}.rv-dot{opacity:.6}
.rv-box{background:#fff;border:1px solid var(--card-line);border-radius:var(--r);box-shadow:var(--card-sh);padding:24px 26px;margin:24px 0}
.rv-box h3{margin:0 0 10px}
.rv-list{margin:0;padding-left:1.1em}.rv-list li{margin:4px 0;color:#3B4A5A}
.rv-src-h{margin:14px 0 4px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rv-src{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.92rem}
.rv-pick-list{list-style:none;margin:0;padding:0;counter-reset:pk}
.rv-pick{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--gray)}
.rv-pick:first-child{border-top:0}.rv-pick div{display:flex;flex-direction:column;gap:2px}.rv-pick span{color:var(--muted)}
.rv-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 16px;border-radius:999px;background:var(--blue-l);color:#1D63A0;border:1px solid #C9DFF2;font-weight:650;font-size:.92rem;text-decoration:none;transition:background .15s,box-shadow .15s}
.rv-btn:hover,.rv-btn:focus-visible{background:#DCEBF8;box-shadow:var(--card-sh)}
.rv-disc{margin:12px 0 0}
.rv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.rv-table{width:100%;border-collapse:collapse;font-size:.95rem}
.rv-table th,.rv-table td{text-align:left;padding:11px 12px;border-top:1px solid var(--gray);vertical-align:middle}
.rv-table thead th{border-top:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.rv-td-btn{text-align:right}
.rv-signup p{color:var(--muted);margin:0 0 12px}.rv-signup-row{display:flex;gap:10px}.rv-signup-row input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--line2);border-radius:12px;font:inherit}
@media (max-width:640px){
 .rv-box{padding:20px}
 .rv-pick{flex-direction:column;align-items:flex-start}
 .rv-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .rv-table,.rv-table tbody,.rv-table tr,.rv-table th,.rv-table td{display:block;width:100%}
 .rv-table tr{border:1px solid var(--card-line);border-radius:14px;padding:6px 14px;margin:0 0 12px;box-shadow:var(--card-sh)}
 .rv-table th[scope=row]{border-top:0;font-size:1.02rem;padding:10px 0 6px}
 .rv-table td{display:flex;justify-content:space-between;gap:12px;padding:8px 0}
 .rv-table td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:.86rem}
 .rv-td-btn{text-align:left}.rv-signup-row{flex-direction:column}
}
.rv-signup .hp{display:none!important}
.rv-signup{max-width:640px;padding:20px 22px;margin:36px 0 0}.rv-signup h3{font-size:1.05rem;margin:0 0 4px}.rv-signup p{font-size:.94rem}
.rv-signup .btn{padding:10px 18px}

/* ===== Light-blue header (Oct 22, 2026): same tint at full and shrunk sizes; search box stays white ===== */
.sl-top,.sl-top.compact{background:#EAF4FC;border-bottom:1px solid #D2E4F4}
.sl-top.compact{box-shadow:0 2px 12px rgba(31,79,122,.08)}
.sl-top .sl-hsearch,.sl-top .sl-hsearch input{background:#fff}
.sl-top .sl-hsearch{border-color:#CFE0F0}
.sl-top .sl-ibtn{background:#fff;border-color:#CFE0F0}
.sl-nav a.active,.sl-nav a:hover{color:#1A5E98}

/* "More in <Subcategory>" heading: subcategory name is an underlined link; clear gap above it (after Quick verdict / program box) */
h2.more-in,.prose h2.more-in{margin-top:96px}
.more-in a{color:var(--blue);text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:2px}
.more-in a:hover,.more-in a:focus-visible{color:var(--blue-d)}
@media (max-width:767px){h2.more-in,.prose h2.more-in{margin-top:72px}}
/* ===== The Vetteroo Monthly: footer newsletter signup (Oct 23, 2026) ===== */
.fgrid{grid-template-columns:1.6fr 1fr 1fr 2.2fr}
.fright{display:flex;flex-direction:column;gap:26px;min-width:0}
.fpair{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.site-footer .fpair>div>a{display:block;color:var(--muted);text-decoration:none;padding:3px 0}
.news-signup{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 1px 2px rgba(31,42,55,.04)}
.news-signup .ns-h{font-weight:700;color:var(--ink);font-size:1rem;margin:0 0 4px}
.news-signup .ns-txt{margin:0 0 12px;font-size:.9rem;line-height:1.5}
.news-signup .ns-row{display:flex;gap:8px}
.news-signup .ns-row input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line2);border-radius:10px;font:inherit;font-size:.92rem;background:#fff}
.news-signup .ns-row .btn{padding:9px 16px;font-size:.9rem;white-space:nowrap}
.news-signup .ns-check{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:.86rem;line-height:1.4;cursor:pointer}
.news-signup .ns-check input{margin-top:3px;flex:none}
.news-signup .ns-fine{margin:10px 0 0;font-size:.8rem;color:var(--soft)}
.news-signup .ns-fine a{color:var(--muted)}
.news-signup .hp{display:none!important}
.news-signup .ns-msg{margin:10px 0 0;font-size:.9rem;line-height:1.45;font-weight:600}
.news-signup .ns-msg.ok{color:#1B7A4C}
.news-signup .ns-msg.err{color:#B42318}
.news-signup .ns-row .btn:disabled{opacity:.7;cursor:progress}
@media(max-width:1180px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}.fright{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:34px;align-items:start}}
@media(max-width:760px){.fright{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.fgrid{grid-template-columns:1fr 1fr}.news-signup .ns-row{flex-direction:column}.news-signup .ns-row .btn{width:100%}}
/* Oct 26, 2026 restructure: topic-page sections and company lists */
.tp-h{margin:28px 0 10px;font-size:1.15rem}
.co-cols{columns:2 300px;column-gap:32px}.co-cols li{break-inside:avoid}
.co-more{margin-top:6px}
/* Oct 26, 2026: two-tier marks. .vm-rev = green check (Reviewed by Vetteroo); .vm-pick = green check in a blue badge (Vetteroo Our Pick). Icon only. */
.vm{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:-.12em;flex:none;line-height:1;cursor:help}
.vm svg{fill:none;stroke:#1B7A4C;stroke-linecap:round;stroke-linejoin:round}
.vm-rev{width:1.05em;height:1.05em;min-width:15px;min-height:15px}.vm-rev svg{width:100%;height:100%;stroke-width:3.4}
.vm-pick{width:1.4em;height:1.4em;min-width:21px;min-height:21px;border-radius:50%;background:#EAF4FC;border:2px solid #1F6FB2;box-shadow:0 1px 3px rgba(31,111,178,.25);box-sizing:border-box}.vm-pick svg{width:72%;height:72%;stroke-width:3.6}
h1 .vm.vm-lg{vertical-align:-.04em}h1 .vm-rev.vm-lg{width:.7em;height:.7em}h1 .vm-pick.vm-lg{width:.85em;height:.85em;border-width:3px}
th .vm,li .vm,.sr-name .vm{font-size:.95rem}
.vm[data-tip]:hover::after,.vm[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1F2A37;color:#fff;font:600 12px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;padding:5px 8px;border-radius:6px;z-index:30;pointer-events:none}
.vm-legend{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:.88rem;color:var(--muted);margin:6px 0 14px}.vm-legend>span{display:inline-flex;align-items:center;gap:6px}.vm-legend a{margin-left:4px}
.ck-count{gap:0;padding:5px 11px}