/* Envejecer en Bolivia — estilos del sitio */
/* Layout: cabecera institucional fija + vistas por sección (hash) en columna de 1200px; tarjetas solo para piezas de dato. */
:root{
  --bg:#F4F6F5; --surface:#FFFFFF; --surface-2:#EDF1F0; --ink:#13232A; --ink-2:#3F5258; --muted:#66787D; --line:#D9E0DF; --line-2:#C5CFCE;
  --primary:#0E4D5C; --primary-2:#1B6A7D; --primary-soft:#E0ECEE; --accent:#A8611C; --accent-2:#C47A2E; --accent-soft:#F4E7D7;
  --good:#2E7D4F; --warn:#B7791F;
  --seq-1:#E2EEF0; --seq-2:#BBD8DE; --seq-3:#8CBDC9; --seq-4:#5A9DAF; --seq-5:#2F7B90; --seq-6:#145B6F; --seq-7:#093D4C;
  --ipt-1:#F6ECDF; --ipt-2:#EDD3B2; --ipt-3:#E0B282; --ipt-4:#CC8E50; --ipt-5:#AE6823; --ipt-6:#854B12; --ipt-7:#5A310A;
  --male:#1B6A7D; --male-soft:#9CC6D0; --female:#B5691F; --female-soft:#E7C49C; --nodata:#E6EAEA;
  --f-display:"Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --f-body:"IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --r:6px; --shadow:0 1px 2px rgba(19,35,42,.06),0 2px 8px rgba(19,35,42,.04);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0E1618; --surface:#152024; --surface-2:#1B282C; --ink:#E7EEEE; --ink-2:#B9C6C8; --muted:#8C9DA0; --line:#26363B; --line-2:#33464B;
  --primary:#62B4C6; --primary-2:#86C7D5; --primary-soft:#173138; --accent:#E39A52; --accent-2:#EBB079; --accent-soft:#3A2A1A;
  --good:#5DBB84; --warn:#E0A84A;
  --seq-1:#1A2E33; --seq-2:#1C4652; --seq-3:#1F6072; --seq-4:#2A7C91; --seq-5:#3F99AE; --seq-6:#6BB8C8; --seq-7:#A6D8E2;
  --ipt-1:#2E241A; --ipt-2:#4A3218; --ipt-3:#6A4519; --ipt-4:#8E5E20; --ipt-5:#B57B34; --ipt-6:#D79C59; --ipt-7:#F1C690;
  --male:#4FA5B8; --male-soft:#2A5A66; --female:#D98E45; --female-soft:#6B4A2A; --nodata:#22302F;
  --shadow:0 1px 2px rgba(0,0,0,.3); color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#0E1618; --surface:#152024; --surface-2:#1B282C; --ink:#E7EEEE; --ink-2:#B9C6C8; --muted:#8C9DA0; --line:#26363B; --line-2:#33464B;
  --primary:#62B4C6; --primary-2:#86C7D5; --primary-soft:#173138; --accent:#E39A52; --accent-2:#EBB079; --accent-soft:#3A2A1A;
  --good:#5DBB84; --warn:#E0A84A;
  --seq-1:#1A2E33; --seq-2:#1C4652; --seq-3:#1F6072; --seq-4:#2A7C91; --seq-5:#3F99AE; --seq-6:#6BB8C8; --seq-7:#A6D8E2;
  --ipt-1:#2E241A; --ipt-2:#4A3218; --ipt-3:#6A4519; --ipt-4:#8E5E20; --ipt-5:#B57B34; --ipt-6:#D79C59; --ipt-7:#F1C690;
  --male:#4FA5B8; --male-soft:#2A5A66; --female:#D98E45; --female-soft:#6B4A2A; --nodata:#22302F;
  --shadow:0 1px 2px rgba(0,0,0,.3); color-scheme:dark }

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} *{transition:none!important;animation:none!important} }
body{background:var(--bg); color:var(--ink); font-family:var(--f-body); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased}
body::before{content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:30; background:var(--surface)}
a{color:var(--primary)} a:hover{color:var(--primary-2)}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:3px}
.wrap{max-width:1200px; margin:0 auto; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px))}
.num,.tabnum{font-variant-numeric:tabular-nums}

