.sg-body{margin:0;background:var(--color-bone);color:var(--color-off-black);font-family:Aeonik Pro,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.sg-wrap{max-width:1080px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.sg-top{border-bottom:1px solid var(--color-sun-shadow);background:color-mix(in srgb,var(--color-bone) 60%,#fff);position:sticky;top:0;z-index:10;backdrop-filter:blur(6px)}.sg-top-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-top:1.4rem}.sg-eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-victoria);margin:0 0 .35rem}.sg-title{font-size:2rem;line-height:1;margin:0;color:var(--color-majesty)}.sg-meta{text-align:right;display:flex;flex-direction:column;gap:.3rem;font-size:12px;color:var(--color-shadow)}.sg-live{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--color-off-black)}.sg-dot{width:8px;height:8px;border-radius:999px;background:#3fae6a;box-shadow:0 0 0 3px color-mix(in srgb,#3fae6a 25%,transparent)}.sg-updated code{font-family:ui-monospace,monospace;font-size:11px}.sg-nav{display:flex;gap:1.5rem;padding-top:1rem;padding-bottom:.85rem}.sg-nav a{color:var(--color-shadow);text-decoration:none;font-size:13.5px;font-weight:500}.sg-nav a:hover{color:var(--color-victoria)}.sg-main{padding-top:2.5rem;padding-bottom:6rem}.sg-section{padding:2rem 0 3rem;border-bottom:1px solid var(--color-sun-shadow)}.sg-section-last{border-bottom:none}.sg-h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 .4rem;color:var(--color-off-black)}.sg-sub{max-width:60ch;color:var(--color-shadow);line-height:1.6;margin:0 0 1.75rem;font-size:15px}.sg-sub code,.sg-sub b{color:var(--color-off-black)}.sg-sub code{font-family:ui-monospace,monospace;font-size:13px}.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.sg-sw{display:flex;align-items:stretch;gap:0;text-align:left;background:#fff;border:1px solid var(--color-sun-shadow);border-radius:12px;overflow:hidden;cursor:pointer;font:inherit;color:inherit;padding:0;position:relative;transition:border-color .15s,box-shadow .15s}.sg-sw:hover{border-color:var(--color-victoria);box-shadow:0 6px 18px #463c6214}.sg-chip{width:84px;flex:none;border-right:1px solid var(--color-sun-shadow)}.sg-sw-body{padding:.8rem .9rem;display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.sg-sw-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.sg-nm{font-weight:600;font-size:14px}.sg-hex{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--color-shadow);text-transform:uppercase}.sg-role{font-size:11.5px;color:var(--color-light-grey);line-height:1.4}.sg-contrast{display:flex;gap:5px;margin-top:.35rem;flex-wrap:wrap}.sg-badge{font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 6px;border-radius:999px;border:1px solid transparent}.sg-badge.ok{color:#1f7a45;background:#e7f5ec;border-color:#bfe6cd}.sg-badge.warn{color:#8a5a1a;background:#fbf1e2;border-color:#f0dcbf}.sg-badge.bad{color:#9a3535;background:#fbeaea;border-color:#f0c9c9}.sg-copyhint{position:absolute;top:.6rem;right:.7rem;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-light-grey);opacity:0;transition:opacity .15s}.sg-sw:hover .sg-copyhint{opacity:1}.sg-type{display:flex;flex-direction:column}.sg-spec{padding:1.1rem 0;border-bottom:1px solid var(--color-sun-shadow)}.sg-spec:last-child{border-bottom:none}.sg-spec-meta{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;margin-bottom:.5rem}.sg-spec-name{font-family:ui-monospace,monospace;font-size:12px;color:var(--color-victoria);font-weight:600}.sg-spec-use{font-size:12px;color:var(--color-shadow)}.sg-spec-size{font-family:ui-monospace,monospace;font-size:11px;color:var(--color-light-grey);margin-left:auto}.sg-spec-sample{color:var(--color-off-black)}.sg-spacing{display:flex;flex-direction:column;gap:.1rem}.sg-sprow{display:grid;grid-template-columns:220px 70px 1fr;align-items:center;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--color-sun-shadow)}.sg-sprow:last-child{border-bottom:none}.sg-sp-name{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--color-off-black)}.sg-sp-name em{color:var(--color-victoria);font-style:normal}.sg-sp-val{font-family:ui-monospace,monospace;font-size:12px;color:var(--color-shadow);text-align:right}.sg-sp-bar-wrap{height:14px;background:color-mix(in srgb,var(--color-sun-shadow) 60%,transparent);border-radius:4px;overflow:hidden}.sg-sp-bar{display:block;height:100%;width:0;background:var(--color-victoria);border-radius:4px;opacity:.85}.sg-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1.5rem);background:var(--color-majesty);color:#fff;font-size:13px;font-weight:600;padding:.6rem 1.1rem;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:50}.sg-toast.show{opacity:1;transform:translate(-50%)}@media(max-width:640px){.sg-top-inner{flex-direction:column;align-items:flex-start}.sg-meta{text-align:left}.sg-sprow{grid-template-columns:1fr 60px}.sg-sp-bar-wrap{grid-column:1 / -1}}