.a-wrap{max-width:780px;margin:0 auto;padding:clamp(112px,14vw,170px) 22px clamp(80px,9vw,120px);color:var(--ink)}
.a-wrap .wrap,.a-wrap .preserved,.a-wrap .rp{width:auto;max-width:none;margin:0;padding:0}
.a-wrap h1{font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;letter-spacing:-.03em;font-weight:620;margin:.2em 0 .5em;text-wrap:balance}
.a-wrap h2{font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.18;letter-spacing:-.02em;font-weight:620;margin:2.1em 0 .6em;text-wrap:balance}
.a-wrap h3{font-size:1.2rem;line-height:1.3;font-weight:620;margin:1.7em 0 .4em}
.a-wrap p,.a-wrap li{font-size:1.06rem;line-height:1.72;color:color-mix(in srgb,var(--ink) 86%,transparent)}
.a-wrap p{margin:0 0 1.15em}
.a-wrap ul,.a-wrap ol{padding-inline-start:1.3em;margin:0 0 1.3em}
.a-wrap li{margin:.35em 0}
.a-wrap strong{color:var(--ink);font-weight:620}
.a-wrap a{color:var(--cobalt);text-underline-offset:3px;text-decoration-thickness:1px}
.a-wrap a:hover{text-decoration-thickness:2px}
.a-wrap code{font-size:.9em;padding:.12em .4em;border-radius:6px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
.a-wrap pre{overflow:auto;padding:16px 18px;border-radius:14px;background:#0A1120;color:#E6ECFF;line-height:1.55}
.a-wrap blockquote{margin:1.4em 0;padding:.2em 1.2em;border-inline-start:3px solid var(--cobalt);color:var(--muted)}
.a-wrap table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:1.6em 0;font-size:.98rem}
.a-wrap th,.a-wrap td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top;min-width:120px}
.a-wrap th{font-weight:620;background:color-mix(in srgb,var(--ink) 5%,transparent)}
.a-wrap img{max-width:100%;height:auto;border-radius:14px}
.a-wrap hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.a-wrap .resource-article>nav,.a-wrap .legacy-article>nav,.a-wrap .crumbs{margin-bottom:1.2em}
.a-wrap .resource-article>nav a,.a-wrap .crumbs a{display:inline-flex;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-size:.92rem;font-weight:560}
.a-wrap .resource-article>nav a::before{content:"←";margin-inline-end:.5em}
[dir=rtl] .a-wrap .resource-article>nav a::before{content:"→"}
.a-wrap .compact-notice,.a-wrap aside{padding:16px 20px;border-radius:16px;background:color-mix(in srgb,var(--cobalt) 8%,var(--surface));border:1px solid var(--line);margin:1.4em 0}
.a-wrap .compact-notice p,.a-wrap aside p{margin:0;font-size:.98rem}
.a-wrap .eyebrow,.a-wrap .label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.a-wrap .tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.a-wrap .tags li,.a-wrap .tags span{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:.86rem}
.a-wrap .guide-brand{display:flex;align-items:center;gap:14px;margin:0 0 1em}
.a-wrap .tool-logo{width:56px;height:56px;border-radius:14px;object-fit:contain;background:#fff;padding:6px;border:1px solid var(--line)}
.a-wrap .source-list li,.a-wrap .role-links li{margin:.5em 0}
.a-wrap section{margin:0 0 2.2em}
.a-wrap .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* index and listing pages */
.a-wrap .hero-shell,.a-wrap .page-hero{padding:0 0 1.4em}
.a-wrap .lede{font-size:1.15rem;line-height:1.6;color:var(--muted);max-width:40em}
.a-wrap ul.rows,.a-wrap .rows,.a-wrap .field ul{list-style:none;padding:0;margin:1.4em 0}
.a-wrap li.row,.a-wrap .row{list-style:none}
.a-wrap .row a,.a-wrap a.row{display:grid;gap:4px;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.a-wrap .row a:hover .rt,.a-wrap a.row:hover .rt{color:var(--cobalt)}
.a-wrap .rt{font-weight:620;font-size:1.08rem;line-height:1.3;letter-spacing:-.01em}
.a-wrap .rd,.a-wrap .rc{color:var(--muted);font-size:.96rem;line-height:1.5}
.a-wrap .row-main{display:grid;gap:4px}
.a-wrap .tl,.a-wrap .ttry,.a-wrap .ext,.a-wrap .go{font-size:.86rem;color:var(--muted)}
.a-wrap .btn{display:inline-flex;padding:12px 22px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:620}
.a-wrap .actions{display:flex;flex-wrap:wrap;gap:12px;margin:1.4em 0}
.a-wrap form{display:grid;gap:12px;max-width:460px}
.a-wrap input,.a-wrap button{font:inherit}
.a-wrap input[type=email],.a-wrap input[type=text]{padding:14px 16px;border-radius:12px;border:1px solid var(--field);background:var(--surface);color:var(--ink)}
.a-wrap button[type=submit]{padding:14px 22px;border-radius:999px;border:0;background:var(--ink);color:var(--paper);font-weight:620}
.a-wrap .honeypot{position:absolute;inset:auto;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
@media (max-width:700px){.a-wrap p,.a-wrap li{font-size:1.02rem}.a-wrap{padding-inline:20px}}
.skip:not(:focus){inset:auto;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.a-wrap{overflow-wrap:anywhere}
.a-wrap table{max-width:100%}
.a-wrap pre{max-width:100%}
