@font-face{font-family:AtlasBasteleur;src:url('assets/basteleur-bold.ttf') format('truetype');font-display:swap}
@font-face{font-family:AtlasSans;src:url('assets/dm-sans-variable.ttf') format('truetype');font-weight:100 1000;font-display:swap}
/* Live reads as an index and a changing caption, rather than four cards. */
.live-kicker{order:-1;font:9px/1.4 Plex,monospace;letter-spacing:1.2px;margin:0 0 18px;color:#a6b2a8}
.live-editorial>h3{font:normal clamp(40px,4.8vw,66px)/1 AtlasBasteleur,Georgia;letter-spacing:-2px;color:#cab3e6;margin:0 0 24px}
.live-intro{font:13px/1.6 AtlasSans,sans-serif;color:#b9c4b9;margin-bottom:24px}
.live-tabs{display:flex;flex-direction:column;border-block:0;gap:0}
.live-tabs button{display:grid;grid-template-columns:15px 1fr 24px;align-items:center;min-height:51px;padding:12px 0;gap:16px;border:0;border-bottom:1px solid #566057!important;background:transparent;font:500 23px/1 AtlasSans,sans-serif;color:#929f95;letter-spacing:-.6px;transition:color .2s,padding .2s}
.live-tabs button::after{display:none}
.live-tabs button .live-dot,.live-tabs button[aria-selected=true] .live-dot{display:block;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;font-size:0}
.live-tabs button b{font:22px/1 AtlasSans,sans-serif;justify-self:end;font-weight:400;transition:transform .2s}
.live-tabs button[aria-selected=true],.live-tabs button[aria-selected=true]:hover{background:transparent;color:#c8a7ee;text-decoration:none;padding-left:10px}
.live-tabs button[aria-selected=true] .live-dot{background:currentColor}
.live-tabs button[aria-selected=true] b{transform:rotate(45deg)}
.live-tabs button:hover{background:transparent;color:#e1e7df;padding-left:10px}
.live-tabs button:focus-visible{outline:2px solid #b996df;outline-offset:3px}
.live-panel{padding:26px 0 22px;min-height:150px}
.live-panel h4{font:500 29px/1.13 AtlasSans,sans-serif;font-style:normal;letter-spacing:-.9px;margin-bottom:12px;color:#d3ddd4}
.live-panel p{font:13px/1.6 AtlasSans,sans-serif}
.live-panel small{font:8px/1.5 Plex,monospace;letter-spacing:1px;margin-top:15px}
.live-example{font:500 23px/1.2 AtlasSans,sans-serif;letter-spacing:-.6px}
.live-podium-note p{font:400 18px/1.25 AtlasSans,sans-serif}
/* A compact adaptation of the supplied editorial atlas. */
.atlas-register{position:relative;overflow:hidden}
.atlas-register>header{position:relative;min-height:240px}
.atlas-register>header h2{font:normal clamp(36px,4.8vw,65px)/1 AtlasBasteleur,Georgia;letter-spacing:-2px;position:relative;z-index:1;max-width:480px}
.atlas-apparatus{display:block;width:190px;height:220px;object-fit:contain;margin-top:25px}
.atlas-flow{min-width:0;padding-top:8px;font-family:AtlasSans,sans-serif}
.atlas-guide{font:12px/1.5 AtlasSans,sans-serif;margin:0 0 24px}
.atlas-flow button{color:#3b2d23;background:#ece8e0;border:0;border-top:1px solid #3b2d23;border-radius:0;padding:20px 16px;text-align:left;font:500 21px/1.15 AtlasSans,sans-serif;cursor:pointer;min-width:0;transition:background .2s}
.atlas-flow button:hover{background:#c5afe2}.atlas-flow button:focus-visible{outline:2px solid #68478c;outline-offset:4px}
.atlas-flow button small{display:block;font:10px/1.5 Plex,monospace;margin-top:10px;letter-spacing:0}
.flow-start{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px}
.flow-start button small{font-size:8px;margin:0 0 12px}.flow-start>span,.flow-finish>span{text-align:center}
.flow-parallel-label{font:9px/1.6 Plex,monospace;letter-spacing:1px;margin:28px 0 12px}
.flow-parallel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.flow-parallel button{background:#d0dee7;font-size:19px}.flow-parallel button small{font:11px/1.4 AtlasSans,sans-serif}
.flow-finish{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;margin-top:28px;border-top:1px solid #7f6a91;padding-top:22px}
.flow-finish button{background:#a986dc;font-size:20px}
.atlas-matrix{background:#f6f3ed;color:#3b2d23;padding:50px 5% 65px}
.atlas-matrix header{max-width:900px;margin-bottom:30px}.atlas-matrix header h2{font:normal clamp(35px,5vw,62px)/1 AtlasBasteleur,Georgia;letter-spacing:-2px;margin:18px 0}.atlas-matrix header p:last-child{font:14px/1.6 AtlasSans,sans-serif;max-width:650px}
.atlas-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#a986dc #d0dee7}
.atlas-table-scroll:focus-visible{outline:2px solid #7545a2;outline-offset:5px}
.atlas-matrix table{border-collapse:collapse;width:100%;min-width:820px;table-layout:fixed;background:#d0dee7;font:14px/1.5 AtlasSans,sans-serif}
.atlas-matrix th,.atlas-matrix td{text-align:left;padding:22px 24px;border-bottom:1px solid #3b2d233b;vertical-align:top;overflow-wrap:break-word}
.atlas-matrix thead th{background:#3b2d23;color:#d0dee7;font:12px/1.5 Plex,monospace;text-transform:uppercase;letter-spacing:.6px}
.atlas-matrix th:first-child{width:25%}.atlas-matrix td:nth-child(3){background:#c2aedc}
.atlas-matrix tbody th{font-weight:400}.atlas-matrix tbody tr:nth-child(even){background:#e0e8ec}
.atlas-matrix th button{display:flex;gap:12px;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:normal 21px/1.2 AtlasBasteleur,Georgia;cursor:pointer}
.atlas-matrix th button span{font:20px AtlasSans,sans-serif}.atlas-matrix th button:hover{color:#74479c}.atlas-matrix th button:focus-visible{outline:2px solid #7545a2;outline-offset:5px}
.matrix-hint{display:none}.matrix-foot{font:11px/1.5 AtlasSans,sans-serif;margin:20px 0 0}
@media(max-width:800px){.atlas-register>header{min-height:0}.atlas-register>header h2{max-width:70%;font-size:39px}.atlas-apparatus{position:absolute;right:0;top:0;width:26%;height:150px;margin:0;opacity:.65}.atlas-flow{margin-top:25px}.atlas-matrix{padding:38px 20px}.matrix-hint{display:block;font:10px/1.5 Plex,monospace;margin-bottom:15px}.atlas-matrix th,.atlas-matrix td{padding:18px}.live-editorial>h3{font-size:47px}.live-tabs button{font-size:23px}.live-panel h4{font-size:27px}}
@media(max-width:500px){.flow-start,.flow-finish{grid-template-columns:1fr}.flow-start>span,.flow-finish>span{transform:rotate(90deg);justify-self:center}.flow-parallel{grid-template-columns:1fr;gap:10px;border-left:1px solid #8e7a9f;padding-left:16px}.flow-parallel button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px}.flow-parallel button small{max-width:110px;margin:0}.atlas-register>header h2{font-size:34px}.live-panel{min-height:160px}}
@media(prefers-reduced-motion:reduce){.live-tabs button,.live-tabs button b,.atlas-flow button{transition:none}}