/* ---------- cabecera ---------- */
.site-head{position:sticky; top:env(safe-area-inset-top,0px); z-index:20; background:var(--surface); border-bottom:1px solid var(--line)}
.head-row{display:flex; align-items:center; gap:16px; padding-block:12px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); min-width:0}
.brand svg{flex:none}
.brand-name{font-family:var(--f-display); font-weight:700; font-size:1.18rem; letter-spacing:-.01em; line-height:1.1}
.brand-sub{font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:500}
.head-cta{margin-left:auto; display:flex; gap:8px; align-items:center}
.btn{display:inline-flex; align-items:center; gap:8px; font:600 .88rem/1 var(--f-body); padding:10px 14px; border-radius:var(--r); border:1px solid var(--primary); background:var(--primary); color:var(--surface); text-decoration:none; cursor:pointer; white-space:nowrap}
.btn:hover{background:var(--primary-2); border-color:var(--primary-2); color:var(--surface)}
.btn.ghost{background:transparent; color:var(--primary)} .btn.ghost:hover{background:var(--primary-soft); color:var(--primary)}
.btn.accent{background:var(--accent); border-color:var(--accent)} .btn.accent:hover{background:var(--accent-2); border-color:var(--accent-2)}
.btn.sm{padding:7px 10px; font-size:.8rem}
.nav{display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; margin-inline:-4px}
.nav::-webkit-scrollbar{display:none}
.nav a{flex:none; padding:10px 7px 12px; font-size:.85rem; font-weight:500; color:var(--ink-2); text-decoration:none; border-bottom:2px solid transparent; white-space:nowrap}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--primary); border-bottom-color:var(--accent); font-weight:600}
@media (max-width:640px){ .head-cta .btn.ghost{display:none} .brand-sub{display:none} }

/* ---------- vistas ---------- */
main{padding-block:28px 56px}
.view{display:block}
.eyebrow{font-size:.74rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--accent)}
h1,h2,h3{font-family:var(--f-display); color:var(--ink); text-wrap:balance; margin:0}
h1{font-size:clamp(1.9rem, 4.2vw, 3.1rem); line-height:1.08; letter-spacing:-.02em; font-weight:700}
h2{font-size:clamp(1.4rem, 2.6vw, 1.9rem); line-height:1.15; letter-spacing:-.01em; font-weight:700}
h3{font-size:1.12rem; line-height:1.25; font-weight:600}
p{margin:0} .lead{font-size:1.1rem; color:var(--ink-2); max-width:68ch}
.muted{color:var(--muted)} .small{font-size:.84rem} .xs{font-size:.76rem}
.stack{display:flex; flex-direction:column; gap:12px}
.sec{display:flex; flex-direction:column; gap:20px; padding-block:28px; border-top:1px solid var(--line)}
.sec:first-child{border-top:0; padding-top:0}
.sec-head{display:flex; flex-direction:column; gap:8px; max-width:780px}
.page-head{display:flex; flex-direction:column; gap:10px; margin-bottom:24px; max-width:820px}
.grid{display:grid; gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-map{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
@media (max-width:980px){ .g4{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(2,minmax(0,1fr))} .g-map{grid-template-columns:minmax(0,1fr)} }
@media (max-width:640px){ .g2,.g3,.g4{grid-template-columns:minmax(0,1fr)} }
.card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:20px; display:flex; flex-direction:column; gap:12px; min-width:0}
.panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:20px; min-width:0}
.fig{display:flex; flex-direction:column; gap:10px; min-width:0}
.fig-title{font-family:var(--f-body); font-size:1rem; font-weight:600; color:var(--ink)}
.fig-sub{font-size:.86rem; color:var(--muted); margin-top:-6px}
.src{font-size:.74rem; color:var(--muted); border-top:1px dashed var(--line-2); padding-top:8px; line-height:1.45}
.src b{font-weight:600; color:var(--ink-2)}
.chart{width:100%; min-height:40px; position:relative}
.chart svg{display:block; overflow:visible}
.chart text{fill:var(--ink-2); font-family:var(--f-body); font-size:12px}
.chart .axis path,.chart .axis line{stroke:var(--line-2)}
.chart .grid line{stroke:var(--line); stroke-dasharray:2 3}
.chart .grid path{display:none}

