.topic-page{--paper:#e7e8e4;--card:#f4f5f0;--ink:#1d2c35;--muted:#62717a;--blue:#326b8b;--line:#c6ccca;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow:hidden}.topic-page .topic-hero{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#e7e8e4 46%,#dce6e4);padding:clamp(64px,9vw,128px) max(5vw,28px) clamp(48px,6vw,84px)}.topic-page .topic-hero .atlas-eyebrow{color:var(--area,var(--blue));letter-spacing:.04em;margin:0 0 18px;font-size:14px;font-weight:700}.topic-page .topic-hero h1{max-width:15ch;font-family:var(--display);letter-spacing:-.055em;overflow-wrap:anywhere;margin:0;font-size:clamp(48px,6.6vw,96px);font-weight:550;line-height:.96}.topic-page .topic-lead{color:#4e5c62;max-width:62ch;margin:26px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.topic-page .topic-steps{flex-wrap:wrap;gap:8px;margin:34px 0 0;padding:0;list-style:none;display:flex}.topic-page .topic-steps li{border:1px solid var(--line);background:var(--card);color:#4e5c62;letter-spacing:.01em;border-radius:999px;padding:6px 13px;font-size:12.5px}.topic-page .topic-steps li+li:before{content:"→";color:#9aa8ab;margin:0 9px 0 -4px}.topic-page .topic-body{padding:clamp(64px,9vw,130px) max(5vw,28px)}.topic-page .topic-body-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(24px,5vw,80px);margin-bottom:clamp(36px,5vw,64px);display:grid}.topic-page .topic-body-head .atlas-eyebrow{color:var(--blue);margin:0 0 14px;font-size:14px;font-weight:700}.topic-page .topic-body-head h2{font-family:var(--display);letter-spacing:-.05em;color:var(--ink);margin:0;font-size:clamp(34px,4vw,60px);font-weight:550;line-height:.98}.topic-page .topic-body-head>p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.topic-page .topic-sections{gap:0;display:grid}.topic-page .topic-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-page .topic-group-card{border:1px solid var(--line);background:var(--card);min-height:235px;color:var(--ink);border-radius:14px;flex-direction:column;padding:24px;display:flex}.topic-page .topic-group-card>span{color:var(--area,var(--blue));font:700 12px var(--mono,monospace)}.topic-page .topic-group-card h3{font:550 27px var(--display);letter-spacing:-.04em;margin:28px 0 9px;line-height:1.06}.topic-page .topic-group-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.topic-page .topic-group-card small{color:var(--muted);font:11px var(--mono,monospace);margin-top:auto;padding-top:22px}.topic-page .topic-group-card b{color:var(--area,var(--blue));margin-top:12px;font-size:13px}.topic-page .topic-group-card:hover{border-color:color-mix(in srgb,var(--area,var(--blue)) 45%,var(--line));box-shadow:10px 10px 0 color-mix(in srgb,var(--area,var(--blue)) 12%,transparent);transform:translate(-2px,-2px)}.topic-page .group-list{border-top:1px solid var(--line)}.topic-page .topic-section{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr);gap:clamp(24px,4vw,64px);padding:clamp(30px,4vw,48px) 0;display:grid}.topic-page .topic-section:last-child{border-bottom:1px solid var(--line)}.topic-page .topic-section>header{grid-template-columns:34px 1fr;align-content:start;gap:16px;display:grid}.topic-page .topic-section>header>span{color:var(--area,var(--blue));font-family:var(--mono,monospace);letter-spacing:.06em;padding-top:4px;font-size:13px;font-weight:700}.topic-page .topic-section>header h2,.topic-page .topic-section>header h3{font-family:var(--display);letter-spacing:-.035em;color:var(--ink);margin:0 0 8px;font-size:clamp(21px,2vw,27px);line-height:1.12}.topic-page .topic-section>header p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.topic-page .article-list{display:grid}.topic-page .article-list>a,.topic-page .article-link,.topic-page .article-row{border-top:1px solid var(--line);color:var(--ink);background:0 0;border-bottom:0;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 0;display:grid}.topic-page .article-list>:first-child{border-top:0}.topic-page .article-link{transition:padding .22s,background .22s}.topic-page .article-list>a:hover,.topic-page .article-link:hover{background:color-mix(in srgb, var(--area,var(--blue)) 8%, transparent);padding-inline:16px}.topic-page .article-tag{font-family:var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px}.topic-page .article-tag.live{color:var(--area,var(--blue))}.topic-page .article-link h3,.topic-page .article-link h4,.topic-page .article-row h4{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0 0 5px;font-size:18px;font-weight:550;line-height:1.2}.topic-page .article-link p,.topic-page .article-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.topic-page .article-link b,.topic-page .article-row b{font-family:var(--mono,monospace);letter-spacing:.06em;white-space:nowrap;font-size:11.5px;font-weight:700}.topic-page .article-link b{color:var(--area,var(--blue))}.topic-page .article-row b{color:#93a0a4}.topic-page .topic-model{background:var(--ink);color:#edf0eb;padding:clamp(48px,6vw,80px) max(5vw,28px)}.topic-page .topic-model .atlas-eyebrow{color:#9ac5d2;margin:0 0 26px;font-size:14px;font-weight:700}.topic-page .topic-model-flow{font-family:var(--display);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:14px 18px;font-size:clamp(16px,1.8vw,22px);display:flex}.topic-page .topic-model-flow i{color:#9ac5d2;font-style:normal}.topic-page .topic-pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.topic-page .topic-pager a{color:var(--ink);flex-direction:column;gap:12px;padding:clamp(28px,4vw,48px) max(5vw,28px);display:flex}.topic-page .topic-pager a:last-child{text-align:right;border-left:1px solid var(--line);align-items:flex-end}.topic-page .topic-pager span{color:var(--muted);font-family:var(--mono,monospace);letter-spacing:.05em;font-size:12px}.topic-page .topic-pager b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(18px,2vw,24px);font-weight:550}.topic-page .topic-pager a:hover b{color:var(--blue)}@media (width<=900px){.topic-page .topic-body-head{grid-template-columns:1fr;align-items:start}.topic-page .topic-section{grid-template-columns:1fr;gap:20px}.topic-page .topic-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.topic-page .topic-hero{padding-inline:20px}.topic-page .topic-body{padding:72px 20px}.topic-page .topic-group-grid{grid-template-columns:1fr}.topic-page .topic-model{padding:56px 20px}.topic-page .article-list>a,.topic-page .article-link,.topic-page .article-row{grid-template-columns:1fr;gap:8px}.topic-page .article-link b,.topic-page .article-row b{justify-self:start}.topic-page .topic-pager{grid-template-columns:1fr}.topic-page .topic-pager a:last-child{text-align:left;border-left:0;border-top:1px solid var(--line);align-items:flex-start}}
