.atelier .hero-grid{padding-left:246px;min-height:790px;align-items:start}
.atelier .concept-margin.market-rail{width:207px;top:8px;bottom:auto;padding-right:21px;display:block;letter-spacing:normal;color:#233148;font-family:Inter,Arial,sans-serif}
.atelier .market-rail span:last-child{writing-mode:initial;transform:none}
.market-kicker{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.12em;color:#737b85}
.market-heading h2{font:normal 25px/1.12 Georgia,serif;letter-spacing:-.04em;margin:13px 0 12px;color:#1e2734}
.market-demo{display:inline-block;font:7px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#6f7784;border-bottom:1px solid #dce1e7;padding-bottom:8px;width:100%}
.market-tabs{display:flex;flex-wrap:wrap;gap:4px 10px;padding:10px 0 12px}
.market-tabs button{font:9px Inter,sans-serif;padding:3px 0;border:0;border-bottom:1px solid transparent;background:none;color:#78818d;cursor:pointer}
.market-tabs button[aria-pressed=true]{color:#203453;border-bottom-color:#203453}
.market-elements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.market-element{position:relative;min-width:0;text-align:left;border:1px solid #e0e4e9;background:#fff;padding:9px 9px 8px;display:flex;flex-direction:column;cursor:pointer;color:#21314b;transition:background .16s,border-color .16s;min-height:99px}
.market-element:hover,.market-element.selected{background:#f5f7fa;border-color:#9faec3}
.market-element:focus-visible,.market-tabs button:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}
.element-index{position:absolute;right:7px;top:6px;font:7px 'IBM Plex Mono',monospace;color:#9aa2ad}
.element-symbol{font:500 22px/1.15 'IBM Plex Sans',sans-serif;letter-spacing:-.06em;margin:2px 0 4px}
.element-symbol.long{font-size:18px}
.element-name{font-size:8px;color:#707988;white-space:nowrap}
.element-price{font:10px 'IBM Plex Mono',monospace;margin-top:8px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.element-change{font:8px 'IBM Plex Mono',monospace;margin-top:4px}.element-change small{font-size:7px;margin-left:2px}.element-change.up{color:#49725f}.element-change.down{color:#a06660}
.market-detail{font-size:8px;line-height:1.5;color:#717b87;min-height:37px;padding:9px 0}
.market-foot{border-top:1px solid #dce1e7;padding-top:9px}.market-foot>span{display:block;font-size:8px;line-height:1.5;color:#8a9099}.market-foot>a{display:block;font-size:10px;margin-top:10px;color:#233c61;text-decoration:none}
@media(min-width:701px) and (max-width:1100px){.atelier .hero-grid{padding-left:220px}.atelier .concept-margin.market-rail{width:196px;padding-right:16px}.atelier .hero h1{font-size:52px}}
@media(max-width:700px){.atelier .hero-grid{padding-left:0;min-height:0}.atelier .concept-margin.market-rail{position:static;width:100%;border-right:0;border-top:1px solid #dce1e7;border-bottom:1px solid #dce1e7;padding:24px 0;margin:20px 0;grid-row:2}.market-heading h2{font-size:26px}.market-heading h2 br{display:none}.market-elements{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.market-element{padding:7px 5px;min-height:103px}.element-symbol{font-size:21px}.element-name{font-size:7px}.element-price{font-size:8px}.element-change{font-size:7px}.market-detail{min-height:28px}.market-foot{display:flex;gap:18px;justify-content:space-between;align-items:center}.market-foot>a{white-space:nowrap;margin:0}.market-tabs button{font-size:11px;padding:8px 0}.market-demo{width:auto}.market-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.market-kicker{width:100%}}

/* Three simultaneous asset columns, in the requested reading order. */
.atelier .hero-grid{padding-left:342px}
.atelier .concept-margin.market-rail{width:308px;padding-right:20px}
.market-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px}
.market-column{min-width:0}.market-column h3{font:500 10px/1.35 Inter,sans-serif;color:#5c6776;margin:0 0 10px;min-height:28px;display:flex;align-items:end}
.market-column-list{display:flex;flex-direction:column;gap:5px;height:515px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c6ced8 transparent;overscroll-behavior:contain}
.market-column-list .market-element{flex:0 0 99px;width:100%}
.market-count{display:block;font:7px/1.6 'IBM Plex Mono',monospace;color:#7c8693;margin-top:8px;min-height:24px}
.market-column-list:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}
@media(min-width:701px) and (max-width:1100px){.atelier .hero-grid{padding-left:306px}.atelier .concept-margin.market-rail{width:286px;padding-right:12px}.market-columns{gap:5px}.market-element{padding:9px 6px}.atelier .hero h1{font-size:46px}}
@media(max-width:700px){.atelier .hero-grid{padding-left:0}.atelier .concept-margin.market-rail{width:100%;padding:24px 0}.market-columns{gap:8px}.market-column h3{font-size:11px}.market-column-list{height:515px}.market-column-list .market-element{padding:10px;min-height:99px}.element-name{font-size:9px}.element-price{font-size:10px}.element-change{font-size:8px}.market-count{font-size:8px}}

/* Keep the full market rail in document flow so its footer cannot overlap the next section. */
.atelier .hero-grid{display:grid;grid-template-columns:308px minmax(0,1fr);column-gap:34px;row-gap:0;padding-left:0;min-height:0;align-items:start;padding-bottom:36px}
.atelier .concept-margin.market-rail{position:static;grid-column:1;grid-row:1 / span 2;width:auto;max-width:100%;margin:8px 0 0;padding-bottom:18px;align-self:stretch}
.atelier .hero-copy{grid-column:2;grid-row:1;min-width:0}
.atelier .hero-grid>.stage{grid-column:2;grid-row:2;min-width:0;align-self:start}
.market-foot{padding-top:12px}.market-foot>a{line-height:1.6;margin-top:10px;padding-bottom:4px}
@media(min-width:701px) and (max-width:1100px){.atelier .hero-grid{grid-template-columns:286px minmax(0,1fr);column-gap:20px;padding-left:0}.atelier .concept-margin.market-rail{width:auto}}
@media(max-width:700px){.atelier .hero-grid{display:flex;flex-direction:column;gap:0;padding-left:0;padding-bottom:24px}.atelier .hero-copy{order:0;width:100%}.atelier .concept-margin.market-rail{order:1;width:100%;margin:28px 0 0;padding-bottom:24px}.atelier .hero-grid>.stage{order:2;width:100%}.market-foot{align-items:flex-start;flex-wrap:wrap;row-gap:10px}}

/* Keep longer market labels inside compact tiles. */
.element-symbol.long{font-size:12px;letter-spacing:-.04em;overflow-wrap:anywhere}.element-name{white-space:normal;overflow-wrap:anywhere}

.market-detail a{color:inherit;text-decoration:underline}.element-change{color:#707988;line-height:1.4}