/* ---------- KPIs ---------- */
.kpis{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r); overflow:hidden}
.kpi{background:var(--surface); padding:18px 18px 14px; display:flex; flex-direction:column; gap:6px; min-width:0}
.kpi .k-val{font-family:var(--f-display); font-weight:700; font-size:clamp(1.6rem, 2.6vw, 2.15rem); line-height:1; color:var(--ink); font-variant-numeric:tabular-nums lining-nums; letter-spacing:-.01em}
.kpi .k-lab{font-size:.88rem; color:var(--ink-2); line-height:1.35}
.kpi .k-cmp{font-size:.78rem; color:var(--muted)}
.kpi .k-src{font-size:.7rem; color:var(--muted); margin-top:auto; padding-top:6px}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpis.k6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){ .kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .kpis.k6{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:420px){ .kpis,.kpis.k3,.kpis.k6{grid-template-columns:minmax(0,1fr)} }

/* ---------- hero ---------- */
.hero{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:40px; align-items:center; padding-bottom:28px}
@media (max-width:880px){ .hero{grid-template-columns:minmax(0,1fr); gap:24px} }
.hero h1 em{font-style:normal; color:var(--accent)}
.hero .lead{margin-top:14px}
.hero-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:20px}
.dots-fig{display:flex; flex-direction:column; gap:10px}
.dots{display:grid; grid-template-columns:repeat(40,1fr); gap:3px; max-width:520px}
.dots i{display:block; aspect-ratio:1; border-radius:50%; background:var(--line-2)}
.dots i.on{background:var(--accent)}
.legend{display:flex; flex-wrap:wrap; gap:6px 16px; font-size:.8rem; color:var(--ink-2); align-items:center}
.legend .sw{display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:6px; vertical-align:-1px}
.legend .ln{display:inline-block; width:18px; height:0; border-top:2px solid; margin-right:6px; vertical-align:3px}

/* ---------- historias ---------- */
.story{display:flex; flex-direction:column; gap:10px}
.story .s-num{font-family:var(--f-display); font-weight:700; font-size:2rem; line-height:1; color:var(--primary); font-variant-numeric:tabular-nums}
.story h3{font-size:1.05rem}
.story p{font-size:.92rem; color:var(--ink-2)}
.story .more{margin-top:auto; font-size:.86rem; font-weight:600; text-decoration:none}
.tag{display:inline-flex; align-items:center; gap:6px; font-size:.72rem; font-weight:600; padding:3px 8px; border-radius:999px; background:var(--surface-2); color:var(--ink-2); white-space:nowrap}
.tag.acc{background:var(--accent-soft); color:var(--accent)} .tag.pri{background:var(--primary-soft); color:var(--primary)}
.tag.warn{background:var(--accent-soft); color:var(--warn)}
.tags{display:flex; flex-wrap:wrap; gap:6px}

/* ---------- controles ---------- */
.controls{display:flex; flex-wrap:wrap; gap:12px 16px; align-items:flex-end; padding:14px 16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r)}
.ctl{display:flex; flex-direction:column; gap:5px; min-width:0}
.ctl > span,.ctl > label{font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)}
select,input[type="search"],input[type="text"]{font:500 .9rem var(--f-body); color:var(--ink); background:var(--surface); border:1px solid var(--line-2); border-radius:var(--r); padding:8px 10px; min-width:0; max-width:100%}
select{padding-right:28px}
.seg{display:inline-flex; border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden; background:var(--surface)}
.seg button{font:500 .86rem var(--f-body); color:var(--ink-2); background:transparent; border:0; padding:8px 12px; cursor:pointer; border-left:1px solid var(--line-2)}
.seg button:first-child{border-left:0}
.seg button[aria-pressed="true"]{background:var(--primary); color:var(--surface)}
.seg button:disabled{opacity:.4; cursor:not-allowed}
.check{display:inline-flex; align-items:center; gap:8px; font-size:.88rem; color:var(--ink-2); cursor:pointer}

/* ---------- tablas ---------- */
.tbl-wrap{overflow-x:auto; border:1px solid var(--line); border-radius:var(--r); background:var(--surface)}
table{border-collapse:collapse; width:100%; font-size:.86rem}
th,td{padding:9px 12px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap}
th{font-size:.72rem; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); font-weight:600; background:var(--surface-2); position:sticky; top:0}
th.sortable{cursor:pointer; user-select:none} th.sortable:hover{color:var(--ink)}
th[aria-sort="descending"]::after{content:" ↓"} th[aria-sort="ascending"]::after{content:" ↑"}
td.n,th.n{text-align:right; font-variant-numeric:tabular-nums}
tbody tr:hover{background:var(--surface-2)}
tbody tr.click{cursor:pointer}
#p-top th,#p-top td{padding:8px 8px}
td .bar{display:inline-block; height:6px; border-radius:0 3px 3px 0; background:var(--seq-5); vertical-align:middle; margin-left:8px}
.rank{color:var(--muted); width:36px}

