/* Guides (/guides/, /en/guides/, /es/guias/, scripts/build-guides.ts) since 2026-09-29, in the home style (home.css scoped .nh). */
.nh.gd section{padding-block:72px}
.nh .gd-hero{padding-block:140px 24px}
.nh .gd-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.03;font-weight:800;margin:0 0 16px;max-width:14em}
.nh .gd-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.nh .gd-filters button{--c:var(--ink);--t:var(--tint);font:600 14px/1 var(--body);padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}
.nh .gd-filters button.on{background:var(--t);border-color:color-mix(in srgb,var(--c) 35%,transparent);color:var(--c)}
.nh .gd-list{padding-top:24px!important}
.nh .gd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.nh .gd-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:translate .3s,box-shadow .3s,border-color .3s}
.nh .gd-card[hidden]{display:none}
.nh .gd-card:hover{translate:0 -4px;border-color:color-mix(in srgb,var(--c) 35%,var(--line));box-shadow:0 24px 44px -26px rgba(15,20,48,.35)}
.nh .gd-card h3{font-size:20px;line-height:1.2}
.nh .gd-card p{font-size:14.5px;color:var(--muted)}
.nh .gd-cat{align-self:flex-start;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c);background:var(--t);border-radius:999px;padding:6px 9px}
.nh .gd-meta{font-size:12.5px;color:var(--muted);margin-top:auto}
.nh .gd-more{display:flex;align-items:center;gap:6px;font:600 14px var(--body);color:var(--c)}
/* article */
.nh .gd-head{padding-block:130px 36px;background:linear-gradient(180deg,var(--t),transparent)}
.nh .gd-crumb{font:500 12.5px var(--mono);color:var(--muted);margin-bottom:18px}
.nh .gd-crumb a{color:var(--c)}
.nh .gd-head h1{font-size:clamp(32px,4.4vw,54px);line-height:1.05;font-weight:800;max-width:18em}
.nh .gd-head .lead{margin-top:18px;max-width:38em}
.nh .gd-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;font-size:13.5px;color:var(--muted)}
.nh .gd-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start;padding-block:32px 40px}
.nh .gd-body{max-width:720px;font-size:17px;line-height:1.75;color:var(--ink-2)}
.nh .gd-body>*+*{margin-top:18px}
.nh .gd-body h2{font-size:clamp(24px,2.6vw,30px);line-height:1.15;color:var(--ink);margin-top:48px;scroll-margin-top:90px}
.nh .gd-body h3{font-size:20px;color:var(--ink);margin-top:32px;scroll-margin-top:90px}
.nh .gd-body a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.nh .gd-body strong{color:var(--ink);font-weight:600}
.nh .gd-body ul,.nh .gd-body ol{padding-left:1.3em;display:grid;gap:8px}
.nh .gd-body li::marker{color:var(--indigo);font-weight:700}
.nh .gd-body code{font:500 .88em var(--mono);background:var(--tint);border-radius:5px;padding:2px 6px}
.nh .gd-code{background:var(--ink);color:#d7dbff;border-radius:14px;padding:18px 20px;overflow-x:auto;font:500 14px/1.7 var(--mono);white-space:pre-wrap}
.nh .gd-code code{background:none;padding:0;font:inherit;color:inherit}
.nh .gd-callout{border-left:4px solid var(--indigo);background:var(--indigo-soft);border-radius:0 12px 12px 0;padding:16px 20px;color:var(--ink)}
.nh .gd-callout p+p{margin-top:8px}
.nh .gd-table{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.nh .gd-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.nh .gd-table th,.nh .gd-table td{text-align:left;padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}
.nh .gd-table thead th{border-top:0;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg)}
.nh .gd-aside{position:sticky;top:96px;display:grid;gap:16px}
.nh .gd-toc{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:18px}
.nh .gd-toc-h{font:500 11.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.nh .gd-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;counter-reset:t}
.nh .gd-toc li{display:flex;gap:8px;counter-increment:t}
.nh .gd-toc li::before{content:counter(t);font:600 12px/1.6 var(--mono);color:var(--indigo)}
.nh .gd-toc a:hover{color:var(--indigo)}
.nh .gd-cta{background:var(--ink);color:#fff;border-radius:14px;padding:20px;display:grid;gap:10px}
.nh .gd-cta b{font:700 18px var(--display)}
.nh .gd-cta p{font-size:14px;color:#b9bee6}
.nh .gd-cta .nb{background:#fff;color:var(--ink);justify-content:center}
.nh .gd-related{background:var(--tint)}
@media (max-width:980px){
  .nh .gd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nh .gd-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .nh .gd-aside{position:static}
}
@media (max-width:560px){
  .nh .gd-grid{grid-template-columns:1fr}
  .nh .gd-body{font-size:16px}
}