.gal-page{font-family:var(--jk-fb);padding:0 0 80px}.gal-masthead{padding:28px var(--jk-gutter);color:#cfd6e0;background:#1e2430;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:32px;display:grid}.gal-masthead h1{font-family:var(--jk-fd);letter-spacing:-.015em;color:#fff;margin:0 0 8px;font-size:26px;font-weight:800}.gal-masthead p{max-width:62ch;margin:0;font-size:13px;line-height:1.6}.gal-masthead code{font-family:var(--jk-fm);color:#9db8ff;font-size:12px}.gal-probe{border-radius:var(--jk-r-md);background:#161b25;border:1px solid #39424f;padding:14px 16px}.gal-probe p{margin:10px 0 0;font-size:12px}.gal-probe b{color:#fff}.gal-toc{z-index:210;padding:8px var(--jk-gutter);background:#39424f;flex-wrap:wrap;gap:2px;display:flex;position:sticky;top:0}.gal-toc a{border-radius:var(--jk-r-pill);color:#d5dbe4;padding:4px 9px;font-size:11.5px;font-weight:600;text-decoration:none}.gal-toc a:hover{color:#fff;background:#ffffff1f}.gal-probe-row{margin:20px var(--jk-gutter) 0;border-radius:var(--jk-r-md);border:2px dashed #39424f;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:16px;display:grid}.gal-probe-ours{flex-direction:column;gap:12px;display:flex}.gal-probe-chip{border-radius:var(--jk-r-sm);background:var(--ekko-accent-primary);width:26px;height:26px;display:inline-block}.gal-probing{outline-offset:-3px;outline:3px solid #b5179e}.gal-section{margin:0 var(--jk-gutter);border-top:1px solid #dfe4ec;padding:28px 0 8px}.gal-section:first-child{border-top:0}.gal-h2{font-family:var(--jk-fd);letter-spacing:-.01em;color:#12181f;margin:0 0 6px;font-size:19px;font-weight:800}.gal-note{color:#6b7789;max-width:88ch;margin:0 0 18px;font-size:13px;line-height:1.6}.gal-sublabel{letter-spacing:.06em;text-transform:uppercase;color:#6b7789;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.gal-spec{border-radius:var(--jk-r-md);background:#fff;border:1px solid #dfe4ec;margin-bottom:22px;overflow:hidden}.gal-spec__head{background:#f4f6fa;border-bottom:1px solid #dfe4ec;flex-wrap:wrap;align-items:baseline;gap:10px;padding:9px 14px;display:flex}.gal-spec__name{font-family:var(--jk-fd);color:#12181f;font-size:13px;font-weight:700}.gal-spec__note{color:#6b7789;flex:1;min-width:220px;font-size:12px;line-height:1.5}.gal-spec__cells{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.gal-cell{border-left:1px solid #eef1f6;flex-direction:column;display:flex}.gal-cell:first-child{border-left:0}.gal-cell__stage{background:#f6f8fb;flex:1;padding:16px;overflow-x:auto}.gal-cell__foot{background:#fff;border-top:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;display:flex}.gal-cell__label{letter-spacing:.06em;text-transform:uppercase;color:#6b7789;font-size:10.5px;font-weight:700}.gal-cell__focus{border-radius:var(--jk-r-pill);font-family:var(--jk-fb);color:#12181f;cursor:pointer;background:#fff;border:1px solid #cfd6e0;padding:2px 8px;font-size:10.5px}.gal-stack{align-items:center;gap:10px;display:flex}.gal-stack--wrap{flex-wrap:wrap;align-items:flex-start}.gal-stack--baseline{align-items:baseline}.gal-grid3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.gal-swatches{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.gal-swatch{border-radius:var(--jk-r-sm);background:#fff;border:1px solid #dfe4ec;gap:10px;padding:8px;display:flex}.gal-swatch__chip{border-radius:var(--jk-r-sm);border:1px solid #0e1b2c1f;flex:none;width:44px;height:44px}.gal-swatch__meta{flex-direction:column;gap:1px;min-width:0;font-size:11.5px;display:flex}.gal-swatch__meta b{font-family:var(--jk-fd);color:#12181f;font-size:12px}.gal-swatch__meta code{font-family:var(--jk-fm);color:#6b7789;font-size:11px}.gal-swatch__meta em{color:#6b7789;font-style:normal}.gal-grade{font-weight:700}.gal-grade--aa{color:#1a8754}.gal-grade--fail{color:#c8331c}.gal-fix{flex-direction:column;gap:12px;display:flex}.gal-fix__row{border-radius:var(--jk-r-sm);background:#fff;border:1px solid #dfe4ec;border-left:3px solid #1a8754;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:18px;padding:14px 16px;display:grid}.gal-fix__row b{font-family:var(--jk-fd);color:#12181f;font-size:13px}.gal-fix__row p{color:#6b7789;margin:6px 0 0;font-size:12.5px;line-height:1.6}.gal-fix__row code{font-family:var(--jk-fm);font-size:11.5px}.gal-fix__pair{flex-direction:column;justify-content:center;gap:8px;font-size:13px;font-weight:700;display:flex}.gal-fix__bad{text-decoration:line-through}.gal-fix__good:before{content:"\2192  ";color:#6b7789}.gal-type{flex-direction:column;gap:4px;display:flex}.gal-type__row{border-radius:var(--jk-r-sm);background:#fff;border:1px solid #eef1f6;grid-template-columns:110px minmax(0,1fr) 210px;align-items:baseline;gap:14px;padding:7px 12px;display:grid}.gal-type__token{font-family:var(--jk-fm);color:#6b7789;font-size:11px}.gal-type__sample{font-family:var(--jk-fd);color:#12181f;font-weight:700;line-height:1.15}.gal-type__use{color:#6b7789;text-align:right;font-size:11.5px}.gal-radii,.gal-shadows{flex-wrap:wrap;gap:18px;margin-top:14px;display:flex}.gal-radius,.gal-shadow{color:#6b7789;flex-direction:column;gap:5px;font-size:11px;display:flex}.gal-radius code,.gal-shadow code{font-family:var(--jk-fm);color:#12181f;font-size:11px}.gal-radius__box{background:#d9e6ff;border:1px solid #8db4ff;width:74px;height:54px}.gal-shadow__box{border-radius:var(--jk-r-md);background:#fff;width:74px;height:54px}.gal-shadows{padding:6px 0 14px}.gal-icons{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;display:grid}.gal-icon{border-radius:var(--jk-r-sm);color:#12181f;background:#fff;border:1px solid #dfe4ec;align-items:center;gap:8px;padding:8px 10px;display:flex}.gal-icon code{font-family:var(--jk-fm);color:#6b7789;font-size:10.5px}@media (width<=860px){.gal-masthead{grid-template-columns:1fr;gap:18px}.gal-fix__row,.gal-type__row{grid-template-columns:1fr}.gal-type__use{text-align:left}}