.atl{--atl-pitch:28px;--atl-gap:4px;--atl-colgap:6px;--atl-colw:2.625rem;--atl-axis:1.75rem;--atl-head:1.5rem}@media (min-width:768px){.atl{--atl-pitch:20px;--atl-gap:3px;--atl-colgap:8px;--atl-axis:2.25rem}}@media (min-width:1024px){.atl{--atl-pitch:clamp(16px, 1.45vw, 25px);--atl-colgap:clamp(5px, .62vw, 11px)}}.atl-frame{align-items:flex-start;display:flex;position:relative}.atl-axis{width:var(--atl-axis);margin-top:var(--atl-head);height:calc(var(--atl-rows) * var(--atl-pitch));flex:none;position:relative}.atl-axis span{left:0;bottom:calc(var(--k) * var(--atl-pitch) - var(--atl-gap) / 2);font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-3);font-size:.625rem;line-height:1;position:absolute;transform:translateY(50%)}.atl-scroll{min-width:0;padding-top:var(--atl-head);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;scroll-padding-inline:2px;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.atl-scroll::-webkit-scrollbar{display:none}.atl-scroll[data-end]{-webkit-mask-image:none;mask-image:none}@media (min-width:768px){.atl-scroll{scroll-snap-type:none;overflow:visible;-webkit-mask-image:none;mask-image:none}}.atl-cols{grid-template-columns:repeat(16, var(--atl-colw));column-gap:var(--atl-colgap);width:max-content;margin:0;padding:0 2px;list-style:none;display:grid;position:relative}@media (min-width:768px){.atl-cols{grid-template-columns:repeat(16,minmax(0,1fr));width:100%;padding:0}}.atl-grid{height:calc(var(--atl-rows) * var(--atl-pitch));pointer-events:none;position:absolute;inset:0 0 auto}.atl-grid i{height:1px;left:0;right:0;bottom:calc(var(--k) * var(--atl-pitch) - var(--atl-gap) / 2);background:var(--line);opacity:.7;position:absolute}.atl-grid b{background:var(--line-strong);height:1px;position:absolute;bottom:-5px;left:-2px;right:-2px}.atl-col{scroll-snap-align:start;min-width:0;position:relative}.atl-stack{height:calc(var(--atl-rows) * var(--atl-pitch));margin:0;padding:0;list-style:none;position:relative}.atl-slot{height:calc(var(--atl-pitch) - var(--atl-gap));transform:translate3d(0, calc(var(--slot) * var(--atl-pitch) * -1), 0);transition:transform .95s var(--ease-out-expo) calc(var(--c) * 20ms + var(--slot) * 14ms);position:absolute;bottom:0;left:0;right:0}.atl-tile{--td:calc(var(--c) * 20ms + var(--slot) * 9ms);background-color:var(--tb,transparent);box-shadow:inset 0 0 0 1px var(--tl,transparent);transition:background-color .6s var(--ease-out-expo) var(--td), box-shadow .45s var(--ease-out-expo), opacity .35s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;border-radius:2px;display:block;position:absolute;inset:0}.atl-tile:after{content:"";border-radius:inherit;background:var(--hatch-avoid);opacity:var(--th,0);transition:opacity .6s var(--ease-out-expo) var(--td);position:absolute;inset:0}.atl-tile:before{content:"";inset:calc(var(--atl-gap) / -2) calc(var(--atl-colgap) / -2);position:absolute}.atl-tile:focus-visible{outline-offset:2px;z-index:3}.atl[data-lens=level] .atl-tile[data-level=MUST]{--tb:var(--lv-must)}.atl[data-lens=level] .atl-tile[data-level=SHOULD]{--tb:var(--lv-should)}.atl[data-lens=level] .atl-tile[data-level=MAY]{--tl:var(--line-strong)}.atl[data-lens=level] .atl-tile[data-level=AVOID]{--tl:color-mix(in oklab, var(--color-fail) 80%, transparent);--th:1}.atl[data-lens=outcome] .atl-tile[data-outcome=automatic]{--tb:var(--oc-automatic)}.atl[data-lens=outcome] .atl-tile[data-outcome=assisted]{--tb:var(--oc-assisted)}.atl[data-lens=outcome] .atl-tile[data-outcome=guided]{--tl:var(--oc-guided)}.atl[data-engaged] .atl-tile{opacity:.4}.atl[data-isolate] .atl-tile:not([data-match]){opacity:.12}.atl[data-lens] .atl-tile[data-on]{opacity:1;z-index:2;box-shadow:inset 0 0 0 1px var(--tl,transparent), 0 0 0 2px var(--bg), 0 0 0 3px var(--accent), 0 0 22px color-mix(in oklab, var(--accent) 45%, transparent)}.atl[data-isolate] .atl-tile[data-match]{opacity:1}.atl[data-engaged][data-isolate] .atl-tile[data-match]:not([data-on]){opacity:.55}.atl[data-lens][data-isolate] .atl-tile[data-on]{opacity:1}.atl[data-intro] .atl-tile,.atl[data-intro] .atl-tile:after,.atl[data-intro] .atl-slot{transition:none}.atl-count{left:0;right:0;bottom:calc(var(--n) * var(--atl-pitch) + .3rem);text-align:center;font-family:var(--font-mono);color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:.625rem;line-height:1;transition:color .3s;position:absolute}.atl-code{text-align:center;font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-3);margin-top:.85rem;font-size:.625rem;font-weight:500;line-height:1;transition:color .3s;display:block}@media (min-width:1280px){.atl-code,.atl-count{font-size:.6875rem}}.atl-col[data-on] .atl-code,.atl-col[data-on] .atl-count{color:var(--fg)}.atl-col[data-on] .atl-code{color:var(--accent)}.atl-cross{height:calc(var(--atl-rows) * var(--atl-pitch));pointer-events:none;z-index:1;position:absolute;inset:0 0 auto}.atl-cross-x,.atl-cross-y{opacity:0;transition:opacity .3s, left .45s var(--ease-out-expo), bottom .45s var(--ease-out-expo);position:absolute}.atl-cross-x{width:1px;top:-.75rem;bottom:-.35rem;left:calc((100% - 15 * var(--atl-colgap)) / 16 * (var(--ax) + .5) + var(--atl-colgap) * var(--ax));background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--accent) 55%, transparent) 30%, color-mix(in oklab, var(--accent) 55%, transparent) 70%, transparent)}.atl-cross-y{height:1px;left:-.5rem;right:-.5rem;bottom:calc(var(--ay) * var(--atl-pitch) + (var(--atl-pitch) - var(--atl-gap)) / 2);background:linear-gradient(to right, transparent, color-mix(in oklab, var(--fg) 30%, transparent) 12%, color-mix(in oklab, var(--fg) 30%, transparent) 88%, transparent)}.atl[data-engaged] .atl-cross-x,.atl[data-engaged] .atl-cross-y{opacity:1}.atl-sweep{opacity:0;background:var(--accent);width:1px;box-shadow:0 0 18px 2px color-mix(in oklab, var(--accent) 55%, transparent);position:absolute;top:-.75rem;bottom:-.35rem;left:0}@keyframes atl-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.atl-read>*{animation:atl-in .55s var(--ease-out-expo) both}.atl-read>:nth-child(2){animation-delay:45ms}.atl-read>:nth-child(3){animation-delay:90ms}.atl-read>:nth-child(4){animation-delay:.135s}.atl-seg{border:1px solid var(--line-strong);border-radius:999px;grid-auto-columns:auto;grid-auto-flow:column;padding:3px;display:inline-grid;position:relative}.atl-seg button{z-index:1;letter-spacing:-.01em;color:var(--fg-2);transition:color .4s var(--ease-out-expo);white-space:nowrap;border-radius:999px;padding:.55rem 1rem;font-size:.875rem;line-height:1.2;position:relative}.atl-seg button[aria-pressed=true]{color:var(--bg)}.atl-seg:not([data-ready]) .atl-seg-pill{transition:none}.atl-seg:not([data-ready]) button[aria-pressed=true]{background:var(--fg)}.atl-seg button:hover:not([aria-pressed=true]){color:var(--fg)}.atl-seg-pill{background:var(--fg);transition:transform .6s var(--ease-out-expo), width .6s var(--ease-out-expo);border-radius:999px;position:absolute;top:3px;bottom:3px;left:0}.atl-leg button{min-height:2rem;color:var(--fg-2);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem .3rem .55rem;font-size:.8125rem;transition:border-color .3s,color .3s,background-color .3s;display:inline-flex}.atl-leg button:hover{color:var(--fg);border-color:var(--line)}.atl-leg button[aria-pressed=true]{color:var(--fg);border-color:var(--line-strong);background:var(--glass)}@keyframes atl-leg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.atl-leg li{animation:atl-leg-in .5s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 45ms)}