.int-page :not(pre)>code{background:var(--surface-2);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:.88em}.int-page .note code{background:0 0}.int-mark{border:1px solid var(--border-strong);background:var(--surface-2);width:40px;height:40px;color:var(--text);font:600 13px var(--mono);border-radius:10px;flex:none;place-items:center;display:inline-grid}.int-mark svg{fill:currentColor;width:20px;height:20px}.int-mark-lg{border-radius:12px;width:52px;height:52px;font-size:15px}.int-mark-lg svg{width:26px;height:26px}.int-hero-meta{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px;display:flex}.int-hero-meta .btn{white-space:nowrap}.int-group-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.int-group-head h2{margin:0}.int-group-head p{max-width:70ch;margin:0}.int-card-head{align-items:center;gap:12px;min-width:0;display:flex}.int-card-head>div{min-width:0}.int-card-head h3{overflow-wrap:anywhere}.int-card-head .int-cat{color:var(--muted);margin:2px 0 0;font-size:13px}.int-card .pill{white-space:normal;text-align:left;margin-top:2px}.int-toc{margin:4px 0 0}.int-toc ul{flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none;display:flex}.int-toc a{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:13.5px;text-decoration:none;display:inline-block}.int-toc a:hover{color:var(--accent);border-color:var(--accent-line)}.int-toc a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.int-page .page-section{scroll-margin-top:84px}.int-page .page-section>h3{margin:22px 0 8px;font-size:16.5px}.int-table .pill{white-space:nowrap}.int-table td:first-child{min-width:14ch}.int-steps{counter-reset:int-step;gap:14px;max-width:80ch;margin:0;padding:0;list-style:none;display:grid}.int-steps li{counter-increment:int-step;grid-template-columns:28px minmax(0,1fr);gap:4px 10px;display:grid}.int-steps li:before{content:counter(int-step);background:var(--accent-soft);width:26px;height:26px;color:var(--accent);font:600 13px var(--mono);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.int-steps pre{background:var(--code-bg);border:1px solid var(--border);font:13px/1.6 var(--mono);color:var(--text);border-radius:10px;margin:0;padding:10px 14px;overflow-x:auto}.int-steps pre:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.int-steps pre code{font:inherit;white-space:pre}.int-steps p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.int-maturity{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;display:flex}.int-maturity .pill{white-space:normal}.int-links{gap:6px;margin:0;padding:0;list-style:none;display:grid}.int-links a{color:var(--accent);text-underline-offset:2px}@media (max-width:600px){.int-steps li{grid-template-columns:minmax(0,1fr)}.int-steps li:before{grid-row:auto}}.int-counts{grid-template-columns:repeat(2,minmax(0,240px));gap:12px;margin:0 0 16px;display:grid}.int-counts>div{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:14px 16px}.int-counts dt{color:var(--muted);font-size:13px}.int-counts dd{letter-spacing:-.02em;margin:4px 0 0;font-size:26px;font-weight:700}.int-counts dd .muted{letter-spacing:0;font-size:13px;font-weight:400}@media (max-width:600px){.int-counts{grid-template-columns:minmax(0,1fr)}}.int-live{color:var(--accent)!important;margin:-2px 0 0!important;font-size:13px!important}.int-live-hero{color:var(--accent);font-size:13.5px}.int-testing{margin-top:8px}.int-testing summary{cursor:pointer;color:var(--accent);font-weight:550}.int-testing summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}