.home-assistant-telegram-docs{--hatd-ink:#1c2736;--hatd-muted:#526171;--hatd-blue:#2365b0;--hatd-line:#dce5ee;--hatd-paper:#fff;background:#f7f9fc;color:var(--hatd-ink)}
.hatd-page{font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--hatd-ink)}
.hatd-page *{box-sizing:border-box}
.hatd-shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.hatd-hero{padding:54px 0 38px;background:linear-gradient(140deg,#eef5ff 0%,#f8fbff 52%,#fff 100%);border-bottom:1px solid var(--hatd-line)}
.hatd-eyebrow{margin:0 0 18px;color:var(--hatd-muted);font-size:14px}.hatd-eyebrow a,.hatd-footer a{color:var(--hatd-blue);text-underline-offset:3px}
.hatd-hero h1{max-width:850px;margin:0;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.035em}
.hatd-lead{max-width:760px;margin:20px 0 12px;font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:#33475d}
.hatd-context{max-width:760px;padding:12px 16px;margin:20px 0 26px;border-left:3px solid #4c86c5;background:#fff;color:#35475a;border-radius:0 9px 9px 0}
.hatd-toc{display:flex;flex-wrap:wrap;gap:8px}.hatd-toc a{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;border:1px solid #d5e1ee;border-radius:999px;background:#fff;color:#254a73;text-decoration:none;font-size:14px}.hatd-toc a:hover{border-color:#8aaed4;background:#f4f8fd}
.hatd-steps{padding-block:16px}.hatd-step{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(26px,5vw,64px);align-items:center;padding:50px 0;border-bottom:1px solid var(--hatd-line);scroll-margin-top:20px}.hatd-step:nth-child(even) .hatd-figure{order:-1}
.hatd-step-no{margin:0 0 8px;color:var(--hatd-blue);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hatd-step h2,.hatd-video h2,.hatd-help h2{margin:0 0 14px;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.02em}.hatd-step-copy>p{margin:0 0 14px;color:#3a4c5e}.hatd-step-copy .hatd-action{color:#26394c}.hatd-expected{display:grid;gap:4px;padding:12px 14px;border-radius:10px;background:#eaf3fc;color:#263f58!important}.hatd-expected span{color:#376c9f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hatd-figure{margin:0}.hatd-figure picture{display:block}.hatd-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #d9e1e9;border-radius:14px;background:#edf2f7;box-shadow:0 14px 38px #1f42651a}.hatd-figure figcaption{margin:8px 2px 0;color:#667689;font-size:12px}
.hatd-video{padding:52px 0;background:#eaf1f8}.hatd-video h2,.hatd-video>div>p{max-width:780px}.hatd-video>div>p{color:#43566a}.hatd-video video{display:block;width:min(100%,920px);margin:20px auto 0;background:#111;border-radius:14px;box-shadow:0 18px 50px #1f426526}.hatd-caption-note{margin:10px auto 0;text-align:center;font-size:14px}
.hatd-help{padding:52px 0}.hatd-help dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.hatd-help dl>div{padding:18px 20px;border:1px solid var(--hatd-line);border-radius:12px;background:#fff}.hatd-help dt{margin-bottom:5px;font-weight:700}.hatd-help dd{margin:0;color:#46596c}.hatd-note{padding:14px 16px;border-left:3px solid #8fa7bd;background:#f0f3f6;color:#3e5062}
.hatd-footer{padding:30px 0 48px;border-top:1px solid var(--hatd-line);background:#fff;color:#526171;font-size:14px}.hatd-footer ul{padding-left:20px}
@media(max-width:760px){.hatd-shell{width:min(100% - 32px,600px)}.hatd-hero{padding:36px 0 28px}.hatd-step{grid-template-columns:1fr;gap:18px;padding:32px 0}.hatd-step:nth-child(even) .hatd-figure{order:0}.hatd-step h2{margin-bottom:10px}.hatd-figure img{aspect-ratio:3/5;object-fit:contain}.hatd-video,.hatd-help{padding:36px 0}.hatd-help dl{grid-template-columns:1fr}.hatd-toc{gap:6px}.hatd-toc a{font-size:13px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.hatd-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}