@scope(.faq) to ([class*=loam-]){@layer loamui.components{:scope{background:var(--loam-color-bg-subtle);border-radius:var(--loam-radius-xl);container:faq/inline-size}div.inner{font-size:var(--loam-text-md);gap:var(--loam-space-l);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);max-inline-size:44rem;margin-inline:auto;display:grid}header{gap:var(--loam-space-2xs);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}header>p{color:var(--loam-color-fg-muted);max-inline-size:var(--loam-measure);text-wrap:pretty;margin-block:0}h2{text-wrap:balance;max-inline-size:24ch;margin-block:0}ul.questions{gap:var(--loam-space-s);grid-template-columns:minmax(0,1fr);margin-block:0;padding:0;list-style:none;display:grid}li{gap:var(--loam-space-3xs);grid-template-columns:minmax(0,1fr);margin-block:0;display:grid}li+li{border-block-start:1px solid var(--loam-color-line);padding-block-start:var(--loam-space-s)}h3,li>p{margin-block:0}@container faq not (min-inline-size:48rem){div.inner{padding:var(--loam-space-l) var(--loam-space-s)}}@container faq (min-inline-size:48rem){div.inner{padding:calc(var(--loam-space-l) * 2) var(--loam-space-l)}}@media (forced-colors:active){:scope{border:1px solid canvastext}}}}
@scope(.timeline) to ([class*=loam-]){@layer loamui.components{:scope{container-type:inline-size}ol{--_dot:.875rem;--_gap:var(--loam-space-s);font-size:var(--loam-text-md);gap:var(--_gap);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);margin-block:0;padding:0;list-style:none;display:grid}li{gap:var(--loam-space-3xs) var(--loam-space-xs);grid-template-areas:"dot date""dot title""dot description";grid-template-columns:var(--_dot) minmax(0, 1fr);margin-block:0;display:grid}li:before{background:var(--loam-color-primary-strong);block-size:var(--_dot);border-radius:var(--loam-radius-full);box-shadow:0 0 0 3px var(--loam-color-bg);content:"";font-size:var(--loam-text-sm);inline-size:var(--_dot);z-index:1;grid-area:dot;margin-block-start:calc((1lh - var(--_dot)) / 2)}li:not(:last-child):after{border-inline-start:1px solid var(--loam-color-line-strong);content:"";margin-block:var(--_dot) calc(-1 * var(--_gap));grid-area:dot;justify-self:center}time{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);font-variant-numeric:lining-nums tabular-nums;grid-area:date}h3{grid-area:title;margin-block:0}p{color:var(--loam-color-fg-muted);max-inline-size:var(--loam-measure);text-wrap:pretty;grid-area:description;margin-block:0}@media (forced-colors:active){li:before{border:1px solid canvastext}li:after{border-color:canvastext}}}}