.gfx__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.gfx__head h2{margin:0}
.gfx__intro .lead{margin:0 0 18px;max-width:46ch}
.gfx__all{font:inherit;font-size:14px;font-weight:700;background:none;border:0;padding:0;cursor:pointer;color:inherit;display:inline-flex;align-items:center;gap:10px}
.gfx__all::before,.gfx .gfx__more>summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--y);color:var(--k);font-weight:700;font-size:16px;line-height:1;transition:transform .25s}
.gfx__all[aria-expanded="true"]::before,.gfx .gfx__more[open]>summary::before{content:"\2013"}
.gfx .gfx__lbl--close{display:none}
.gfx__all[aria-expanded="true"] .gfx__lbl--open,.gfx .gfx__more[open]>summary .gfx__lbl--open{display:none}
.gfx__all[aria-expanded="true"] .gfx__lbl--close,.gfx .gfx__more[open]>summary .gfx__lbl--close{display:inline}
.gfx__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--k);counter-reset:gfx}
.gfx .gfx__cat{counter-increment:gfx;padding:24px 28px 24px 0;border-bottom:1px solid #e6e6e6;min-width:0}
.gfx .gfx__cat:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid #e6e6e6}
.gfx .gfx__cat h3{display:flex;align-items:baseline;gap:12px;margin:0;font-size:19px;letter-spacing:-.01em;line-height:1.25}
.gfx .gfx__cat h3::before{content:counter(gfx,decimal-leading-zero);font-size:13px;font-weight:700;color:#9a9a9a;font-variant-numeric:tabular-nums}
.gfx .gfx__list{list-style:none;margin:0;padding:0}
.gfx .gfx__list li{display:flex;justify-content:space-between;gap:10px;font-size:15px;line-height:1.35;padding:7px 0;border-top:1px dashed #e4e4e4}
.gfx .gfx__more>.gfx__list li:first-child{border-top:0}
.gfx .gfx__tag{flex:none;align-self:center;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--y);color:var(--k);border-radius:4px;padding:2px 6px}
.gfx .gfx__more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 0}
.gfx .gfx__more>summary::before{order:2;flex:none}
.gfx .gfx__more>summary:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--y)}
.gfx .gfx__more>summary::-webkit-details-marker{display:none}
.gfx .gfx__more>summary:focus-visible,.gfx__all:focus-visible{outline:2px solid var(--k);outline-offset:4px;border-radius:4px}
.gfx .gfx__more[open]>.gfx__list{margin-top:12px}
.gfx__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:32px}
.gfx__foot p{margin:0;color:#7a7a7a;font-size:14px}
.gfx.bg-black .gfx__grid{border-top-color:var(--y)}
.gfx.bg-black .gfx__cat,.gfx.bg-black .gfx__cat:not(:nth-child(3n+1)){border-color:rgba(255,255,255,.16)}
.gfx.bg-black .gfx__list li{border-top-color:rgba(255,255,255,.12);color:#e9e9e9}
.gfx.bg-black .gfx__foot p{color:#9a9a9a}
@media (max-width:900px){.gfx__head{grid-template-columns:1fr}.gfx__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gfx .gfx__cat:not(:nth-child(3n+1)){padding-left:0;border-left:0}.gfx .gfx__cat:nth-child(2n){padding-left:24px;border-left:1px solid #e6e6e6}}
@media (max-width:580px){.gfx__grid{grid-template-columns:1fr}.gfx .gfx__cat:nth-child(2n){padding-left:0;border-left:0}}