/* ---------- mapa ---------- */
.map-box{position:relative}
.map-box svg path.unit{stroke:var(--surface); stroke-width:.5; cursor:pointer; transition:opacity .15s}
.map-box svg path.unit:hover{stroke:var(--ink); stroke-width:1.2}
.map-box svg path.unit.sel{stroke:var(--accent); stroke-width:2}
.map-box svg path.dmesh{fill:none; stroke:var(--ink); stroke-opacity:.55; stroke-width:.9; pointer-events:none}
.map-box svg circle.bub{fill:var(--accent); fill-opacity:.55; stroke:var(--surface); stroke-width:1; cursor:pointer}
.map-legend{display:flex; flex-direction:column; gap:6px; font-size:.78rem; color:var(--ink-2)}
.map-legend .scale{display:flex; gap:2px}
.map-legend .scale span{flex:1; height:10px}
.map-legend .ticks{display:flex; justify-content:space-between; font-variant-numeric:tabular-nums; color:var(--muted)}
.info{display:flex; flex-direction:column; gap:12px}
.info .big{font-family:var(--f-display); font-size:2.2rem; font-weight:700; line-height:1; font-variant-numeric:tabular-nums}
.kv{display:grid; grid-template-columns:1fr auto; gap:6px 12px; font-size:.88rem}
.kv dt{color:var(--ink-2)} .kv dd{margin:0; text-align:right; font-weight:600; font-variant-numeric:tabular-nums}

/* ---------- ficha ---------- */
.ficha-head{display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; align-items:flex-end}
.narr{font-family:var(--f-display); font-size:1.18rem; line-height:1.55; color:var(--ink); max-width:72ch; border-left:3px solid var(--accent); padding-left:16px}
.meter{height:10px; background:var(--surface-2); border-radius:999px; position:relative; overflow:hidden}
.meter > i{position:absolute; left:0; top:0; bottom:0; border-radius:999px; background:var(--accent)}
.prio{display:flex; flex-direction:column; gap:8px}
.prio .big{font-family:var(--f-display); font-size:2.4rem; font-weight:700; line-height:1; color:var(--accent); font-variant-numeric:tabular-nums}
.combo{position:relative; width:min(460px,100%)}
.combo input{width:100%; padding:11px 12px; font-size:1rem}
.combo ul{position:absolute; z-index:15; left:0; right:0; top:calc(100% + 4px); margin:0; padding:4px; list-style:none; background:var(--surface); border:1px solid var(--line-2); border-radius:var(--r); box-shadow:var(--shadow); max-height:320px; overflow:auto}
.combo li{padding:8px 10px; border-radius:4px; cursor:pointer; display:flex; justify-content:space-between; gap:12px; font-size:.92rem}
.combo li small{color:var(--muted)}
.combo li[aria-selected="true"],.combo li:hover{background:var(--primary-soft)}
.quick{display:flex; flex-wrap:wrap; gap:6px}
.quick button{font:500 .8rem var(--f-body); border:1px solid var(--line-2); background:var(--surface); color:var(--ink-2); padding:5px 10px; border-radius:999px; cursor:pointer}
.quick button:hover{border-color:var(--primary); color:var(--primary)}

/* ---------- ideas ---------- */
.idea{display:flex; flex-direction:column; gap:12px}
.idea h3{font-size:1.15rem}
.idea .dato{background:var(--primary-soft); border-radius:var(--r); padding:12px 14px; font-size:.9rem; color:var(--ink)}
.idea .dato b{font-family:var(--f-display); font-size:1.15rem}
.idea dl{display:grid; grid-template-columns:minmax(110px,auto) 1fr; gap:6px 12px; margin:0; font-size:.88rem}
.idea dt{color:var(--muted); font-weight:500} .idea dd{margin:0; color:var(--ink)}
.idea .res{border:1px solid var(--accent); border-radius:var(--r); padding:10px 12px; font-size:.88rem}
.idea .res b{color:var(--accent); font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; display:block; margin-bottom:2px}
.filters{display:flex; flex-wrap:wrap; gap:6px}
.filters button{font:500 .84rem var(--f-body); border:1px solid var(--line-2); background:var(--surface); color:var(--ink-2); padding:6px 12px; border-radius:999px; cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink); color:var(--surface); border-color:var(--ink)}

