/* Monthly reports (/informes/…) and chain pages (/tiendas/<cadena>): public_informes.py. Builds on guias.css, blog.css, free.css. */
.if-key{margin:28px 0 34px;padding:22px 24px 18px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:12px;background:color-mix(in oklab,var(--brand) 5%,transparent)}
.if-key h2{margin-top:0}
.if-key ol{margin:0;padding-left:1.3em}
.if-key li{margin:0 0 10px;line-height:1.55}
.if-key li::marker{font-weight:700;color:var(--brand)}
.gu-body .if-key-src{margin:12px 0 0;font-size:13.5px;color:var(--ink-2)}
.if-chart{margin:18px 0 30px}
.if-chart svg{display:block;width:100%;height:auto;max-height:220px}
.if-chart .if-bar{fill:var(--brand)}
.if-chart .if-axis{stroke:var(--line);stroke-width:1}
.if-chart .if-lab{fill:var(--ink-2);font-size:10px;font-family:"JetBrains Mono",ui-monospace,monospace}
.if-chart figcaption{font-size:14px;color:var(--ink-2);margin-top:6px}
.if-cap{caption-side:bottom;text-align:left;font-size:13.5px;color:var(--ink-2);padding-top:8px}
.if-method{margin:40px 0 30px;padding:20px 24px;border:1px dashed var(--line);border-radius:12px}
.if-method h2{margin-top:0}
.gu-body .if-disclaimer{font-size:14px;color:var(--ink-2);line-height:1.55}
.if-ex{display:grid;gap:10px;margin:16px 0 30px}
.if-ex-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:10px}
.if-ex-row b{display:block;line-height:1.35}
.if-ex-row small{display:block;color:var(--ink-2);font-size:13px;margin-top:4px}
.if-ex-row dl{display:flex;gap:16px;margin:0}
.if-ex-row dt{font-size:12px;color:var(--ink-2)}
.if-ex-row dd{margin:2px 0 0;font-weight:700;font-variant-numeric:tabular-nums}
.if-ex-row dd.g{color:var(--ok,var(--brand))}
.if-pager{display:flex;justify-content:space-between;gap:12px;margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
.if-chains{columns:2;padding-left:1.1em}
@media (max-width:640px){
 .if-ex-row{grid-template-columns:1fr}
 .if-ex-row dl{flex-wrap:wrap}
 .if-key{padding:18px 16px 14px}
 .if-chains{columns:1}
}
/* bars inside the narrow count column: shorter, and the number stays on the same line */
.if-tbl td{white-space:nowrap}
.if-tbl .dt-bar{width:calc(var(--w) * .8);max-width:80px}