.elementor-13326 .elementor-element.elementor-element-10670cc{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0e9427e */.atl-hc{--ink:#16202e;--denim:#1f3a5f;--denim-2:#e8eef6;--thread:#c8372d;--ok:#2a7a55;--ok-bg:#e7f4ed;--warn:#9a6a10;--warn-bg:#fdf3dc;--bad-bg:#fbe9e7;--line:#d5dbe3;--paper:#fff;--mute:#566274;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);line-height:1.7;font-size:17px;max-width:860px;margin:0 auto;position:relative}
.atl-hc *{box-sizing:border-box}
.atl-hc-bar{position:fixed;top:0;left:0;height:4px;width:0;background:var(--thread);z-index:9999;transition:width .1s linear}
.atl-hc h1{font-size:2rem;line-height:1.25;margin:0 0 16px;color:var(--denim)}
.atl-hc h2{font-size:1.5rem;line-height:1.3;margin:0 0 14px;color:var(--denim)}
.atl-hc h3{font-size:1.1rem;margin:22px 0 8px;color:var(--ink)}
.atl-hc p{margin:0 0 14px}
.atl-hc-lead{font-size:1.15rem;color:var(--mute)}
.atl-hc-toc{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:2px solid var(--denim);display:flex;gap:4px;overflow-x:auto;padding:6px 0;margin:20px 0 28px}
.atl-hc-toc a{flex:0 0 auto;padding:6px 12px;border-radius:6px;color:var(--mute);text-decoration:none;font-size:.9rem;white-space:nowrap}
.atl-hc-toc a:hover{background:var(--denim-2);color:var(--denim)}
.atl-hc-toc a.is-on{background:var(--denim);color:#fff}
.atl-hc-quick{border:2px dashed var(--denim);border-radius:10px;padding:18px 22px;background:var(--denim-2);margin:0 0 30px}
.atl-hc-quick strong{color:var(--denim)}
.atl-hc-quick ul{margin:8px 0 0;padding-left:20px}
.atl-hc-sec{margin:0 0 44px;scroll-margin-top:64px}
.atl-hc-sec>h2 span{display:inline-block;min-width:2.2em;color:var(--thread)}
.atl-hc-ph{background:#fff1b8;border-radius:3px;padding:0 4px;font-weight:600;color:#6b4e00}
.atl-hc-table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:.95rem;display:block;overflow-x:auto}
.atl-hc-table th,.atl-hc-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.atl-hc-table th{background:var(--denim);color:#fff;font-weight:600}
.atl-hc-table tr:nth-child(even) td{background:#f7f9fb}
.atl-hc-call{border-left:5px solid;border-radius:6px;padding:14px 18px;margin:18px 0}
.atl-hc-call.tip{background:var(--ok-bg);border-color:var(--ok)}
.atl-hc-call.warn{background:var(--warn-bg);border-color:var(--warn)}
.atl-hc-call.bad{background:var(--bad-bg);border-color:var(--thread)}
.atl-hc-call b{display:block;margin-bottom:4px}
.atl-hc-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.atl-hc-col{border:1px solid var(--line);border-radius:8px;padding:14px 18px}
.atl-hc-col h3{margin-top:0}
.atl-hc-col ul{margin:0;padding-left:20px}
.atl-hc-steps{list-style:none;margin:16px 0;padding:0;border-left:3px dashed var(--denim)}
.atl-hc-steps li{position:relative;padding:0 0 22px 28px}
.atl-hc-steps li::before{content:counter(s);counter-increment:s;position:absolute;left:-15px;top:0;width:27px;height:27px;border-radius:50%;background:var(--denim);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.atl-hc-steps{counter-reset:s}
.atl-hc-steps b{display:block}
.atl-hc-case{border:2px solid var(--denim);border-radius:10px;padding:18px 22px;margin:22px 0;background:#fff}
.atl-hc-case h3{margin-top:0}
.atl-hc-check{list-style:none;padding:0;margin:14px 0}
.atl-hc-check li{margin:0 0 8px}
.atl-hc-check label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:6px}
.atl-hc-check input{margin-top:6px;width:18px;height:18px;accent-color:var(--ok)}
.atl-hc-check input:checked+span{color:var(--mute);text-decoration:line-through}
.atl-hc-prog{height:10px;background:var(--denim-2);border-radius:5px;overflow:hidden;margin:10px 0 4px}
.atl-hc-prog i{display:block;height:100%;width:0;background:var(--ok);transition:width .25s}
.atl-hc-progtxt{font-size:.9rem;color:var(--mute)}
.atl-hc-faq{border:1px solid var(--line);border-radius:8px;margin:0 0 10px;overflow:hidden}
.atl-hc-faq button{all:unset;box-sizing:border-box;width:100%;padding:14px 18px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:12px}
.atl-hc-faq button:focus-visible,.atl-hc-toc a:focus-visible{outline:3px solid var(--thread);outline-offset:2px}
.atl-hc-faq button::after{content:"+";color:var(--thread);font-size:1.3rem;line-height:1}
.atl-hc-faq button[aria-expanded="true"]::after{content:"\2212"}
.atl-hc-faq div{display:none;padding:0 18px 14px}
.atl-hc-faq.open div{display:block}
.atl-hc-cta{background:var(--denim);color:#fff;border-radius:12px;padding:26px;margin:36px 0}
.atl-hc-cta h2{color:#fff}
.atl-hc-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.atl-hc-card{background:#fff;color:var(--ink);border-radius:8px;padding:16px 18px}
.atl-hc-card b{display:block;font-size:1.05rem;color:var(--denim)}
.atl-hc-card span{display:block;color:var(--mute);font-size:.92rem}
@media(max-width:640px){.atl-hc{font-size:16px}.atl-hc h1{font-size:1.6rem}.atl-hc-cols,.atl-hc-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.atl-hc-bar,.atl-hc-prog i{transition:none}}

.atl-hc-calc{border:2px solid var(--denim);border-radius:10px;padding:18px 22px;margin:20px 0;background:#fff}
.atl-hc-calc label{display:block;margin:0 0 12px;font-weight:600}
.atl-hc-calc input{display:block;width:100%;max-width:340px;margin-top:4px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font:inherit}
.atl-hc-calc input:focus-visible{outline:3px solid var(--thread);outline-offset:1px}
.atl-hc-res{margin-top:12px;padding:12px 16px;border-radius:6px;background:var(--denim-2);min-height:3em}
.atl-hc-res table{margin:8px 0 0;width:100%;border-collapse:collapse;font-size:.95rem}
.atl-hc-res th,.atl-hc-res td{border:1px solid var(--line);padding:6px 10px;text-align:left}/* End custom CSS */