.code-panel.svelte-31x35j{background:var(--soft);border:1px solid var(--line);min-width:0;max-width:100%;margin:28px 0;overflow:auto}pre.svelte-31x35j{white-space:pre;tab-size:2;width:max-content;min-width:100%;margin:0;padding:24px;font-size:13px;line-height:1.7}code.svelte-31x35j{white-space:pre;overflow-wrap:normal;color:var(--ink);font-family:ui-monospace,Consolas,monospace}.code-panel.svelte-31x35j:focus-visible{outline:3px solid var(--link);outline-offset:3px}@media (width<=600px){pre.svelte-31x35j{padding:18px}}.ha-article.svelte-y2d8wv .ha-intro:where(.svelte-y2d8wv){--ink:#fff;--muted:#d5e6f6;background:#0c213a url(../../../images/articles/ha/hero-pattern.svg) 50%/cover;margin-bottom:40px}.ha-context.svelte-y2d8wv{margin-bottom:36px}.ha-subtitle.svelte-y2d8wv{color:#9fd2ff;margin-block:18px 0;font-size:18px;font-weight:600}.ha-byline.svelte-y2d8wv{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:14px;display:flex;margin-block:30px 20px!important}.ha-byline.svelte-y2d8wv strong:where(.svelte-y2d8wv){color:var(--ink)}.scope.svelte-y2d8wv{max-width:75ch;color:var(--muted);font-size:16px;line-height:1.75}.ha-principle.svelte-y2d8wv{background:var(--soft);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);max-width:850px;margin-block:28px;padding:24px 28px}.ha-principle.svelte-y2d8wv p:where(.svelte-y2d8wv){max-width:68ch;margin:0;font-size:18px;line-height:1.7}.download.svelte-y2d8wv{align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.point-number.svelte-y2d8wv{color:var(--link)}.ha-overview.svelte-y2d8wv{border-top:1px solid var(--line);margin:0 0 65px}.ha-overview.svelte-y2d8wv a:where(.svelte-y2d8wv){border-bottom:1px solid var(--line);grid-template-columns:25px minmax(0,1fr) 20px;align-items:center;gap:16px;min-height:64px;padding:16px 0;font-size:15px;text-decoration:none;display:grid}.ha-overview.svelte-y2d8wv span:where(.svelte-y2d8wv){color:var(--link);font-weight:650}.ha-overview.svelte-y2d8wv strong:where(.svelte-y2d8wv){color:var(--ink);font-weight:500}.verification.svelte-y2d8wv{border-block:1px solid var(--line);padding-block:20px;font-size:15px;line-height:1.75}.verification.svelte-y2d8wv strong:where(.svelte-y2d8wv){margin-bottom:6px;display:block}.source-links.svelte-y2d8wv{color:var(--muted);font-size:13px;line-height:1.8}.template-note.svelte-y2d8wv{color:var(--muted);font-size:15px}.reference.svelte-y2d8wv{border-block:1px solid var(--line);margin-block:24px}summary.svelte-y2d8wv{cursor:pointer;min-height:48px;padding-block:14px;font-size:15px;font-weight:600}summary.svelte-y2d8wv:focus-visible{outline:3px solid var(--link);outline-offset:3px}.ha-test-matrix.svelte-y2d8wv{margin-block:30px}.ha-test-matrix.svelte-y2d8wv div:where(.svelte-y2d8wv){border-top:1px solid var(--line);grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);gap:24px;padding-block:20px;display:grid}dt.svelte-y2d8wv{font-size:15px;font-weight:650}dd.svelte-y2d8wv{color:var(--muted);margin:0;font-size:15px;line-height:1.75}@media (width<=600px){.ha-principle.svelte-y2d8wv{padding:22px}.ha-test-matrix.svelte-y2d8wv div:where(.svelte-y2d8wv){grid-template-columns:1fr;gap:8px}.ha-overview.svelte-y2d8wv a:where(.svelte-y2d8wv){gap:12px}}