.hlc{--hlc-top:calc(var(--bar-h,0px) + var(--header-top) + var(--header-h));margin-top:var(--panel-x);padding:calc(var(--hlc-top) + 24px) var(--gutter) calc(var(--sec-pb) * .8);background:var(--color-surface-hover);color:var(--color-text-main);position:relative}@media (min-width:1100px){.hlc{padding-top:calc(var(--hlc-top) + 52px)}}.hlc .lucide{flex:none;width:18px;height:18px}.hlc-in{max-width:var(--container);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""sub""paths""foot";gap:22px;margin:0 auto;display:grid}@media (min-width:700px){.hlc-in{gap:28px}}@media (min-width:1100px){.hlc-in{grid-template:"head sub""paths sub""foot sub"1fr/minmax(0,1fr) minmax(330px,400px);gap:32px clamp(40px,4.5vw,80px)}}.hlc-head{grid-area:head;min-width:0}.hlc-h1{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);font-weight:700;line-height:1.2}.hlc-lead{max-width:52ch;color:var(--color-text-muted);text-wrap:pretty;margin:12px 0 0;font-size:clamp(1.02rem,.96rem + .25vw,1.15rem);line-height:1.8}.hlc-sub{border-radius:var(--r-card);background:var(--color-surface-base);min-width:0;color:var(--color-text-main);box-shadow:inset 0 0 0 1px var(--color-border);grid-area:sub;align-self:start;gap:12px;padding:24px 20px 22px;display:grid;position:relative}@media (min-width:700px){.hlc-sub{padding:30px 30px 28px}}@media (min-width:1100px){.hlc-sub{top:calc(var(--hlc-top) + 20px);position:sticky}}.hlc-sub-t{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(1.25rem,1.1rem + .5vw,1.45rem);font-weight:700;line-height:1.4}.hlc-sub-p{color:var(--color-text-muted);text-wrap:pretty;margin:0;font-size:.98rem;line-height:1.8}.hlc-scan{border-radius:var(--r-inner);background:var(--color-surface-elevated);margin:6px 0 4px;padding:16px 16px 14px}.hlc-scan-k{color:var(--color-text-muted);font-family:var(--font-display);margin:0 0 10px;font-size:.88rem;font-weight:600}.hlc-scan-list{gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.hlc-scan-list:before,.hlc-scan-list:after{content:"";inset-inline-start:17px;background:var(--color-border);border-radius:2px;width:2px;position:absolute;top:18px;bottom:18px}.hlc-scan-list:after{background:var(--color-primary);transform-origin:top;animation:hlc-line 1.5s .35s var(--ease-out) forwards;scale:1 0}.hlc-scan-list li{z-index:1;align-items:center;gap:12px;font-size:.95rem;line-height:1.5;display:flex;position:relative}.hlc-node{background:var(--color-surface-base);width:36px;height:36px;color:var(--color-text-main);box-shadow:inset 0 0 0 1.5px var(--color-border);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.hlc .hlc-node .lucide{z-index:1;width:17px;height:17px;position:relative}.hlc-node:after{content:"";background:color-mix(in oklab, var(--color-primary) 22%, var(--color-surface-base));box-shadow:inset 0 0 0 1.5px var(--color-primary);opacity:0;animation:hlc-node .5s var(--ease-out) forwards;border-radius:50%;position:absolute;inset:0;scale:.6}.hlc-scan-list li:first-child .hlc-node:after{animation-delay:.35s}.hlc-scan-list li:nth-child(2) .hlc-node:after{animation-delay:.95s}.hlc-scan-list li:nth-child(3) .hlc-node:after{animation-delay:1.55s}@keyframes hlc-node{to{opacity:1;scale:1}}@keyframes hlc-line{to{scale:1}}.hlc-sub-btn{white-space:normal;text-align:center;justify-self:stretch;margin-top:4px}.hlc-paths{grid-area:paths;min-width:0}.hlc-foot{grid-area:foot;align-self:start;margin:0}.hlc-status{min-height:44px;color:var(--color-text-main);font-family:var(--font-display);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:6px;transition:text-decoration-color .25s var(--ease-out);align-items:center;gap:10px;font-size:.98rem;font-weight:600;text-decoration-thickness:1.5px;display:inline-flex;position:relative}.hlc-status-ico{border-radius:var(--r-btn);background:var(--color-surface-base);width:36px;height:36px;color:var(--color-success-text);place-items:center;display:grid}@media (hover:hover){.hlc-status:hover{text-decoration-color:currentColor}}.hlc-status:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px;border-radius:var(--r-btn)}.hlc-scan-toggle{display:none}@media (max-width:699px){.hlc-scan{padding:4px}.hlc-scan-k{display:none}.hlc-scan-toggle{border-radius:calc(var(--r-inner) - 4px);cursor:pointer;text-align:start;width:100%;min-height:44px;color:var(--color-text-main);font-family:var(--font-display);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.92rem;font-weight:600;display:flex}.hlc .hlc-scan-toggle .lucide{width:18px;height:18px;color:var(--color-text-muted);transition:rotate .3s var(--ease-out)}.hlc-scan-toggle[aria-expanded=true] .lucide{rotate:180deg}.hlc-scan-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.hlc-scan:not(.is-open) .hlc-scan-list{display:none}.hlc-scan.is-open .hlc-scan-list{padding:4px 12px 12px}.hlc-scan.is-open .hlc-scan-list:before,.hlc-scan.is-open .hlc-scan-list:after{inset-inline-start:29px;top:22px;bottom:30px}}@media (hover:hover) and (max-width:699px){.hlc-scan-toggle:hover .lucide{color:var(--color-text-main)}}@media (prefers-reduced-motion:reduce){.hlc-scan-list:after{animation:none;scale:1}.hlc-node:after{opacity:1;animation:none;scale:1}}.hlc{margin-top:calc(var(--panel-x) - (var(--bar-h,0px) + var(--header-top) + var(--header-h) + 16px))}