/* ---------- organizaciones ---------- */
.band{background:var(--primary); color:#fff; border-radius:var(--r); padding:28px; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; align-items:center}
.band h2,.band p{color:#fff} .band p{opacity:.9}
:root[data-theme="dark"] .band{background:var(--primary-soft)}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .band{background:var(--primary-soft)} }
@media (max-width:780px){ .band{grid-template-columns:minmax(0,1fr)} }
.band .btn{background:var(--accent); border-color:var(--accent); color:#fff}
.vs{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; border:1px solid var(--line); border-radius:var(--r); overflow:hidden}
.vs > div{padding:16px 18px; border-top:1px solid var(--line); font-size:.9rem; background:var(--surface)}
.vs > div.h{font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; font-weight:600; border-top:0; background:var(--surface-2)}
.vs > div:nth-child(odd){border-right:1px solid var(--line); color:var(--muted)}
.vs > div.h.r{color:var(--accent)}
.step-n{font-family:var(--f-mono); font-size:.78rem; color:var(--accent); font-weight:600}
.copy{display:inline-flex; gap:8px; align-items:center; flex-wrap:wrap}
.copy code{font-family:var(--f-mono); font-size:.92rem; background:var(--surface-2); padding:6px 10px; border-radius:4px; user-select:all}

/* ---------- indicadores ---------- */
details.ft{background:var(--surface); border:1px solid var(--line); border-radius:var(--r)}
details.ft summary{padding:14px 16px; cursor:pointer; font-weight:600; display:flex; justify-content:space-between; gap:12px; align-items:center; list-style:none}
details.ft summary::-webkit-details-marker{display:none}
details.ft summary::after{content:"+"; font-family:var(--f-mono); color:var(--muted)}
details.ft[open] summary::after{content:"−"}
details.ft .body{padding:0 16px 16px; display:grid; grid-template-columns:150px 1fr; gap:8px 16px; font-size:.88rem}
details.ft .body dt{color:var(--muted)} details.ft .body dd{margin:0; white-space:pre-line}
@media (max-width:560px){ details.ft .body{grid-template-columns:1fr} details.ft .body dd{margin-bottom:6px} }
.note{font-size:.86rem; background:var(--accent-soft); color:var(--ink); border-radius:var(--r); padding:12px 14px}
.note b{color:var(--accent)}
.prose{max-width:70ch; display:flex; flex-direction:column; gap:12px; color:var(--ink-2)}
.prose h3{margin-top:8px}
.prose ul{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:6px}

/* ---------- tooltip ---------- */
#tt{position:fixed; z-index:50; pointer-events:none; background:var(--ink); color:var(--bg); font-size:.8rem; line-height:1.4; padding:8px 10px; border-radius:6px; max-width:260px; box-shadow:0 4px 14px rgba(0,0,0,.18); opacity:0; transition:opacity .1s}
#tt b{font-weight:600} #tt .t-sub{opacity:.75; font-size:.74rem}

/* ---------- pie ---------- */
.site-foot{border-top:1px solid var(--line); background:var(--surface); padding-block:32px 40px; font-size:.86rem; color:var(--ink-2)}
.foot-grid{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr); gap:24px}
@media (max-width:780px){ .foot-grid{grid-template-columns:minmax(0,1fr)} }
.site-foot h4{margin:0 0 8px; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted)}
.site-foot ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:4px}
.site-foot a{text-decoration:none}
.toast{position:fixed; left:50%; bottom:calc(20px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%); background:var(--ink); color:var(--bg); padding:10px 14px; border-radius:6px; font-size:.86rem; z-index:60; opacity:0; transition:opacity .2s; pointer-events:none}
.toast.on{opacity:1}

.brand img{flex:none; display:block}

/* franja de confianza (inicio) */
.trust{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:12px; padding:12px 16px; border:1px solid var(--line); border-left:4px solid var(--good); border-radius:var(--r); background:var(--surface); color:var(--ink-2); text-decoration:none; font-size:.9rem}
.trust svg{color:var(--good); flex:none}
.trust b{color:var(--ink)}
.trust-more{margin-left:auto; font-weight:600; color:var(--primary); white-space:nowrap}
.trust:hover{border-color:var(--line-2)}
.grid.g-auto{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}