/* Atlas specimens use the same semantic theme and demo tokens. */
.atlas-system-section{position:relative;margin:30px auto 60px;padding:40px!important;max-width:calc(90% - 2px);border:1px solid var(--mint);border-radius:24px;background:var(--panel);box-shadow:0 12px 0 color-mix(in srgb,var(--mint) 7%,transparent)}
.atlas-system-heading{display:flex;align-items:center;gap:22px}.atlas-system-heading h2{margin-top:8px}.atlas-system-mark{display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;width:76px;height:76px;flex:none;color:var(--mint);font:italic 42px var(--serif)}
.system-specimens{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.system-specimens>div{border-top:1px solid var(--line);padding-top:22px}.system-specimens h3{font-size:20px;margin-top:14px}.system-specimens p{font-size:14px;color:var(--muted);margin-top:6px}.system-color-sample{display:flex;height:44px;align-items:center}.system-color-sample i{width:36px;height:36px;border-radius:50%;background:var(--mint);border:2px solid var(--panel)}.system-color-sample i+i{margin-left:-8px;background:var(--coral)}.system-color-sample i:last-child{background:var(--lilac)}.system-type-sample{display:block;font:36px/44px var(--serif);color:var(--coral)}.system-motion-sample{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--bg);font-size:26px}

@media(max-width:760px){.atlas-system-section{padding:26px 22px!important;margin:20px auto 44px}.atlas-system-heading{gap:16px}.atlas-system-mark{width:56px;height:56px;font-size:32px}.atlas-system-heading h2{font-size:34px}.system-specimens{grid-template-columns:1fr;gap:18px}.system-specimens>div{display:grid;grid-template-columns:70px 1fr;column-gap:12px;align-items:center}.system-specimens h3{margin:0;grid-column:2}.system-specimens p{grid-column:2}.system-specimens>div>span{grid-column:1;grid-row:1/3}}
@media(forced-colors:active){.atlas-system-section{border-color:CanvasText}.system-color-sample{display:none}}