html:has(body[data-studio-surface="atlas"]){scroll-behavior:auto}
body[data-studio-surface="atlas"] :is(#studio-work-heading,#welcome,#learning-hub,#metric-row,#work-layout,#dashboard-page,#article-discovery,#bottom-banner){display:none}
.studio-atlas{max-width:1340px;margin-inline:auto;color:var(--ink)}
.studio-atlas [hidden]{display:none!important}
.atlas-route{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 15px;border-bottom:1px solid var(--line);margin-bottom:24px;min-height:32px}
.atlas-route:has(.atlas-back[hidden]){display:none}
.atlas-back{color:var(--ink2);font-weight:650;font-size:13px}
.atlas-back::before{content:"← ";margin-right:4px}
.atlas-trail{color:var(--muted);font-size:12px;text-align:right}
.atlas-heading{padding:16px 0 22px;border-bottom:1px solid var(--line)}
.atlas-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0 0 10px}
.atlas-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.65;max-width:65ch}
.atlas-heading-figure:empty{display:none}
.atlas-header-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:15px;font-size:13px;color:var(--muted)}
.atlas-header-meta:empty{display:none}
.atlas-header-meta span+span{border-left:1px solid var(--line);padding-left:16px}
.atlas-header-meta strong{font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums}
[data-atlas-view=catalog] .atlas-heading{border-top:2px solid var(--ink)}
.atlas-directory-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,37%);align-items:center;gap:16px;padding:32px 0 27px}
.atlas-directory-head h3,.atlas-chapter-head h3,.atlas-search-results h3{font-size:clamp(22px,2.5vw,33px);letter-spacing:-.035em;margin:0}
.atlas-search{display:grid;gap:5px}
.atlas-search-field{display:block;position:relative}
.atlas-search-field svg{position:absolute;top:50%;left:13px;width:17px;height:17px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.atlas-search input{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;padding:0 13px 0 39px}
#article-search-count{color:var(--muted);font-size:12px;text-align:right}
.atlas-directory,.atlas-chapter-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(255px,1fr);gap:clamp(18px,4vw,58px);align-items:start}
.atlas-chapter-row,.atlas-chapter-labels{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:13px;border-top:1px solid var(--line)}
.atlas-chapter-labels{padding:12px 7px;color:var(--muted);font-size:11px}
.atlas-chapter-labels span:last-child{grid-column:3/-1}
.atlas-chapter-row{position:relative;color:var(--ink);padding:22px 8px;min-height:88px}
.atlas-chapter-row:last-child{border-bottom:1px solid var(--line)}
.atlas-chapter-row:hover,.atlas-chapter-row.is-previewed{background:var(--surface-2)}
.atlas-chapter-row.is-previewed::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--action)}
.atlas-index,.atlas-chapter-count,.atlas-entry-number{color:var(--muted);font:13px ui-monospace,Consolas,monospace}
.atlas-chapter-count{color:var(--ink);font-weight:750}
.atlas-chapter-title{display:grid;gap:4px;min-width:0}
.atlas-chapter-title strong{font-size:clamp(17px,1.55vw,24px);line-height:1.2;letter-spacing:-.02em}
.atlas-chapter-title small,.atlas-entry>span:not(.atlas-entry-number){color:var(--muted);font-size:13px;line-height:1.5}
.studio-atlas a>svg{width:16px;height:16px;flex:none}
.atlas-preview{position:sticky;top:78px;overflow:hidden;border-radius:9px;background:#19242f;color:#eef3fa;border:1px solid #354353}
.atlas-preview-top{padding:12px 19px;display:flex;justify-content:space-between;color:#abbacc;font-size:12px;border-bottom:1px solid #354353}
.atlas-graphic{min-width:0;height:100%;padding:22px;color:#e5edf7;background:#1f2c39}
.atlas-graphic-label{font:12px ui-monospace,Consolas,monospace;color:#acc1d5;margin:0 0 15px}
.atlas-preview .atlas-graphic{min-height:158px}
.atlas-graphic pre{font:13px/1.8 ui-monospace,Consolas,monospace;margin:0;overflow:auto}
.atlas-schema{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;position:relative}
.atlas-schema::before,.atlas-schema::after{content:"";position:absolute;left:50%;width:8px;pointer-events:none}
.atlas-schema::before{top:42px;height:23px;transform:translateX(-100%);border-top:1px solid #79c9b9;border-right:1px solid #79c9b9}
.atlas-schema::after{top:65px;border-top:1px solid #79c9b9}
.atlas-schema-table{min-width:0;overflow:hidden;background:#273543;border:1px solid #526277;border-radius:6px;font:11px/1.4 ui-monospace,Consolas,monospace}
.atlas-schema-table strong{display:block;padding:7px 9px;border-bottom:1px solid #526277}
.atlas-schema-field{display:flex;justify-content:space-between;gap:3px;padding:4px 7px;overflow-wrap:anywhere}
.atlas-schema-field span{color:#a8e0d2;font-size:10px}
.atlas-preview-copy{padding:18px 20px}
.atlas-preview-copy h3{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin:0 0 7px}
.atlas-preview-copy p{color:#c1cbd9;font-size:14px;line-height:1.55;margin:0 0 12px}
.atlas-compact-link,.atlas-preview-open,.atlas-practice{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;color:var(--ink);font-weight:650;font-size:13px}
.atlas-preview .atlas-compact-link,.atlas-preview-open{border-top:1px solid #3b4959;color:#edf3fa}
.atlas-preview-open{color:#a8e0d2;margin-top:5px}
[data-atlas-view=chapter] .atlas-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr);border:1px solid #344252;border-radius:9px;background:#1d242d;color:#f0f5fa;padding:0;overflow:hidden}
[data-atlas-view=chapter] .atlas-heading-copy{padding:clamp(24px,4vw,55px)}
[data-atlas-view=chapter] .atlas-heading h2{font-size:clamp(34px,4.5vw,63px);max-width:19ch}
[data-atlas-view=chapter] .atlas-heading p,[data-atlas-view=chapter] .atlas-header-meta{color:#c2cedc}
[data-atlas-view=chapter] .atlas-heading-figure{border-left:1px solid #3c4b5c}
[data-atlas-view=chapter] .atlas-graphic{display:flex;flex-direction:column;justify-content:center}
.atlas-chapter-layout{grid-template-columns:minmax(0,1fr) minmax(175px,26%);margin-top:30px}
.atlas-chapter-head{display:flex;justify-content:space-between;align-items:baseline;gap:9px;border-bottom:2px solid var(--ink);padding:0 0 12px}
.atlas-chapter-head>span{color:var(--muted);font-size:12px}
.atlas-entry{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 10px;padding:16px 5px;border-bottom:1px solid var(--line);color:var(--ink)}
.atlas-entry strong{font-size:18px;grid-column:1}
.atlas-entry>span:not(.atlas-entry-number){grid-column:1}
.atlas-entry svg{grid-column:2;grid-row:1/span 2;align-self:center}
.atlas-entry:hover,.atlas-compact-link:hover{background:var(--surface-2)}
.atlas-preview .atlas-compact-link:hover{background:#283645}
.atlas-chapter-entries .atlas-entry{grid-template-columns:34px minmax(0,1fr) 20px;padding-block:22px}
.atlas-chapter-entries .atlas-entry :is(strong,span:not(.atlas-entry-number)){grid-column:2}
.atlas-chapter-entries .atlas-entry svg{grid-column:3}
.atlas-entry-number{grid-column:1;grid-row:1/span 2;padding-top:2px}
.atlas-chapter-related{border-top:2px solid var(--ink);padding-top:11px}
.atlas-chapter-related h3{font-size:14px;margin:0 0 7px}
.atlas-chapter-related .atlas-compact-link{border-top:1px solid var(--line)}
.atlas-practice{display:inline-flex;border:1px solid var(--line);border-radius:6px;background:var(--surface);margin-top:12px;padding:8px 10px}
[data-atlas-view=article]{display:grid;grid-template-columns:minmax(0,740px) minmax(175px,238px);gap:0 clamp(24px,5vw,72px);justify-content:center;align-items:start}
[data-atlas-view=article] .atlas-route{grid-column:1/-1}
[data-atlas-view=article] .atlas-heading{grid-column:1;grid-row:2;padding:6px 0 17px}
[data-atlas-view=article] .atlas-heading h2{font:400 clamp(31px,4vw,51px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em;max-width:26ch}
[data-atlas-view=article] .atlas-heading p{font-size:16px;max-width:65ch}
[data-atlas-view=article] .atlas-header-meta{font-size:12px}
[data-atlas-view=article] #studio-atlas-body{display:contents}
.atlas-prose{grid-column:1;grid-row:3;min-width:0;padding:18px 0 0;font-size:15px;line-height:1.72;overflow-wrap:anywhere}
.atlas-prose p,.atlas-prose ul,.atlas-prose ol{margin:0 0 14px}
.atlas-prose h2,.atlas-prose h3{line-height:1.25;margin:29px 0 11px;scroll-margin-top:80px}
.atlas-prose h2{font-size:22px;letter-spacing:-.015em}
.atlas-prose h3{font-size:17px}
.atlas-prose>h2:first-child{margin-top:0}
.atlas-prose a{color:var(--action);text-decoration:underline;text-underline-offset:.17em}
.atlas-prose code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}
.atlas-prose :not(pre)>code{background:var(--surface-2);padding:.08em .24em;border-radius:3px}
.atlas-code{background:#19242f;color:#e9eef4;border-radius:7px;margin:15px 0;overflow:hidden}
.atlas-code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #354353;color:#b4c6d8;font-size:12px}
.atlas-code pre{overflow:auto;margin:0;padding:13px 15px;line-height:1.6;tab-size:2}
.atlas-copy{border:1px solid #566374;border-radius:5px;background:#283645;color:#edf1f8;padding:4px 8px;font:inherit;font-size:12px;cursor:pointer}
.atlas-copy:hover{background:#3a4656}
.atlas-prose .note{padding:12px 15px;margin:14px 0;border-left:2px solid var(--action);background:var(--surface-2)}
.atlas-prose .note p:last-child{margin-bottom:0}
.atlas-prose .table-scroll{overflow:auto;margin:14px 0}
.atlas-prose table{width:100%;border-collapse:collapse;font-size:13px}
.atlas-prose caption{text-align:left;color:var(--muted)}
.atlas-prose th,.atlas-prose td{padding:7px 9px;text-align:left;border-bottom:1px solid var(--line)}
.atlas-prose th{background:var(--surface-2)}
.atlas-prose .actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.atlas-prose .actions .button{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);text-decoration:none;font-weight:650}
.atlas-prose hr{margin:22px 0;border:0;border-top:1px solid var(--line)}
.atlas-toc{grid-column:2;grid-row:2/span 2;position:sticky;top:78px;border-top:1px solid var(--line);padding-top:12px;font-size:13px;line-height:1.5}
.atlas-toc summary{font-size:13px;font-weight:700;cursor:pointer}
.atlas-toc ul{list-style:none;margin:8px 0 0;padding:0;border-left:1px solid var(--line)}
.atlas-toc li a{display:block;padding:6px 8px;color:var(--ink2)}
.atlas-toc li a:hover,.atlas-toc li a:focus-visible{background:var(--surface-2)}
.atlas-toc li a[aria-current]{background:var(--violet-pale);color:var(--action)}
.atlas-related{margin-top:20px;border-top:1px solid var(--line)}
.atlas-related .atlas-related-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 15px;font-size:14px}
.atlas-sql-keyword,.atlas-sql-builtin{color:#a9c9ff}
.atlas-sql-string{color:#a8dcae}
.atlas-sql-number,.atlas-sql-atom{color:#f0c38e}
.atlas-sql-comment{color:#abb6c2}
.studio-atlas :is(a,button,input,summary):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.studio-atlas .atlas-preview a:focus-visible{outline-color:#a9c9ff;outline-offset:-2px}
@media(max-width:780px){
 .atlas-directory,.atlas-chapter-layout,.atlas-directory-head,[data-atlas-view=chapter] .atlas-heading,[data-atlas-view=article]{grid-template-columns:minmax(0,1fr)}
 .atlas-directory-head{padding:23px 0 16px}
 .atlas-preview{display:none}
 [data-atlas-view=chapter] .atlas-heading-figure{border-left:0;border-top:1px solid #3c4b5c}
 .atlas-trail{display:none}
 .atlas-toc{position:static;grid-column:1;grid-row:3;margin:12px 0 0;border:0;padding:0}
 .atlas-prose{grid-row:4}
 .atlas-chapter-row{padding-block:15px;min-height:66px}
}
@media(max-width:440px){
 .atlas-chapter-row,.atlas-chapter-labels{grid-template-columns:26px minmax(0,1fr) auto 14px;gap:7px}
 .atlas-chapter-labels{font-size:10px}
}
