:root{--page:#f3f3f3;--sheet:#ffffff;--well:#ebebeb;--rule:#e0e0e0;--keyline:#c6c6c6;--ink:#1b1b1b;--ink-2:#5c5c5c;--ink-3:#767676;--on-ink:#ffffff;--action:var(--ink);--on-action:var(--on-ink);--focus:var(--ink);--count:var(--ink);--on-count:var(--on-ink);--logo-dot:var(--ink);--danger:#a3352a;--caution:#85590a;--ok:#2c6a4d;--lift:0 1px 2px rgb(0 0 0/.06),0 6px 20px rgb(0 0 0/.08);--g-white:#f9f9f9;--g-pale:#d4d4d4;--g-light:#ababab;--g-middle:#777777;--g-dark:#474747;--g-black:#1b1b1b;--g-gesso:#ece6d8;--g-verdaccio:#7b7f62;--g-venetian:#8a867d;--g-bole:#7a3e2b;--g-double:#857a6d;--g-umber:#8b7458;--g-sienna:#b47c57;--on-g-white:#1b1b1b;--on-g-pale:#1b1b1b;--on-g-light:#1b1b1b;--on-g-middle:#f3f3f3;--on-g-dark:#f3f3f3;--on-g-black:#f3f3f3;--on-g-gesso:#1b1b1b;--on-g-verdaccio:#1b1b1b;--on-g-venetian:#1b1b1b;--on-g-bole:#f3f3f3;--on-g-double:#1b1b1b;--on-g-umber:#f3f3f3;--on-g-sienna:#1b1b1b;--ground:var(--g-middle);--on-ground:var(--on-g-middle);--f-display:"Newsreader Variable","Iowan Old Style",Georgia,serif;--f-text:"Instrument Sans Variable",system-ui,-apple-system,"Segoe UI",sans-serif;--f-code:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--t-xs:12px;--t-sm:13px;--t-ui:14px;--t-body:16px;--t-lead:18px;--t-h3:21px;--t-h2:27px;--t-h1:36px;--t-hero:clamp(36px,5vw,52px);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-chip:2px;--r-sm:5px;--r-md:8px;--r-lg:12px;--r-round:999px;--fast:120ms;--base:200ms;--gutter-min:16px;--gutter:max(var(--gutter-min),env(safe-area-inset-left,0px));color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#121212;--sheet:#1b1b1b;--well:#262626;--rule:#2e2e2e;--keyline:#474747;--ink:#ececec;--ink-2:#a6a6a6;--ink-3:#7c7c7c;--on-ink:#121212;--safelight:#f2a33a;--safelight-red:#ef5a43;--action:var(--safelight);--on-action:#121212;--focus:var(--safelight);--count:var(--safelight-red);--on-count:#121212;--logo-dot:var(--safelight-red);--danger:#f08a78;--caution:#e6b45e;--ok:#7fc8a2;--lift:0 1px 2px rgb(0 0 0/.5),0 8px 28px rgb(0 0 0/.45);color-scheme:dark}}:root[data-theme=dark]{--page:#121212;--sheet:#1b1b1b;--well:#262626;--rule:#2e2e2e;--keyline:#474747;--ink:#ececec;--ink-2:#a6a6a6;--ink-3:#7c7c7c;--on-ink:#121212;--safelight:#f2a33a;--safelight-red:#ef5a43;--action:var(--safelight);--on-action:#121212;--focus:var(--safelight);--count:var(--safelight-red);--on-count:#121212;--logo-dot:var(--safelight-red);--danger:#f08a78;--caution:#e6b45e;--ok:#7fc8a2;--lift:0 1px 2px rgb(0 0 0/.5),0 8px 28px rgb(0 0 0/.45);color-scheme:dark}:root[data-ground=white]{--ground:var(--g-white);--on-ground:var(--on-g-white)}:root[data-ground=pale]{--ground:var(--g-pale);--on-ground:var(--on-g-pale)}:root[data-ground=light]{--ground:var(--g-light);--on-ground:var(--on-g-light)}:root[data-ground=middle]{--ground:var(--g-middle);--on-ground:var(--on-g-middle)}:root[data-ground=dark]{--ground:var(--g-dark);--on-ground:var(--on-g-dark)}:root[data-ground=black]{--ground:var(--g-black);--on-ground:var(--on-g-black)}:root[data-ground=gesso]{--ground:var(--g-gesso);--on-ground:var(--on-g-gesso)}:root[data-ground=verdaccio]{--ground:var(--g-verdaccio);--on-ground:var(--on-g-verdaccio)}:root[data-ground=venetian]{--ground:var(--g-venetian);--on-ground:var(--on-g-venetian)}:root[data-ground=bole]{--ground:var(--g-bole);--on-ground:var(--on-g-bole)}:root[data-ground=double]{--ground:var(--g-double);--on-ground:var(--on-g-double)}:root[data-ground=umber]{--ground:var(--g-umber);--on-ground:var(--on-g-umber)}:root[data-ground=sienna]{--ground:var(--g-sienna);--on-ground:var(--on-g-sienna)}*{box-sizing:border-box}b,h1,h2,h3,h4,h5,h6,legend,strong,th{font-weight:600}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);font:var(--t-body)/1.5 var(--f-text);padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px))}a,body{color:var(--ink)}a{text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}img{max-width:100%}.code{font-family:var(--f-code);font-size:.86em}.wrap{max-width:1320px;margin:0 auto;padding-left:var(--gutter);padding-right:max(var(--gutter-min),env(safe-area-inset-right,0px))}@media (min-width:701px){:root{--gutter-min:24px}}@media (min-width:1001px){:root{--gutter-min:32px}}.muted{color:var(--ink-2)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-head{background:var(--sheet);border-bottom:1px solid var(--rule);position:-webkit-sticky;position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top,0)}.site-head .wrap{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap;padding-block:8px}.wordmark{font-family:var(--f-display);font-weight:600;font-size:26px;line-height:1;text-decoration:none;color:var(--ink);letter-spacing:-.01em;display:inline-flex;align-items:baseline;gap:2px}.wordmark i{width:8px;height:8px;border-radius:50%;background:var(--dot,var(--logo-dot));display:inline-block;flex:none;box-shadow:inset 0 0 0 1px rgb(127 127 127/.35);transition:background-color var(--fast)}.site-nav{display:flex;gap:4px;align-items:center;margin-left:auto;flex-wrap:wrap}.site-nav a,.site-nav button{text-decoration:none;color:var(--ink);padding:8px 12px;border-radius:var(--r-sm);border:0;background:none;cursor:pointer;font-size:var(--t-ui)}.site-nav a:hover,.site-nav button:hover{background:var(--page)}.site-nav .pill{border:1px solid var(--keyline);background:var(--sheet)}.site-nav .count{display:inline-block;min-width:20px;margin-left:6px;padding:0 6px;border-radius:var(--r-round);background:var(--count);color:var(--on-count);font-size:var(--t-xs);font-weight:600;line-height:20px;text-align:center}.site-foot{border-top:1px solid var(--rule);margin-top:48px;padding-block:28px calc(28px + env(safe-area-inset-bottom, 0px));color:var(--ink-2);font-size:var(--t-ui)}.site-foot .wrap{display:flex;flex-wrap:wrap;gap:8px 24px}.site-foot a{color:var(--ink-2)}.lead{padding-block:28px 8px;display:grid;grid-gap:18px;gap:18px}.lead h1{font-family:var(--f-display);font-weight:500;line-height:1.05;margin:0;letter-spacing:-.015em;text-wrap:balance;max-width:22ch}.lead p{margin:0;color:var(--ink-2);max-width:60ch}.searchbar{position:relative;max-width:720px}.searchbar input{width:100%;font-size:var(--t-lead);padding:14px 16px 14px 46px;border-radius:var(--r-md);border:1px solid var(--keyline);background:var(--sheet);box-shadow:var(--lift)}.searchbar .sb-ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-2)}.searchbar .hint{font-size:var(--t-sm);color:var(--ink-2);margin-top:6px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-block:16px 10px;border-bottom:1px solid var(--rule)}.tabs{display:inline-flex;background:var(--well);border:1px solid var(--rule);border-radius:var(--r-sm);padding:3px}.tabs button{border:0;background:none;border-radius:3px;padding:7px 16px;cursor:pointer;font-weight:600;font-size:var(--t-ui);color:var(--ink-2)}.tabs button[aria-selected=true]{background:var(--ink);color:var(--page)}.toolbar .spacer{flex:1 1}.linkbtn{border:0;background:none;color:var(--ink);cursor:pointer;padding:4px 2px;font-size:var(--t-ui);text-decoration:underline;text-underline-offset:2px}.chipbar{display:flex;flex-wrap:wrap;gap:8px;padding-block:12px 4px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--keyline);background:var(--sheet);border-radius:var(--r-sm);padding:6px 12px;font-size:var(--t-ui);cursor:pointer;white-space:nowrap}.chip small{color:var(--ink-2);font-size:var(--t-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chip .sw{width:14px;height:14px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-top:10px;background:var(--well);border:1px solid var(--rule);border-radius:var(--r-md)}.filters h3{width:100%;margin:0;font-size:var(--t-sm);font-weight:600}.filters .grp{display:flex;flex-wrap:wrap;gap:6px;width:100%}.check{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-ui);padding:5px 10px;border:1px solid var(--keyline);border-radius:var(--r-sm);background:var(--sheet);cursor:pointer}.check input{accent-color:var(--action)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:28px;gap:28px;align-items:start;padding-top:18px}.layout.panel-closed{grid-template-columns:minmax(0,1fr) 0;gap:0}@media (max-width:1000px){.layout,.layout.panel-closed{grid-template-columns:minmax(0,1fr)}}.results{min-width:0}.summary{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;color:var(--ink-2);font-size:var(--t-ui);margin-bottom:8px}.summary .grow{flex:1 1}details.group{border-bottom:1px solid var(--rule)}details.group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 4px}details.group>summary::-webkit-details-marker{display:none}details.group>summary h3{margin:0;font-family:var(--f-display);font-weight:500;line-height:1.2;text-wrap:balance}details.group>summary .code{color:var(--ink-2)}details.group>summary .meta{margin-left:auto;color:var(--ink-2);font-size:var(--t-sm);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}details.group>summary .caret{width:18px;height:18px;flex:none;transition:transform .15s;color:var(--ink-2)}details.group[open]>summary .caret{transform:rotate(90deg)}details.group>summary:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.group-body{padding-bottom:10px}.subhead{font-size:var(--t-sm);font-weight:600;margin:12px 4px 4px}.row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;width:100%;padding:9px 6px;border:0;border-top:1px solid var(--rule);background:none;text-align:left;cursor:pointer;border-radius:0;color:inherit;text-decoration:none}.row:first-child{border-top:0}.row:hover{background:var(--well)}.row[aria-current=true]{background:var(--well);box-shadow:inset 2px 0 0 var(--ink)}.row .name{font-weight:600;display:block;overflow-wrap:anywhere}.row .sub{gap:2px 12px;font-size:var(--t-sm);color:var(--ink-2)}.row .meta,.row .sub{display:flex;flex-wrap:wrap}.row .meta{align-items:center;justify-content:flex-end;gap:8px}.lf{font-family:var(--f-code);font-size:var(--t-xs);color:var(--ink-2);min-width:3.4em;text-align:right;white-space:nowrap}.lf.t3{color:var(--danger)}.badge{font-size:var(--t-xs);font-weight:600;padding:1px 6px;border-radius:3px;white-space:nowrap;border:1px solid var(--keyline);color:var(--ink-2);background:var(--sheet)}.badge.hue{border-color:color-mix(in srgb,var(--caution) 45%,var(--keyline));color:var(--caution)}.badge.verify{border-color:color-mix(in srgb,var(--danger) 45%,var(--keyline));color:var(--danger)}.badge.plain{color:var(--ink-2)}.stars-sm{font-size:var(--t-sm);color:var(--ink);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stars-sm small{color:var(--ink-2)}.opacity{width:14px;height:14px;flex:none;color:var(--ink)}.empty{padding:32px 4px;color:var(--ink-2)}.thumbframe{position:relative;display:block;aspect-ratio:1;width:100%;height:auto;align-self:center;border-radius:var(--r-md);overflow:hidden}.thumbframe.nophoto-frame{background:var(--ground);border:1px dashed var(--keyline)}.thumbframe.photo{background:var(--ground);box-shadow:inset 0 0 0 1px var(--rule)}.thumbframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumbframe .swatch{position:absolute;left:50%;top:50%;width:64%;height:64%;transform:translate(-50%,-50%);border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.thumbframe.sm{border-radius:var(--r-sm)}.thumbframe.sm .swatch{width:62%;height:62%;border-radius:var(--r-chip)}.thumbframe .nophoto{position:absolute;left:8px;bottom:8px;padding:1px 6px;border-radius:3px;font-size:var(--t-xs);line-height:16px;color:var(--ink-2);background:var(--sheet)}.thumbframe.lg.nophoto-frame:not(:has(.swatch)) .nophoto{left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%)}.hero-photos{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 14px;gap:12px 14px;max-width:520px;width:100%}.hero-photo{margin:0;display:grid;grid-gap:8px;gap:8px;align-content:start;min-width:0}.hero-photo figcaption{font-size:var(--t-sm);color:var(--ink-2);line-height:1.4}.hero-photo figcaption b{display:block;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:1px}.hero-note{margin:0;font-size:var(--t-sm);color:var(--ink-2)}.hero-ground,.hero-note{grid-column:1/-1}.thumbframe.tube img{object-fit:contain;background:var(--sheet)}.thumbframe .tube-ico{position:absolute;left:50%;top:42%;width:22%;transform:translate(-50%,-50%);color:var(--keyline)}.mix{display:grid;grid-gap:8px;gap:8px}.mixbar{display:flex;height:14px;border-radius:var(--r-chip);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.mixbar i{display:block;height:100%}.mixlegend{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.mixlegend li{display:grid;grid-template-columns:14px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;font-size:var(--t-ui)}.dot{width:14px;height:14px;border-radius:var(--r-chip);display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);margin-top:3px;flex:none}.mixlegend a{color:inherit;text-decoration:none}.mixlegend a:hover b{text-decoration:underline}.mixlegend small{display:block;color:var(--ink-2);font-size:var(--t-sm)}.panel{position:-webkit-sticky;position:sticky;top:calc(80px + env(safe-area-inset-top, 0px));max-height:calc(100vh - 100px);overflow:auto;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--lift)}.panel-closed .panel{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 0 18px}.panel-head .linkbtn{font-size:var(--t-sm)}.iconbtn{border:1px solid var(--keyline);background:var(--sheet);width:34px;height:34px;border-radius:var(--r-sm);cursor:pointer;display:inline-grid;place-items:center}.panel-tab{position:fixed;right:calc(14px + env(safe-area-inset-right, 0px));top:50%;z-index:20;border:1px solid var(--keyline);background:var(--sheet);border-radius:var(--r-sm);padding:10px 14px;box-shadow:var(--lift);cursor:pointer;font-weight:600;font-size:var(--t-ui)}@media (max-width:1000px){.panel{position:fixed;inset:auto 0 0 0;max-height:88vh;border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:40;padding-bottom:env(safe-area-inset-bottom,0)}.panel-tab,.panel:not([data-sheet=true]){display:none}.panel-closed .panel[data-sheet=true]{display:block}}.scrim{position:fixed;inset:0;background:rgba(10,12,16,.4);z-index:35}.detail{padding:14px 20px 24px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px}.detail .hero{display:grid;grid-template-columns:104px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center}.detail .who{font-size:var(--t-ui);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:2px 10px}.detail h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);line-height:1.08;margin:2px 0 0;text-wrap:balance}.detail h3{font-size:var(--t-ui);font-weight:600;margin:0 0 8px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 16px;gap:10px 16px;margin:0;padding:14px 0;border-block:1px solid var(--rule)}.facts dt{font-size:var(--t-sm);color:var(--ink-2)}.facts dd{margin:2px 0 0;display:flex;align-items:center;gap:6px}.note{border-radius:var(--r-md);padding:10px 12px;font-size:var(--t-ui)}.note.hue,.note.verify{position:relative;background:var(--well);border-left:3px solid var(--ink-2);padding-left:38px}.note.verify{border-left-color:var(--caution)}.note.hue b,.note.verify b{color:var(--ink)}.note.hue:before,.note.verify:before{content:"";position:absolute;left:13px;top:12px;width:16px;height:16px;background:var(--ink-2);-webkit-mask:var(--note-icon) center /contain no-repeat;mask:var(--note-icon) center /contain no-repeat}.note.verify:before{background:var(--caution)}.note.hue{--note-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 7.2v4.2M8 4.9v.1'/%3E%3C/svg%3E")}.note.verify{--note-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 1.8 14.8 13.8H1.2z'/%3E%3Cpath d='M8 6.2v3.6M8 11.7v.1'/%3E%3C/svg%3E")}.note.plain{background:var(--well);border:1px solid var(--rule)}.eq{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--rule);text-decoration:none;color:inherit}.eq:first-of-type{border-top:0}.eq b{font-weight:600;font-size:var(--t-ui)}.eq small{display:block;color:var(--ink-2);font-size:var(--t-sm)}.eq:hover b{text-decoration:underline}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--keyline);background:var(--sheet);color:var(--ink);border-radius:var(--r-sm);padding:9px 14px;font-weight:600;font-size:var(--t-ui);cursor:pointer;text-decoration:none}.btn.primary{background:var(--action);color:var(--on-action);border-color:var(--action)}.btn.quiet{border-color:transparent;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.btn.danger{color:var(--danger)}.btn[disabled]{opacity:.6;cursor:default}.shops{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--t-ui)}.source{font-size:var(--t-sm);color:var(--ink-2)}.page{padding-block:24px 40px}.crumbs{font-size:var(--t-sm);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.crumbs,.crumbs a{color:var(--ink-2)}.paintpage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:36px;gap:36px;align-items:start}@media (max-width:1000px){.paintpage{grid-template-columns:minmax(0,1fr)}}.paintpage .detail>.facts{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:600px){.paintpage .detail>.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.paintpage .detail{padding:0}.paintpage h1{font-family:var(--f-display);font-weight:500;font-size:var(--t-hero);line-height:1.05;margin:4px 0 0;text-wrap:balance}.section{margin-top:36px}.section>h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);margin:0 0 12px}.revsum{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center}.revsum .big strong{font-family:var(--f-display);font-size:var(--t-h1);line-height:1;font-weight:500;display:block}.revsum .big small{color:var(--ink-2);font-size:var(--t-sm)}.starrow{color:var(--ink);letter-spacing:1px}.starrow .off{color:var(--keyline)}.dist{display:grid;grid-template-columns:2.4em minmax(0,1fr) 1.8em;grid-gap:8px;gap:8px;align-items:center;font-size:var(--t-xs);color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dist i{display:block;height:6px;border-radius:var(--r-chip);background:var(--well);overflow:hidden}.dist b{display:block;height:100%;background:var(--ink)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid var(--keyline);background:var(--well);border-radius:var(--r-sm);padding:4px 10px;font-size:var(--t-sm);cursor:pointer}.tag small{color:var(--ink-2);margin-left:4px}.tag[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.rev{border-top:1px solid var(--rule);padding:14px 0;display:grid;grid-gap:6px;gap:6px}.rev header{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.rev header b{font-size:var(--t-ui)}.rev header time{color:var(--ink-2);font-size:var(--t-sm);margin-left:auto}.rev p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.rev .meta{font-size:var(--t-sm);color:var(--ink-2)}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{width:88px;height:88px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--rule);padding:0;cursor:zoom-in;background:var(--well)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumbcell{display:grid;grid-gap:3px;gap:3px;justify-items:start;font-size:var(--t-sm)}.thumb.featured{outline:2px solid var(--ink);outline-offset:2px}.featured-tag{color:var(--ink);font-weight:600}.form{display:grid;grid-gap:12px;gap:12px;background:var(--well);border:1px solid var(--rule);border-radius:var(--r-md);padding:16px}.form label{display:grid;grid-gap:5px;gap:5px;font-size:var(--t-sm);font-weight:600;color:var(--ink)}.form input[type=email],.form input[type=password],.form input[type=text],.form input[type=url],.form select,.form textarea{font-size:var(--t-body);color:var(--ink);background:var(--sheet);border:1px solid var(--keyline);border-radius:var(--r-sm);padding:9px 10px;width:100%}.form textarea{resize:vertical;min-height:100px}.form .two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:420px){.form .two{grid-template-columns:1fr}}.starpick{display:flex;gap:2px;border:0;padding:0;margin:0}.starpick legend{font-size:var(--t-ui);color:var(--ink-2);margin-bottom:2px;padding:0}.starpick button{border:0;background:none;font-size:30px;line-height:1;color:var(--ink);cursor:pointer;padding:0 2px}.pthumbs{display:flex;gap:8px;flex-wrap:wrap}.pthumb{position:relative;width:72px;height:72px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--rule)}.pthumb img{width:100%;height:100%;object-fit:cover}.pthumb button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:var(--r-round);border:0;background:var(--ink);color:var(--page);cursor:pointer;line-height:1}.addfile{display:inline-flex!important;align-items:center;justify-content:center;min-width:72px;height:72px;padding:0 10px;border:1px dashed var(--ink-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--t-sm);text-align:center}.err{color:var(--danger)}.err,.ok{font-size:var(--t-ui);margin:0}.ok{color:var(--ok)}.lightbox{position:fixed;inset:0;z-index:60;background:rgba(10,12,16,.88);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.lightbox img{max-width:100%;max-height:90vh;border-radius:var(--r-sm)}.lightbox button{position:absolute;top:calc(14px + env(safe-area-inset-top, 0px));right:calc(14px + env(safe-area-inset-right, 0px))}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.card{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);padding:16px;text-decoration:none;color:inherit;display:grid;grid-gap:6px;gap:6px}.card:hover{border-color:var(--ink)}.card h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:var(--t-h3)}.card dl{display:grid;grid-template-columns:auto 1fr;grid-gap:2px 12px;gap:2px 12px;margin:4px 0 0;font-size:var(--t-ui)}.card dt{color:var(--ink-2)}.card dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prose{max-width:68ch}.prose h1{font-size:var(--t-h1);line-height:1.1;margin:0 0 12px}.prose h1,.prose h2{font-family:var(--f-display);font-weight:500}.prose h2{font-size:var(--t-h2);margin:28px 0 8px}.prose h3{font-size:var(--t-lead);margin:20px 0 6px}.narrow{max-width:560px}.table{width:100%;border-collapse:collapse;font-size:var(--t-ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table td,.table th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--rule);vertical-align:top}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(22px + env(safe-area-inset-bottom, 0px));z-index:70;background:var(--ink);color:var(--page);padding:9px 16px;border-radius:var(--r-sm);font-size:var(--t-ui)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}details.group>summary h3{min-width:0;overflow-wrap:anywhere}@media (max-width:600px){details.group>summary{flex-wrap:wrap;row-gap:2px}details.group>summary .meta{margin-left:30px;width:100%;white-space:normal}.row{grid-template-columns:44px minmax(0,1fr)}.row .meta{grid-column:2;justify-content:flex-start}.detail .hero{grid-template-columns:80px minmax(0,1fr)}}.disclose{font-size:var(--t-sm);color:var(--ink-2);margin:8px 0 0}.adslot{position:relative;margin-top:28px;padding:26px 14px 14px;min-height:120px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--well);display:grid;align-content:center;contain:layout}.adslot .adlabel{position:absolute;top:7px;left:12px;font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.adslot.house p{margin:0;font-size:var(--t-ui);color:var(--ink-2)}.adslot .sponsor{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.adslot .sponsor img{width:64px;height:64px;object-fit:cover;border-radius:var(--r-sm);flex:none}.adslot .sponsor b{display:block}.adslot .sponsor span span{display:block;font-size:var(--t-ui);color:var(--ink-2)}.adslot .sponsor:hover b{text-decoration:underline}.form label.agree{display:flex;gap:9px;align-items:flex-start;color:var(--ink);font-size:var(--t-ui)}.form label.agree input{margin-top:3px;width:16px;height:16px;flex:none;accent-color:var(--action)}.prose table{border-collapse:collapse;width:100%;font-size:var(--t-ui)}.prose td,.prose th{text-align:left;vertical-align:top;padding:7px 10px 7px 0;border-bottom:1px solid var(--rule)}body.noscroll{overflow:hidden}.hero-title{font-family:var(--f-display);font-weight:500;font-size:var(--t-hero);line-height:1.04;letter-spacing:-.012em;margin:0;text-wrap:balance}.hero-title .code{font-size:.7em;color:var(--ink-2)}.h-sec{font-size:var(--t-h2);line-height:1.2}.h-sec,.pagetitle{font-family:var(--f-display);font-weight:500;margin:0 0 8px}.pagetitle{font-size:var(--t-h1);line-height:1.1;text-wrap:balance}.pagetitle .linkbtn{font-family:var(--f-text);font-size:var(--t-ui);vertical-align:middle;margin-left:8px}.narrowpage{max-width:820px}.btn.sm{padding:6px 10px;font-size:var(--t-sm)}.iconbtn.sm{width:28px;height:28px;font-size:15px}.nowrap{white-space:nowrap}.site-nav a[aria-current=page]{font-weight:600;-webkit-text-decoration:underline 2px var(--action);text-decoration:underline 2px var(--action);text-underline-offset:9px}.iconlink{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);color:var(--ink)}.iconlink:hover,.iconlink[aria-current=page]{background:var(--page)}.tabbar{display:none}@media (max-width:700px){.site-nav{display:none}.site-head .wrap{min-height:54px;justify-content:space-between}.site-head .iconlink{margin-left:auto}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:32;background:var(--sheet);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom,0)}.tabbar a{position:relative;display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 2px 7px;text-decoration:none;color:var(--ink-2);font-size:var(--t-xs);font-weight:600}.tabbar a[aria-current=page]{color:var(--action)}.tabbar .badgenum{position:absolute;top:3px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-round);background:var(--count);color:var(--on-count);font-size:var(--t-xs);line-height:18px}body{padding-bottom:calc(62px + env(safe-area-inset-bottom, 0px))}.toast{bottom:calc(76px + env(safe-area-inset-bottom, 0px))}}.lead{padding-block:22px 4px;gap:12px}.lead h1{font-size:var(--t-h1);max-width:26ch}@media (max-width:700px){.lead p{font-size:var(--t-ui)}.lead h1{font-size:var(--t-h2)}.lead{padding-top:16px}}@media (min-width:1001px){.layout:not(.panel-closed) .gstrip{flex-basis:min(30%,280px)}}.spectrum{display:flex;gap:4px;padding-block:4px 6px;overflow-x:auto;scrollbar-width:none}.spectrum::-webkit-scrollbar{display:none}.spectrum button{flex:1 0 auto;min-width:max-content;display:grid;grid-gap:6px;gap:6px;border:0;background:none;padding:0;cursor:pointer;text-align:left;color:inherit}.spectrum .band{display:block;height:30px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .12s,box-shadow .12s}.spectrum .lbl{font-size:var(--t-sm);font-weight:600;display:flex;gap:5px;align-items:baseline;white-space:nowrap;padding-right:8px}.spectrum .lbl small{color:var(--ink-2);font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spectrum button:hover .band{transform:translateY(-2px)}.spectrum button[aria-pressed=true] .band{box-shadow:0 0 0 2px var(--page),0 0 0 4px var(--ink)}.spectrum:has(button[aria-pressed=true]) button[aria-pressed=false]{opacity:.45}.spectrum button:disabled{opacity:.25;cursor:default}@media (max-width:700px){.spectrum .band{height:26px}}.xtoolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:8px 10px;padding-block:12px;border-bottom:1px solid var(--rule);position:relative}.chip.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chip.active small{color:var(--ink)}.sel{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-sm);color:var(--ink-2)}.sel select,.setting select{font:inherit;font-size:var(--t-ui);color:var(--ink);background:var(--sheet);padding:6px 28px 6px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:right 13px center,right 8px center;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.seg,.sel select,.setting select{border:1px solid var(--keyline);border-radius:var(--r-sm)}.seg{display:inline-flex;background:var(--sheet);padding:2px}.seg button{border:0;background:none;border-radius:3px;padding:5px 9px;cursor:pointer;color:var(--ink-2);display:inline-grid;place-items:center}.seg button[aria-checked=true],.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--ink);color:var(--page)}.seg.textseg button{padding:6px 12px;font-size:var(--t-ui);font-weight:600}@media (max-width:700px){.sel span{display:none}}.activechips{gap:6px;align-items:center;flex:1 1;min-width:0}.chip.on{background:var(--well);border-color:var(--keyline);color:var(--ink)}.chip.on span{color:var(--ink-2);font-size:15px;line-height:1}.filterpanel{margin-top:10px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--lift);display:grid;grid-template-rows:auto 1fr auto}.fp-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rule)}.fp-head h2{margin:0;font-size:var(--t-body);flex:1 1}.fp-body{padding:6px 16px 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:4px 28px;gap:4px 28px;overflow:auto}.fp-body fieldset{border:0;padding:10px 0;margin:0;min-width:0}.fp-body legend{font-size:var(--t-sm);font-weight:600;padding:0;margin-bottom:8px}.fp-checks,.fp-chips{display:flex;flex-wrap:wrap;gap:6px}.fp-checks .check small{color:var(--ink-2);font-size:var(--t-xs);margin-left:2px}.fp-input{width:100%;font:inherit;font-size:var(--t-ui);border:1px solid var(--keyline);border-radius:var(--r-md);padding:8px 10px;background:var(--sheet);color:var(--ink)}.fp-foot{padding:10px 16px;border-top:1px solid var(--rule)}.fp-foot,.fp-scrim{display:none}@media (max-width:700px){.filterpanel{position:fixed;inset:0;margin:0;border-radius:0;z-index:50;padding-top:env(safe-area-inset-top,0)}.fp-body{grid-template-columns:minmax(0,1fr)}.fp-foot{display:block;padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))}.fp-foot .btn{width:100%}}details.group>summary{gap:10px;padding:12px 4px}details.group>summary .gtitle{display:grid;min-width:0;flex:1 1 auto}details.group>summary .gname{display:flex;align-items:center;gap:8px;min-width:0}details.group>summary .gname .dot{margin-top:0}details.group>summary .gtitle small{color:var(--ink-2);font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}details.group>summary h3{font-size:var(--t-h3)}.gstrip{flex:0 0 min(40%,440px);display:flex;height:22px;border-radius:var(--r-chip);overflow:hidden;margin-left:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.gstrip i{flex:1 1}details.group[open] .gstrip{opacity:.55}details.group>summary .meta{margin-left:4px}.grouplink{margin:0 4px 10px;font-size:var(--t-ui)}.group-body.flat{padding-top:6px}@media (max-width:600px){details.group>summary{flex-wrap:wrap}details.group>summary .gtitle{flex:1 1 auto}.gstrip{order:5;flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 28px);margin:4px 0 0 28px;height:14px}details.group>summary .meta{margin-left:auto;width:auto}.hide-sm{display:none}}.dots{flex-wrap:wrap;gap:3px 8px}.dots,.dots>span{display:inline-flex;align-items:center}.dots>span{gap:3px}.dots i{width:9px;height:9px;border-radius:var(--r-chip);display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.dots.tight{gap:2px}.addbtn{width:34px;height:34px;flex:none;border-radius:var(--r-sm);border:1px solid var(--keyline);background:var(--sheet);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;transition:background .12s,color .12s}.addbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.addbtn:hover{color:var(--action)}.addbtn.on,.addbtn:hover{border-color:var(--action)}.addbtn.on{background:var(--action);color:var(--on-action)}.addbtn.sm{width:28px;height:28px}.addbtn.sm svg{width:14px;height:14px}.row-wrap{display:flex;align-items:center;gap:6px;border-top:1px solid var(--rule);padding-right:4px}.row-wrap:first-child{border-top:0}.row-wrap .row{border-top:0;flex:1 1;min-width:0}.row-wrap[aria-current=true]{background:var(--well);box-shadow:inset 2px 0 0 var(--ink)}.row-wrap:hover{background:var(--well)}html[data-density=compact] .row{padding-block:4px;grid-template-columns:36px minmax(0,1fr) auto}html[data-density=compact] .row .sub .dots{display:none}.ptable{width:100%;border-collapse:collapse;font-size:var(--t-ui)}.ptable th{text-align:left;font-size:var(--t-xs);color:var(--ink-2);font-weight:600;white-space:nowrap}.ptable td,.ptable th{padding:6px 8px;border-bottom:1px solid var(--rule)}.ptable td{vertical-align:middle}.ptable td.sw{width:44px;padding-right:0}.ptable td.sw .thumbframe{width:34px}.ptable tr[aria-current=true] td{background:var(--well)}.ptable tr[aria-current=true] td:first-child{box-shadow:inset 2px 0 0 var(--ink)}.ptable tbody tr:hover td{background:var(--well)}.ptable a{color:inherit;text-decoration:none}.ptable a:hover b{text-decoration:underline}.thsort{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.thsort.on{color:var(--ink)}.thsort.on:after{content:" ↓"}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.layout{padding-top:14px}.layout.panel-closed .panel{display:none}@media (max-width:1000px){.layout.panel-closed .panel[data-sheet=true]{display:block}}.eq-wrap{display:flex;align-items:center;gap:8px;border-top:1px solid var(--rule)}.eq-wrap:first-of-type{border-top:0}.eq-wrap .eq{border-top:0;flex:1 1;min-width:0}.eq-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 6px;align-items:center}.mk{font-size:var(--t-xs);font-weight:600;padding:2px 7px;border-radius:3px;white-space:nowrap}.mk.same-pigments{border:1px solid var(--keyline);color:var(--ink)}.mk.similar-mix{border:1px solid var(--keyline);color:var(--ink-2)}.mk.similar-color{border:1px dashed var(--keyline);color:var(--ink-2)}.eq small.why{color:var(--ink);opacity:.8;margin-top:1px}.hue-lesson{display:grid;grid-gap:8px;gap:8px}.hue-lesson h3{margin:0;font-size:var(--t-ui)}.hue-lesson p{margin:0}.hue-lesson ul{margin:0;padding-left:18px;display:grid;grid-gap:2px;gap:2px}.hue-lesson .hl-vs{font-weight:600}.hue-lesson .hl-tubes{background:var(--sheet);border-radius:var(--r-sm);padding:2px 10px}.hue-lesson .hl-tubes .eq b{color:var(--ink)}.hue-lesson .hl-tubes .eq:hover b{text-decoration:underline}.hue-lesson .hl-tubes .hl-vs{padding-top:6px;font-size:var(--t-sm);color:var(--ink-2)}.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:46;margin:0;padding:6px;list-style:none;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--lift);max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;text-align:left}.suggest .sg-head{display:block;padding:8px 10px 3px;font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);cursor:default}.suggest .sg-label>small,.suggest .sg-label>span{display:block;overflow:hidden;text-overflow:ellipsis}.suggest .sg-avatar{width:22px;height:22px;margin-left:-3px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--page);font-size:var(--t-xs);font-weight:600;color:var(--ink-2)}.suggest .sg-avatar img{width:100%;height:100%;object-fit:cover}.suggest li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--r-md);cursor:pointer;font-size:var(--t-ui)}.suggest li[aria-selected=true]{background:var(--well)}.suggest small{color:var(--ink-2);font-size:var(--t-sm);white-space:nowrap}.suggest .sg-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest .sg-chip{width:16px;height:16px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.suggest .sg-chip.pigment{border-radius:0;box-shadow:none;-webkit-clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.suggest .sg-ico{display:grid;place-items:center;color:var(--ink-2)}.presets{display:flex;align-items:center;gap:10px;min-width:0;padding-top:10px}.presets>span{font-weight:600;font-size:var(--t-ui);white-space:nowrap}.presets-row{gap:8px;flex:1 1}.preset-note{margin:0 0 10px;max-width:75ch}.readas{margin:0 0 6px;font-size:var(--t-ui);color:var(--ink-2)}.readas b{color:var(--ink)}.savebox{display:grid;grid-gap:4px;gap:4px}.savebox small a{color:inherit}.saved{position:relative}.popover{position:absolute;right:0;top:calc(100% + 6px);z-index:45;width:min(320px,calc(100vw - 32px));background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--lift);padding:12px;display:grid;grid-gap:10px;gap:10px;font-size:var(--t-ui)}.saverow{display:flex;gap:6px;flex-wrap:wrap}.saverow input{flex:1 1;min-width:140px;font:inherit;font-size:var(--t-ui);padding:8px 10px;border:1px solid var(--keyline);border-radius:var(--r-md);background:var(--sheet);color:var(--ink)}.savedlist{list-style:none;margin:0;padding:0;display:grid}.savedlist li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--rule)}.savedlist li:first-child{border-top:0}.savedlist .linkbtn{text-align:left;font-size:var(--t-ui)}.savedlist.big li{padding:9px 0}.picker-scrim{position:fixed;inset:0;z-index:54}.picker{position:fixed;z-index:55;width:280px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--lift);padding:12px;grid-gap:8px;gap:8px;font-size:var(--t-ui)}.picker,.picker-head{display:grid}.picker-head small{color:var(--ink-2);font-size:var(--t-sm)}.picker ul{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.picker li label{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:var(--r-sm);cursor:pointer}.picker li label:hover{background:var(--well)}.picker li input{width:17px;height:17px;accent-color:var(--action)}.picker li span{flex:1 1}.picker li small{color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.picker .newcol{justify-self:start}.picker-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:8px;font-size:var(--t-ui)}@media (max-width:700px){.picker-scrim{background:rgba(10,12,16,.4)}.picker{left:0!important;right:0;bottom:0;top:auto!important;width:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.picker li label{padding:10px 4px}}.colbar{display:flex;gap:2px;height:22px;border-radius:var(--r-chip);overflow:hidden;background:var(--well)}.colbar i{flex:1 1;min-width:3px}.colbar i.unknown{background:repeating-linear-gradient(135deg,var(--rule) 0 3px,transparent 3px 6px)}.colbar.sm{height:12px}.colbar.lg{height:40px;border-radius:var(--r-chip)}.colbar.empty{border:1.5px dashed var(--keyline)}.pagehead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pagehead .pagetitle{margin:0}.colgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.colcard{display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);text-decoration:none;color:inherit}.colcard:hover{border-color:var(--keyline);box-shadow:var(--lift)}.colcard b{font-size:var(--t-body);margin-top:4px}.colcard small{color:var(--ink-2)}.emptystate{padding:28px 0;max-width:52ch;display:grid;grid-gap:8px;gap:8px;justify-items:start}.emptystate p{margin:0}.sharedbox{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.syncnote{font-size:var(--t-sm);margin-top:18px}.collection{display:grid;grid-gap:14px;gap:14px}.collection .back{justify-self:start}.colhead{display:grid;grid-gap:4px;gap:4px}.colactions{margin-top:2px}.listgroup h3{font-size:var(--t-body);margin:12px 0 4px}.listgroup h3 .muted{font-weight:400}.listrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--rule)}.listrow.shopping{grid-template-columns:26px 44px minmax(0,1fr) auto auto auto}.listrow.done .lname{opacity:.55}.listrow.done .lname b{text-decoration:line-through}.lname{display:grid;min-width:0}.lname a{color:inherit;text-decoration:none}.lname small{color:var(--ink-2);font-size:var(--t-sm);overflow-wrap:anywhere}.tick input{width:20px;height:20px;accent-color:var(--ok)}.qty{display:inline-flex;align-items:center;border:1px solid var(--keyline);border-radius:var(--r-sm);background:var(--sheet)}.qty button{border:0;background:none;width:28px;height:28px;cursor:pointer;font-size:16px;color:var(--ink)}.qty button:disabled{color:var(--rule);cursor:default}.qty span{min-width:18px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--t-ui)}@media (max-width:600px){.listrow,.listrow.shopping{grid-template-columns:44px minmax(0,1fr) auto}.listrow .tick{grid-row:1;grid-column:3;justify-self:end}.listrow.shopping .lthumb{grid-column:1;grid-row:1/span 2}.listrow .qty{grid-column:2;justify-self:start}.listrow .btn.sm{grid-column:2/span 2;justify-self:start}.listrow>.iconbtn{grid-column:3;grid-row:1;justify-self:end}.listrow.shopping>.iconbtn{grid-row:2}}.shopat{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--well);padding:14px;display:grid;grid-gap:10px;gap:10px}.shopat-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.shopat-head h2{margin:0;font-size:var(--t-body)}.shopat-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.progress{height:6px;border-radius:var(--r-round);background:var(--rule);overflow:hidden}.progress i{display:block;height:100%;background:var(--ok);transition:width .2s}.astext summary{cursor:pointer;color:var(--ink-2);font-size:var(--t-ui)}.astext pre{white-space:pre-wrap;background:var(--well);padding:12px;border-radius:var(--r-md);border:1px solid var(--rule);font-size:var(--t-sm)}@media print{.astext,.colactions,.collection .back,.iconbtn,.pagetitle .linkbtn,.qty button,.shopat,.site-foot,.site-head,.tabbar{display:none!important}.colbar{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.settings{display:grid;grid-gap:8px;gap:8px}.settings section{border-top:1px solid var(--rule);padding-top:18px;margin-top:10px}.settings h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);margin:0 0 6px}.sectionhint{font-size:var(--t-ui);margin:0 0 6px}.setting{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px 24px;gap:8px 24px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}.setting:last-child{border-bottom:0}.setting-text{display:grid;grid-gap:2px;gap:2px}.setting-text small{color:var(--ink-2);font-size:var(--t-sm);max-width:52ch}.setting-control .fp-checks{max-width:440px;justify-content:flex-end}@media (max-width:700px){.setting{grid-template-columns:minmax(0,1fr)}.setting-control .fp-checks{justify-content:flex-start}.setting-control .seg{flex-wrap:wrap}}.accountlinks{display:flex;flex-wrap:wrap;gap:8px}.photoguide ul{margin:6px 0;padding-left:18px}.photoguide span{font-size:var(--t-sm);color:var(--ink-2)}.chosenpaint{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center}.chosenpaint span{display:grid}.chosenpaint small{color:var(--ink-2)}.photochoices{display:flex;flex-wrap:wrap;gap:10px}.photochoices figure{margin:0;display:grid;grid-gap:6px;gap:6px;width:160px}.photochoices .thumbframe,.photochoices img{width:160px;height:160px;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--rule)}.gstrip.big{height:34px;margin:4px 0 18px;border-radius:var(--r-chip)}.gstrip.card-strip{margin:0 0 6px;flex:none;height:26px}.pfacts{display:grid;grid-gap:8px;gap:8px;margin:18px 0;max-width:72ch}.pfacts>div{display:grid;grid-template-columns:92px minmax(0,1fr);grid-gap:12px;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--well);border:1px solid var(--rule);font-size:var(--t-ui)}.pfacts dt{color:var(--ink-2);font-size:var(--t-sm);padding-top:2px}.pfacts dd{margin:0}.pfacts .pf-safety.toxic{border-left:3px solid var(--danger)}.pfacts .pf-safety.toxic b{color:var(--danger)}.pfacts .pf-safety.care{border-left:3px solid var(--caution)}.pfacts .pf-safety.care b{color:var(--caution)}@media (max-width:600px){.pfacts>div{grid-template-columns:minmax(0,1fr);gap:2px}}.pnotes{max-width:65ch}.pnotes h3{font-size:var(--t-ui);font-weight:600;margin:16px 0 4px}.pnotes p{margin:0 0 8px}.purest{margin:0;padding-left:22px;display:grid;grid-gap:6px;gap:6px;max-width:72ch}.purest li{padding-left:4px}.purest li>span{display:block;font-size:var(--t-sm)}.purest .opacity{width:12px;height:12px;vertical-align:-1px}.stretch,a.plain,a.plain:hover{color:inherit;text-decoration:none}.stretch:after{content:"";position:absolute;inset:0;z-index:0}.stretch:focus-visible{outline:none}.stretch:focus-visible:after{outline:2px solid var(--focus);outline-offset:-2px;border-radius:inherit}.eq,.row{position:relative}.eq a.plain,.row a.plain{position:relative;z-index:1}.cmptray{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:33;width:min(760px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:8px 10px 8px 12px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--lift)}.cmptray ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex:1 1;min-width:0;overflow-x:auto}.cmptray li{display:flex;align-items:center;gap:6px;flex:none;max-width:190px}.cmptray li .thumbframe{width:30px;flex:none}.cmptray-name{font-size:var(--t-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmptray-actions{display:flex;align-items:center;gap:8px;flex:none}.cmptray-hint{font-size:var(--t-sm)}@media (max-width:700px){.cmptray{bottom:calc(70px + env(safe-area-inset-bottom, 0px))}.cmptray-name{display:none}}.cmp-intro{margin:0 0 16px;max-width:70ch}.cmp-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px}.cmp-add{position:relative;flex:1 1;min-width:240px;max-width:420px}.cmp-add input{width:100%;font:inherit;padding:9px 12px;color:var(--ink)}.cmp-add input,.cmp-hits{border:1px solid var(--keyline);border-radius:var(--r-md);background:var(--sheet)}.cmp-hits{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;list-style:none;margin:0;padding:4px;box-shadow:var(--lift)}.cmp-hits button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;width:100%;padding:6px 8px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-sm);font:inherit;font-size:var(--t-ui)}.cmp-hits button:focus-visible,.cmp-hits button:hover{background:var(--well)}.cmp-hits small{display:block;color:var(--ink-2);font-size:var(--t-sm)}.cmp-wrap{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.cmp{border-collapse:collapse;width:100%;min-width:calc(130px + var(--cols) * 200px);font-size:var(--t-ui);table-layout:fixed}.cmp td,.cmp th{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--rule)}.cmp tbody th{font-size:var(--t-sm);color:var(--ink-2);font-weight:600}.cmp tbody th,.cmp thead th:first-child{width:130px;position:-webkit-sticky;position:sticky;left:0;background:var(--page);z-index:1}.cmp td small{display:block;color:var(--ink-2);font-size:var(--t-xs);margin-top:2px}.cmp tr.same td{opacity:.55}.cmp-head{position:relative;display:grid;grid-gap:4px;gap:4px;font-weight:400;padding-right:30px}.cmp-head .thumbframe{width:140px}.cmp-name{font-family:var(--f-display);font-weight:500;font-size:var(--t-h3);line-height:1.15}.cmp-head small{color:var(--ink-2);font-size:var(--t-sm)}.cmp-x{position:absolute;top:0;right:0}.cmp-op{display:inline-flex;align-items:center;gap:6px}.cmp-warn{color:var(--danger);font-weight:600;text-transform:capitalize}.cmp .mixlegend li{font-size:var(--t-sm)}body.has-tray{padding-bottom:84px}body.has-tray .toast{bottom:calc(92px + env(safe-area-inset-bottom, 0px))}@media (max-width:700px){body.has-tray{padding-bottom:calc(132px + env(safe-area-inset-bottom, 0px))}body.has-tray .toast{bottom:calc(140px + env(safe-area-inset-bottom, 0px))}}@media (max-width:600px){.cmp{min-width:calc(88px + var(--cols) * 168px)}.cmp tbody th,.cmp thead th:first-child{width:88px;padding-inline:8px}.cmp-head .thumbframe{width:104px}}.swatchgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:10px 8px;gap:10px 8px;padding:10px;margin:4px 0 12px;background:var(--ground);border-radius:var(--r-md)}.swt{position:relative;display:grid;grid-gap:1px;gap:1px;align-content:start;min-width:0;border-radius:var(--r-sm);padding:0 0 6px;background:var(--sheet);overflow:hidden}.swt:hover{background:var(--well)}.swt>.swt-brand,.swt>.swt-name{padding-inline:6px}.swt[aria-current=true]{background:var(--well);box-shadow:0 0 0 2px var(--on-ground)}.swt-chip{position:relative;display:block;aspect-ratio:4/3;border-radius:0;overflow:hidden;margin-bottom:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.swt-chip.empty{background:var(--well);box-shadow:none;border:1.5px dashed var(--keyline)}.swt-chip img{width:100%;height:100%;object-fit:cover;display:block}.swt-hue{position:absolute;right:3px;bottom:3px;font:600 var(--t-xs)/1 var(--f-text);font-style:normal;padding:2px 4px;border-radius:3px;border:1px solid color-mix(in srgb,var(--caution) 45%,var(--keyline));background:var(--well);color:var(--caution)}.swt-name{font-size:var(--t-sm);font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.swt-brand{font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swt a.plain{position:relative;z-index:1}html[data-density=compact] .swatchgrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px 4px;padding:6px}html[data-density=compact] .swt{padding:0 0 4px}html[data-density=compact] .swt>.swt-brand,html[data-density=compact] .swt>.swt-name{padding-inline:4px}html[data-density=compact] .swt-chip{aspect-ratio:2/1;margin-bottom:4px}html[data-density=compact] .swt-brand,html[data-density=compact] .swt-name{font-size:var(--t-xs)}@media (max-width:600px){.swatchgrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 4px}}.cm-match{position:relative}.cm-match input::-webkit-color-swatch-wrapper{padding:0}.cm-match input::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.cm-match input::-moz-color-swatch{border:0;border-radius:50%}.cm-plot canvas{display:block;touch-action:pan-y;cursor:crosshair}.cm-tip{position:absolute;transform:translate(-50%,calc(-100% - 12px));pointer-events:none;z-index:3;max-width:220px;background:var(--ink);color:var(--page);border-radius:var(--r-sm);padding:6px 9px;font-size:var(--t-sm);box-shadow:var(--lift)}.cm-tip b{display:block;font-weight:600}.cm-tip small{display:block;opacity:.8}.show-sm{display:none}@media (max-width:600px){.show-sm{display:inline}}.viewmenu{width:min(380px,calc(100vw - 32px));gap:12px;max-height:calc(100vh - 140px);overflow:auto}.vm-selects{display:flex;flex-wrap:wrap;gap:8px}.vm-selects .sel{flex:1 1 140px}.vm-selects select{width:100%}.vm-row{display:grid;grid-gap:5px;gap:5px}.vm-label{font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}.vm-row .seg{flex-wrap:wrap;border-radius:var(--r-sm)}.vm-row .seg.textseg button{padding:5px 10px;font-size:var(--t-sm)}.vm-defaults{display:grid;grid-gap:6px;gap:6px;padding-top:10px;border-top:1px solid var(--rule);justify-items:start}.vm-defaults small{font-size:var(--t-sm)}.facts a.fact{display:inline-flex;align-items:center;gap:6px}.toppigs{display:flex;align-items:center;gap:10px;padding-top:12px;min-width:0}.toppigs>span{font-size:var(--t-sm);font-weight:600;color:var(--ink-2);white-space:nowrap}.toppigs-row{gap:6px;flex:1 1}.toppigs-row .chip{flex:none;font-size:var(--t-sm);padding:5px 10px}.chip.quiet,.toppigs-row .chip .code{color:var(--ink-2)}.chip.quiet{border-style:dashed;text-decoration:none}.chip.static{cursor:default}a.chip{text-decoration:none;color:var(--ink)}.presets a.chip:hover,.toppigs-row .chip:hover{border-color:var(--keyline)}@media (max-width:600px){.toppigs{flex-direction:column;align-items:stretch;gap:4px}}.bp-head h1{font-family:var(--f-display);font-weight:500;font-size:var(--t-hero);line-height:1.08;margin:0}.bp-head h1 .muted{font-size:.6em}.bp-about{max-width:70ch;margin:12px 0 0}.bspec{position:relative}.bspec-pop{position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:20;width:240px}.bspec-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:10px;border-radius:var(--r-md);background:var(--sheet);border:1px solid var(--rule);box-shadow:var(--lift);color:inherit;text-decoration:none}.bspec-card b{display:block;font-size:var(--t-ui)}.bspec-card small{display:block;color:var(--ink-2);font-size:var(--t-xs)}.bspec-hint{font-size:var(--t-sm);margin:6px 0 0}@media (hover:none){.bspec-hint{display:none}}.bd-list,.pig-chips,.series-list,.sim-list{list-style:none;margin:0;padding:0}.pig-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.pig-chips .chip{font-size:var(--t-sm);padding:5px 10px}.pig-chips .chip .code{color:var(--ink-2)}.guide{max-width:1000px}.guide-head h1{font-family:var(--f-display);font-weight:500;font-size:var(--t-hero);line-height:1.05;margin:0}.lede{font-size:var(--t-lead);max-width:65ch;margin:12px 0 0}.toc{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}.guide-sec{margin-top:40px;padding-top:8px;border-top:1px solid var(--rule);scroll-margin-top:80px}.guide-h,.guide-sec>h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);margin:18px 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.guide-sec h3{font-size:var(--t-body);margin:20px 0 8px}.fold-body p,.guide-intro p,.guide-sec p{max-width:70ch}.level{font-family:var(--f-text);font-size:var(--t-xs);font-weight:600;padding:3px 8px;border-radius:var(--r-sm)}.level.toxic{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--keyline));color:var(--danger)}.level.care{border:1px solid color-mix(in srgb,var(--caution) 45%,var(--keyline));color:var(--caution)}.callout{background:var(--well);border:1px solid var(--rule);border-radius:var(--r-md);padding:12px 14px;margin:12px 0;max-width:75ch}.callout ul{margin:8px 0 0;padding-left:18px}.alts,.retired{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px}.alt{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);padding:12px 14px}.alt h4{margin:0 0 6px;font-size:var(--t-body)}.alt p{margin:6px 0 0}.alt .more,.alt p{font-size:var(--t-ui)}.alt .more{display:inline-block;margin-top:8px}.fold{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);margin:10px 0}.fold>summary{cursor:pointer;padding:12px 14px;font-weight:600;display:flex;align-items:center;gap:8px;list-style:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary:before{content:"";width:7px;height:7px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(-45deg);transition:transform .15s;flex:none}.fold[open]>summary:before{transform:rotate(45deg)}.fold>summary small{margin-left:auto;color:var(--ink-2);font-weight:400;font-size:var(--t-sm)}.fold>summary .dot{margin-top:0}.fold>:not(summary){margin-inline:14px}.fold>:last-child:not(summary){margin-bottom:12px}.fold>.fold-body{margin:0;padding:0 14px 12px}.fold-body ol,.fold-body ul{padding-left:20px;display:grid;grid-gap:4px;gap:4px;max-width:72ch}.guide-reading{margin:22px 0}.guide-intro{margin:18px 0}.checks{padding-left:20px;display:grid;grid-gap:6px;gap:6px;max-width:72ch}.guide-explore{margin:28px 0 0}.guide-more{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:28px;padding-top:16px;border-top:1px solid var(--rule)}.guide-more>span{font-weight:600;font-size:var(--t-ui);margin-right:2px}.pb{display:grid;grid-gap:16px;gap:16px;margin:20px 0}.pb fieldset{border:0;padding:0;margin:0;min-width:0}.pb legend{font-weight:600;margin-bottom:8px;padding:0}.pb-look-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px;gap:8px}.pb-look{display:grid;grid-gap:4px;gap:4px;align-content:start;text-align:left;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--keyline);background:var(--sheet);color:inherit;cursor:pointer;font:inherit;text-decoration:none}.pb-look small{color:var(--ink-2);font-size:var(--t-sm);line-height:1.4}.pb-look[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:var(--well)}.pb-look:hover{border-color:var(--keyline)}.pb-prefs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.pb-strip{display:flex;height:48px;border-radius:var(--r-chip);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.pb-strip i{flex:1 1}.pb-slots{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.pb-slot{display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"role role role" "thumb main ctl";grid-gap:4px 14px;gap:4px 14px;align-items:center;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);padding:10px 12px}.pb-role{grid-area:role;font-size:var(--t-xs);font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}.pb-thumb{grid-area:thumb}.pb-main{grid-area:main;display:grid;grid-gap:6px;gap:6px;min-width:0}.pb-name{font-weight:600;font-size:var(--t-body)}.pb-main small{color:var(--ink-2);font-size:var(--t-sm);gap:4px 6px;align-items:center}.pb-codes,.pb-main small{display:flex;flex-wrap:wrap}.pb-codes{gap:4px}.pb-codes .chip{font-size:var(--t-sm);padding:3px 9px}.pb-tube{flex-wrap:wrap}.pb-tube select{max-width:100%;min-width:0}.pb-ctl{grid-area:ctl;display:flex;gap:4px}.pb-add{position:relative;max-width:460px}.pb-add input,.pb-name-in input{width:100%;font:inherit;padding:9px 12px;border:1px solid var(--keyline);border-radius:var(--r-md);background:var(--sheet);color:var(--ink)}.pb-mix{display:grid;grid-gap:3px;gap:3px;max-width:520px}.pb-mix i{display:block;aspect-ratio:1;border-radius:var(--r-chip)}.pb-mix i.pb-mix-h{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.pb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pb-actions .spacer{flex:1 1}.pb-name-in{flex:1 1 200px;max-width:280px}.pb-note{margin:0;font-size:var(--t-ui)}@media (max-width:600px){.pb-slot{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"role ctl" "thumb main"}.pb-ctl{justify-content:flex-end}}.pb,.pb-main,.pb-slots{grid-template-columns:minmax(0,1fr)}.pb-tube{display:flex;max-width:100%}.pb-tube select{flex:1 1;width:100%;text-overflow:ellipsis}.pigdot{--c:#999;--hex:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);position:relative;display:inline-block;flex:none;vertical-align:-.15em;width:12px;height:12px;background:color-mix(in srgb,var(--ink) 38%,transparent)!important;border-radius:0!important;box-shadow:none!important;margin:0}.pigdot,.pigdot:after{-webkit-clip-path:var(--hex);clip-path:var(--hex)}.pigdot:after{content:"";position:absolute;inset:1px;background:var(--c)}.slicebar{position:relative;display:block}.slicebar.gstrip{overflow:visible;box-shadow:none;display:block}.slicebar .slices{display:flex;height:100%;border-radius:inherit;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.slicebar .slices>*{flex:1 1;min-width:0;cursor:pointer;transition:transform .08s}.slicebar .slices>[aria-current=true],.slicebar .slices>[data-on]{transform:scaleY(1.25);box-shadow:0 0 0 2px var(--ink);position:relative;z-index:1}.slicebar .slices>a:focus-visible{box-shadow:0 0 0 2px var(--focus);position:relative;z-index:1;outline:none}.slicebar.big .slices{height:44px;border-radius:var(--r-chip);overflow:visible}.slicebar.big .slices>:first-child{border-radius:var(--r-chip) 0 0 var(--r-chip)}.slicebar.big .slices>:last-child{border-radius:0 var(--r-chip) var(--r-chip) 0}details.group[open] .slicebar.gstrip{opacity:1}details.group[open] .slicebar .slices{opacity:.55}details.group[open] .slicebar:hover .slices{opacity:1}.bspec-pop{top:100%;padding-top:8px;cursor:default;font-weight:400}.bspec-actions{display:flex;gap:12px;align-items:center;margin-top:4px;font-size:var(--t-sm)}.bspec-actions .linkbtn{padding:0;font-size:var(--t-sm)}.bspec{margin:22px 0 6px}@keyframes flash{0%,30%{box-shadow:0 0 0 3px var(--action);background-color:var(--well)}to{box-shadow:0 0 0 0 transparent}}.flash{border-radius:var(--r-md)}.flash,tr.flash{animation:flash 2.2s ease-out}.gpreview{flex:0 0 min(40%,440px);margin-left:8px;min-width:0;display:flex;align-items:center;gap:4px;color:var(--ink-2);font-size:var(--t-sm)}@media (min-width:1001px){.layout:not(.panel-closed) .gpreview{flex-basis:min(30%,280px)}}.gstats{gap:12px;white-space:nowrap;overflow:hidden}.gstats b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:600px){.gpreview{order:5;flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 28px);margin:4px 0 0 28px}}.results-body.fadein{animation:viewin .35s ease-out}.results-body.hidden{display:none}@keyframes viewin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{display:grid;grid-gap:14px;gap:14px;padding-top:6px}.sk-head,.skeleton i{display:block;border-radius:var(--r-md);background:linear-gradient(90deg,var(--well) 0,color-mix(in srgb,var(--rule) 70%,var(--well)) 50%,var(--well) 100%);background-size:800px 100%;animation:shimmer 1s linear infinite}.sk-head{height:30px;width:min(60%,420px)}.sk-grid{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.sk-grid.chart{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.sk-grid.chart i{aspect-ratio:4/3}.sk-rows{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.sk-rows i{height:54px}.sk-rows.table i{height:30px}@media (prefers-reduced-motion:reduce){.results-body.fadein,.sk-head,.skeleton i{animation:none}}.mixlegend .pigdot{margin-top:3px}.actions{display:grid;grid-gap:8px;gap:8px}.actions .btnrow{align-items:flex-start}.actions .buy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:var(--t-ui)}.actions .disclose{margin:0}.eq-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;font-size:var(--t-ui)}.eq-links .linkbtn,.pchips{padding:0}.pchips{list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:6px}.pchips .chip{font-size:var(--t-sm);padding:4px 10px}.pchips .chip .code{color:var(--ink-2)}.detail.compact{gap:12px;padding:8px 16px 18px}.detail.compact .hero{grid-template-columns:72px minmax(0,1fr);gap:12px}.panel .detail.compact .hero{grid-template-columns:minmax(0,1fr);gap:10px}.panel .detail.compact .hero>.thumbframe{aspect-ratio:2/1}.panel .detail.compact .hero>.thumbframe .swatch{width:auto;height:68%;aspect-ratio:1}.panel .detail.compact .hero>.thumbframe .swt-hue{right:8px;bottom:8px}.detail.compact h2{font-size:var(--t-h2)}.detail.compact h3{font-size:var(--t-sm);margin-bottom:6px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}.detail.compact .btn{padding:6px 11px;font-size:var(--t-sm)}.detail.compact .savebox small{font-size:var(--t-xs)}.detail.compact .facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;border:0}.detail.compact .facts>div{background:var(--well);border:1px solid var(--rule);border-radius:var(--r-md);padding:6px 8px;min-width:0}.detail.compact .facts dt{font-size:var(--t-xs)}.detail.compact .facts dd{font-size:var(--t-sm);overflow-wrap:anywhere;line-height:1.3}.detail.compact .note{padding:8px 10px;font-size:var(--t-sm)}.detail.compact .eq{padding:5px 0;grid-template-columns:30px minmax(0,1fr) auto}.detail.compact .eq b{font-size:var(--t-ui)}.detail.compact .eq small{font-size:var(--t-xs)}.detail.compact .source{margin:0;font-size:var(--t-xs)}@media (max-width:420px){.detail.compact .facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.hue-fold>summary{cursor:pointer;list-style:none}.hue-fold>summary::-webkit-details-marker{display:none}.hue-fold>summary:after{content:" More";color:var(--ink);text-decoration:underline;text-underline-offset:2px}.hue-fold[open]>summary:after{content:" Less"}.hue-fold .hue-lesson{margin-top:8px}.actions .buy .shops{display:contents}.cm-plot canvas{touch-action:none;cursor:-webkit-grab;cursor:grab;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.cm-plot canvas.free{touch-action:pan-y;cursor:default}.cm-plot canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.cm-plot canvas:focus-visible{box-shadow:0 0 0 2px var(--focus);border-radius:var(--r-sm)}.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;min-width:34px;padding:0 10px;border:1px solid var(--keyline);background:var(--sheet);color:var(--ink);font:inherit;font-size:var(--t-sm);font-weight:600;cursor:pointer;border-radius:var(--r-sm);box-shadow:var(--lift);touch-action:manipulation}.cm-btn:hover:not(:disabled){border-color:var(--keyline)}.cm-btn:disabled{color:var(--ink-2);opacity:.55;cursor:default;box-shadow:none}.cm-float{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:3;pointer-events:none;white-space:nowrap;background:var(--ink);color:var(--sheet);font-size:var(--t-sm);padding:6px 12px;border-radius:var(--r-sm);animation:cmfloat .2s ease-out}@keyframes cmfloat{0%{opacity:0;transform:translate(-50%,4px)}}.cm-card{position:absolute;z-index:4;transform:translate(-50%,calc(-100% - 14px));width:250px;display:grid;grid-gap:6px;gap:6px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--lift);padding:10px 12px;font-size:var(--t-sm)}.cm-card.below{transform:translate(-50%,14px)}.cm-card-x{position:absolute;top:4px;right:4px}.cm-card-top{display:flex;gap:10px;align-items:center;padding-right:22px}.cm-card-top i{flex:none;width:30px;height:30px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.cm-card-top b{display:block;font-size:var(--t-ui);line-height:1.25}.cm-card-top small{display:block;color:var(--ink-2);font-size:var(--t-xs)}.cm-card-actions{display:flex;flex-wrap:wrap;gap:6px}.cm-card-actions .chip{font-size:var(--t-sm);padding:5px 10px}.cm-rec{flex:none;width:26px;height:26px;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);touch-action:manipulation}.cm-rec.tube{border-radius:var(--r-chip)}.cm-rec[aria-pressed=true]{box-shadow:0 0 0 2px var(--sheet),0 0 0 4px var(--ink)}@media (max-width:700px){.cm-card{width:230px}}html{-webkit-tap-highlight-color:transparent}[role=button],a,button,input,label,select,summary{touch-action:manipulation}@media (hover:none){.btn,.chip,.cm-btn,.cm-rec,.iconbtn,.linkbtn,.seg button,.spectrum button,.tabbar a,summary{transition:transform .08s ease-out}.btn:active,.chip:active,.cm-btn:active:not(:disabled),.cm-rec:active,.iconbtn:active,.seg button:active,.spectrum button:active,.tabbar a:active{transform:scale(.96)}.bspec-pop,.slicebar,[data-paint]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.slicebar .slices{touch-action:pan-y}.drag-scrolling{-webkit-user-select:none;-moz-user-select:none;user-select:none;scroll-behavior:auto!important}.drag-scrolling,.drag-scrolling *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.grabber{display:none}@media (max-width:1000px){.panel[data-sheet=true]{transition:transform .18s ease-out;overscroll-behavior:contain;animation:sheetup .22s ease-out}.panel.pulling{transition:none}.panel-head{position:relative;padding-top:18px}.grabber{display:block;position:absolute;top:7px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:var(--r-round);background:var(--rule)}}@keyframes sheetup{0%{transform:translateY(40%);opacity:.4}}.filterpanel,.qsheet{overscroll-behavior:contain}.qsheet-scrim{position:fixed;inset:0;background:rgba(10,12,16,.4);z-index:80;animation:fadein .15s ease-out}.qsheet{position:fixed;left:0;right:0;bottom:0;z-index:81;background:var(--sheet);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--lift);padding:22px 18px calc(18px + env(safe-area-inset-bottom, 0px));display:grid;grid-gap:14px;gap:14px;max-width:560px;margin:0 auto;animation:sheetup .2s ease-out;transition:transform .18s ease-out}.qsheet.pulling{transition:none}.qsheet .grabber{display:block;position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:var(--r-round);background:var(--rule)}.qsheet-top{display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.qsheet-top b{display:block;font-size:var(--t-lead);line-height:1.25}.qsheet-top small{display:block;color:var(--ink-2);font-size:var(--t-sm)}.qsheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.qsheet-actions>*{justify-content:center;text-align:center;width:100%}.qsheet-actions .savebox{display:contents}@keyframes fadein{0%{opacity:0}}.install-btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}@media (display-mode:standalone){html{overscroll-behavior-y:none}.site-head{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.htl{margin:4px 0 8px}.htl-scroll{overflow-x:auto;scrollbar-width:thin;padding:58px 2px 6px;margin-top:-50px}.htl-track{position:relative;display:flex;gap:6px;min-width:760px}.htl-era{display:grid;grid-gap:8px;gap:8px;min-width:0;flex-basis:0;border-top:4px solid var(--rule);padding-top:8px}.htl-era.ancient{border-color:color-mix(in srgb,var(--ink-2) 30%,var(--rule))}.htl-era.masters{border-color:color-mix(in srgb,var(--ink-2) 55%,var(--rule))}.htl-era.chemistry{border-color:color-mix(in srgb,var(--ink-2) 80%,var(--rule))}.htl-era.modern{border-color:var(--ink)}.htl-era-name{display:grid;font-size:var(--t-sm);line-height:1.25}.htl-era-name small{color:var(--ink-2);font-size:var(--t-xs)}.htl-dots{display:flex;justify-content:space-around;gap:2px}.htl-dot{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--r-md)}.htl-dot:hover,.htl-dot[aria-current=true]{background:var(--page)}.htl-dot:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.htl-dot.gone .pigdot{opacity:.45}.htl-pop{position:absolute;bottom:calc(100% + 6px);transform:translateX(-50%);z-index:3;pointer-events:none;white-space:nowrap;background:var(--ink);color:var(--sheet);border-radius:var(--r-sm);padding:5px 10px;font-size:var(--t-sm);display:grid}.htl-pop small{opacity:.8}.htl-hint{font-size:var(--t-sm);margin:4px 0 0}.guide-sub{margin:-4px 0 12px;max-width:70ch}.hart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-gap:18px;gap:18px;align-items:start}.hart{margin:0;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;display:grid}.hart-img{display:block;background:var(--well);max-height:380px;overflow:hidden}.hart-img img{display:block;width:100%;height:100%;object-fit:cover}.hart figcaption{display:grid;grid-gap:8px;gap:8px;padding:12px 14px 14px;font-size:var(--t-ui)}.hart figcaption>b{font-family:var(--f-display);font-weight:500;font-size:var(--t-h3);line-height:1.2}.hart figcaption>small{color:var(--ink-2);font-size:var(--t-sm)}.hart-found{display:flex;flex-wrap:wrap;gap:5px}.hart-found .chip{font-size:var(--t-sm);padding:3px 9px}.hart-story{line-height:1.5}.hart .hart-src{color:var(--ink-2);font-size:var(--t-xs)}.hart.flash,.hpig.flash{border-radius:var(--r-md)}.hera-dots{display:inline-flex;gap:2px;margin-right:4px}@media (max-width:600px){.hera-dots{display:none}}.hpigs{display:grid;grid-gap:12px;gap:12px}.hpig{border:1px solid var(--rule);border-radius:var(--r-md);padding:12px 14px;background:var(--sheet)}.hpig header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.hpig h3{margin:0;font-size:var(--t-lead)}.hpig-when{font-size:var(--t-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hpig-when,.retired-tag{color:var(--ink-2)}.hpig>p{margin:8px 0;line-height:1.55;max-width:72ch}.hpig-today{display:grid;grid-gap:2px;gap:2px}.hpig-today p{margin:0}.hpig-today .more,.hpig-today p{font-size:var(--t-ui)}.hpig-today .pig-chips>.muted{align-self:center;font-size:var(--t-sm)}.hpig-art{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 0;font-size:var(--t-sm)}.hpig-art-link{display:inline-flex;align-items:center;gap:6px}.hpig-art-link img{width:36px;height:auto;max-height:44px;object-fit:cover;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.htl-track{min-width:max-content}.htl-era{flex-basis:auto}.htl-dots{justify-content:space-evenly}.htl-dot{flex:none}.homedir{border-top:1px solid var(--rule);padding-top:24px}.homedir-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:20px 28px;gap:20px 28px}.homedir h3{font-size:var(--t-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin:0 0 8px}.homedir ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:5px;gap:5px;font-size:var(--t-ui)}.homedir a{color:var(--ink);text-decoration:none}.homedir a:hover{text-decoration:underline}.homedir-pigs .pigdot{vertical-align:-1px}@media (max-width:700px){.presets-row{margin-right:-16px;padding-right:16px;scroll-padding-inline:16px}}.revauthor{color:inherit;text-decoration:none}.revauthor:hover{text-decoration:underline}.revsort{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--t-ui)}.helpful{border:1px solid var(--keyline);background:var(--well);color:var(--ink);border-radius:var(--r-sm);padding:3px 10px;font-size:var(--t-sm);cursor:pointer;text-decoration:none}.helpful small{color:var(--ink-2);margin-left:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.helpful[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.helpful:hover{border-color:var(--keyline)}.helpfulnote{font-size:var(--t-sm)}.visibility{flex-wrap:wrap;gap:8px 12px;margin:12px 0}.handlefield,.visibility{display:flex;align-items:center}.handlefield{gap:4px}.fieldnote{display:block;font-size:var(--t-sm);font-weight:400;margin-top:4px}.fieldnote.warn{color:var(--danger)}.handlefield input{flex:1 1;min-width:0}.profilehead{display:grid;grid-gap:6px;gap:6px}.profilestats{display:flex;flex-wrap:wrap;gap:4px 18px;margin:4px 0 0;font-size:var(--t-ui);color:var(--ink-2)}.profilestats b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profrev-paint{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.profrev-paint b{display:block;font-size:var(--t-body)}.profrev-paint small{display:block;color:var(--ink-2);font-size:var(--t-sm)}.profrev-paint:hover b{text-decoration:underline}.profrev .thumb{cursor:pointer}@media print{.visibility{display:none!important}}.pavatar{flex:none;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--page);box-shadow:0 0 0 3px var(--sheet),0 0 0 4px var(--rule)}.pavatar img{width:100%;height:100%;object-fit:cover;display:block}.pavatar-initial{font-family:var(--f-display);font-size:var(--t-h1);color:var(--ink-2)}.pavatar.sm{width:72px;height:72px}.pavatar.sm .pavatar-initial{font-size:var(--t-h2)}.pavatar.xs{width:32px;height:32px;box-shadow:none}.pavatar.xs .pavatar-initial{font-size:var(--t-body)}.profilehead{display:flex;gap:20px;align-items:flex-start;padding:22px;border-radius:var(--r-lg);border:1px solid var(--rule);background:var(--sheet);margin-bottom:8px}.profilehead.tinted{background:linear-gradient(135deg,color-mix(in srgb,var(--tint) 70%,var(--sheet)) 0,color-mix(in srgb,var(--tint) 22%,var(--sheet)) 70%);border-color:color-mix(in srgb,var(--tint) 40%,var(--rule))}.profilehead .pagetitle{margin:0}.pinfo{display:grid;grid-gap:6px;gap:6px;min-width:0}.phandle{margin:0;color:var(--ink-2);font-size:var(--t-ui)}.pbio{margin:2px 0 0;max-width:62ch;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.plinks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--t-ui)}.plinks a{overflow-wrap:anywhere}.pswatch{margin:0;font-size:var(--t-sm);color:var(--ink-2)}.profilehead.tinted .pinfo{background:var(--sheet);border-radius:var(--r-md);padding:12px 16px}@media (max-width:600px){.profilehead{flex-direction:column;align-items:center;text-align:center;padding:18px 14px}.pinfo{justify-items:center}.plinks,.profilestats{justify-content:center}}.ownerbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin:0 0 14px}.ownerbar .btnrow{margin:0}.onlyyou{border-style:dashed}.rev.onlyyou{border:1px dashed var(--rule);border-radius:var(--r-md);padding:12px}.badge.anon{color:var(--ink-2)}.revavatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.profileform .formh{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);margin:0}.profileform .formnote{margin:-4px 0 4px;font-size:var(--t-ui)}.picrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.picrow .btnrow{margin:0}.picrow small{flex-basis:100%;font-size:var(--t-sm)}label.btn{cursor:pointer}label.btn.disabled{opacity:.6;pointer-events:none}.linkset,.swatchpick{border:0;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px;min-width:0}.linkset legend,.swatchpick legend{padding:0;margin-bottom:6px;font-size:var(--t-ui);font-weight:600}.linkrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.linkrow input{flex:1 1 220px;min-width:0}.linkrow small{font-size:var(--t-xs)}.swatchnow{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--t-ui)}.swatchnow i{width:22px;height:22px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.colorpickgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));grid-gap:6px;gap:6px;max-width:560px}.colorpickgrid button{aspect-ratio:1;border:0;border-radius:var(--r-chip);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);padding:0}.colorpickgrid button[aria-pressed=true]{box-shadow:0 0 0 2px var(--sheet),0 0 0 4px var(--ink)}.privbox{display:grid;grid-gap:10px;gap:10px}.anoncheck,.privbox .check{border-radius:var(--r-md);align-items:flex-start;padding:10px 12px}.anoncheck small,.privbox .check small{display:block;font-size:var(--t-sm);font-weight:400;margin-top:2px}.anoncheck input,.privbox .check input{margin-top:3px}.pthumb.withcap{display:grid;grid-gap:4px;gap:4px;height:auto}.pthumb.withcap input{width:120px;font-size:var(--t-xs);padding:4px 6px}.signedin{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.sresults{margin:10px 0 4px;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);display:grid;grid-gap:12px;gap:12px}.sres-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.sres-head h2{margin:0;font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);overflow-wrap:anywhere}.sresults .readas{margin:-6px 0 0}.sres-row{display:grid;grid-gap:6px;gap:6px}.sres-row h3{margin:0;font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}.sres-chips{display:flex;flex-wrap:wrap;gap:6px}.sres-chips .chip{font-size:var(--t-sm);padding:5px 10px}.sres-chips .chip .code{color:var(--ink-2)}.sres-top{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:8px;gap:8px}.tophit{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--rule);border-radius:var(--r-md);text-decoration:none;color:inherit;background:var(--well)}.tophit:hover{border-color:var(--ink)}.tophit b{display:block;font-size:var(--t-body)}.tophit small{display:block;font-size:var(--t-sm);color:var(--ink-2)}.sres-painters{display:flex;flex-wrap:wrap;gap:8px}.painterhit{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--keyline);border-radius:var(--r-sm);text-decoration:none;color:inherit}.painterhit:hover{border-color:var(--keyline)}.painterhit b{display:block;font-size:var(--t-ui)}.painterhit small{display:block;font-size:var(--t-xs);color:var(--ink-2)}.sres-tubes{margin:2px 0 0;font-size:var(--t-body);scroll-margin-top:90px}.sres-tubes small{font-weight:400;font-size:var(--t-sm);margin-left:6px}#sresults-h{scroll-margin-top:90px}.searchbar.header{flex:0 1 230px;margin-left:8px;transition:flex-basis .2s ease}.searchbar.header:focus-within{flex-basis:380px}.searchbar.header input{font-size:var(--t-ui);height:38px;padding:0 12px 0 34px;border-radius:var(--r-sm);background:var(--page)}.searchbar.header .sb-ico{left:12px}.searchbar.header .suggest{width:min(520px,calc(100vw - 32px));right:auto}.hsearch-btn{display:none;border:0;background:none;cursor:pointer}.searchbar.header{min-width:120px}@media (min-width:701px){.site-head .wrap{flex-wrap:nowrap}}@media (max-width:1279px){.searchbar.header,.searchbar.header:focus-within{flex-basis:220px}}@media (max-width:1000px){.searchbar.header{display:none}.hsearch-btn{display:inline-grid}}@media (min-width:701px) and (max-width:1000px){.hsearch-btn{order:1}.site-head .iconlink:not(.hsearch-btn){order:2;margin-left:-12px}}@media (max-width:700px){.site-head .iconlink{margin-left:0}.site-head .iconlink.hsearch-btn{margin-left:auto}}.searchsheet{position:fixed;inset:0;z-index:60;background:var(--sheet);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0);overflow-y:auto;overscroll-behavior:contain}.ss-top{position:relative;padding:10px 16px}.ss-top>.linkbtn{position:absolute;right:16px;top:10px;height:46px}.ss-hint{padding:4px 16px;margin:0;font-size:var(--t-ui)}.searchbar.sheet{max-width:none}.searchbar.sheet input{width:calc(100% - 68px);font-size:var(--t-body);padding:12px 14px 12px 42px}.searchbar.sheet .sb-ico{left:14px;top:23px}.searchbar.sheet .suggest{position:static;margin:8px -8px 0;border:0;border-radius:0;box-shadow:none;background:none;max-height:none;padding:0 0 24px}.searchbar.sheet .suggest li{padding:11px 10px;font-size:var(--t-body)}.misses{border-collapse:collapse;width:100%;max-width:720px;font-size:var(--t-ui)}.misses td,.misses th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--rule)}.misses th{font-size:var(--t-sm);color:var(--ink-2);font-weight:600}.pwfield{position:relative;display:block}.pwfield input{padding-right:64px!important}.pwtoggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--ink);font:inherit;font-size:var(--t-sm);font-weight:600;padding:6px 10px;border-radius:var(--r-sm);cursor:pointer}.pwtoggle:hover{background:var(--well)}.authtabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--sheet)}.authtabs button{border:0;background:none;color:var(--ink-2);font:inherit;font-weight:600;padding:9px;border-radius:3px;cursor:pointer}.authtabs button[aria-selected=true]{background:var(--sheet);color:var(--ink);box-shadow:var(--lift)}.authrow{justify-content:space-between;flex-wrap:wrap}.author,.authrow{display:flex;align-items:center;gap:10px}.author{color:var(--ink-2);font-size:var(--t-sm)}.author:after,.author:before{content:"";flex:1 1;height:1px;background:var(--rule)}.security{display:grid;grid-gap:12px;gap:12px}.pwrules{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:2px 12px;gap:2px 12px;font-size:var(--t-sm);color:var(--ink-2)}.pwrules li{display:flex;gap:6px}.pwrules li.ok{color:var(--ok)}.youcard{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.reviewpick{display:grid;grid-gap:12px;gap:12px;scroll-margin-top:80px}.reviewpick h2{margin:0;font-family:var(--f-display);font-weight:500;font-size:var(--t-h2)}.reviewpick h3{margin:6px 0 0;font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}.pickbox{display:grid;grid-gap:10px;gap:10px}.pickbox>input[type=search]{font-size:var(--t-body);padding:12px 14px;border:1px solid var(--keyline);border-radius:var(--r-md);background:var(--sheet);color:var(--ink);width:100%}.tubepick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:8px;gap:8px}.tubepick button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--keyline);border-radius:var(--r-md);background:var(--well);color:inherit;font:inherit;text-align:left;cursor:pointer}.tubepick button:hover{border-color:var(--ink)}.tubepick button>span{flex:1 1;min-width:0}.pickedhead b,.tubepick b{display:block;font-size:var(--t-body)}.pickedhead small,.tubepick small{display:block;font-size:var(--t-sm);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}.tubepick .tp-act{flex:none;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.pickedhead{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet)}.pickedhead>span{flex:1 1;min-width:0;display:grid;grid-gap:1px;gap:1px}.pickedhead a{font-size:var(--t-sm)}.donenote{font-size:var(--t-ui)}.menuchip .caret{margin-left:-1px;opacity:.75;transition:transform .15s}.menuchip[aria-expanded=true] .caret{transform:rotate(180deg)}.hueruler{gap:2px;height:22px;margin:4px 0 10px;border-radius:var(--r-chip)}.hueruler,.hueruler button{display:flex;overflow:hidden}.hueruler button{flex-basis:0;min-width:6px;border:0;padding:0 6px;cursor:pointer;align-items:center}.hueruler span{font-size:var(--t-xs);font-weight:600;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hueruler button:hover{filter:brightness(1.12)}.hueband{scroll-margin-top:80px}.hueband+.hueband{margin-top:6px}.hueband-h{display:flex;align-items:center;gap:8px;margin:10px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--rule);font-size:var(--t-sm);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2)}.hueband-h i{width:12px;height:12px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.hueband-h small{font-weight:400;letter-spacing:0;text-transform:none}.splitbtn{display:inline-flex}.splitbtn>.chip:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.splitbtn>.menuchip{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;padding-left:8px;padding-right:9px}.savedpop{width:min(380px,calc(100vw - 32px));display:grid;grid-gap:8px;gap:8px}.sp-h{font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}.savedpop .savedlist li{align-items:flex-start;flex-wrap:wrap}.sp-run{flex:1 1 200px;min-width:0;display:grid;grid-gap:1px;gap:1px;text-align:left;border:0;background:none;color:var(--ink);font:inherit;font-size:var(--t-ui);font-weight:600;padding:2px 0;cursor:pointer}.sp-run:hover span{text-decoration:underline}.sp-run em{font-style:normal;font-weight:400;color:var(--ink-2)}.sp-run small{font-size:var(--t-xs);font-weight:400}.sp-acts{display:inline-flex;gap:10px;font-size:var(--t-sm);padding-top:3px}.sp-foot{display:grid;grid-gap:4px;gap:4px;padding-top:6px;border-top:1px solid var(--rule)}.editbar,.sp-foot{font-size:var(--t-ui)}.editbar{flex-basis:100%;order:99;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:10px 12px;border:1px solid var(--keyline);box-shadow:inset 3px 0 0 var(--ink);border-radius:var(--r-md);background:var(--well)}.savedpage{display:grid;grid-gap:16px;gap:16px}.savedcards{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.savedcard{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--well)}.savedcard h2{margin:0;font-size:var(--t-lead);font-family:var(--f-text)}.savedcard .sc-what{margin:0;font-size:var(--t-ui)}.savedcard .sc-meta{margin:0 0 4px;font-size:var(--t-sm)}.colornote{font-size:var(--t-sm);color:var(--ink-2)}.thumbframe.lg.tube.nophoto-frame{background:var(--sheet)}.thumbframe.lg.tube.nophoto-frame .nophoto{left:8px;top:auto;bottom:8px;transform:none}.colordetail .cd-sub{margin:4px 0 0}.cd-hue,.cd-recipe,.colordetail .cd-sub{font-size:var(--t-ui)}.cd-hue{margin:0}.cd-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.cd-group+.cd-group{margin-top:10px}.cd-rh{display:flex;align-items:center;gap:6px;margin:6px 0 4px;font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}.cd-rh small{font-weight:400;margin-left:2px}.cd-paints{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.cd-paint{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:start;padding:8px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--well)}.cd-main{display:grid;grid-gap:3px;gap:3px;min-width:0}.cd-name{font-size:var(--t-ui);line-height:1.35}.cd-name .badge{margin-left:6px}.plainlink{color:inherit;text-decoration:none;text-align:left}.plainlink:hover b{text-decoration:underline}.cd-facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--t-sm);color:var(--ink-2);align-items:center}.cd-facts .badge{color:var(--ink)}.cd-buy .shops{gap:4px 10px;font-size:var(--t-sm)}.colorpage .colordetail{max-width:820px}.colorpage .colordetail .hero{grid-template-columns:120px minmax(0,1fr)}.thumbframe.colorthumb .swt-hue{position:absolute;left:auto;top:auto;right:6px;bottom:6px}.dots .recipes{margin-left:6px;font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap}.sizes{white-space:normal}.sizesrow{margin:0;font-size:var(--t-ui)}.cd-sizes-key{font-size:var(--t-xs);margin:8px 0 0}.railwrap.withrail{display:grid;grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"body rail";grid-column-gap:14px;column-gap:14px}.railwrap.withrail>.results-body{grid-area:body;min-width:0}.colorrail-slot{grid-area:rail;align-self:stretch}.colorrail{position:-webkit-sticky;position:sticky;width:16px;height:calc(100vh - 110px);max-height:900px;border-radius:var(--r-chip);cursor:pointer;touch-action:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.colorrail:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.cr-win{position:absolute;left:-4px;right:-4px;border:2px solid var(--ink);border-radius:var(--r-sm);box-shadow:0 0 0 1.5px var(--page),inset 0 0 0 1px var(--page);cursor:-webkit-grab;cursor:grab;transition:top .08s linear}.colorrail.dragging,.colorrail.dragging .cr-win{cursor:-webkit-grabbing;cursor:grabbing}.colorrail.dragging .cr-win{transition:none;border-width:3px}.cr-tip{position:absolute;right:calc(100% + 10px);transform:translateY(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;pointer-events:none;background:var(--sheet);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-sm);padding:3px 8px;font-size:var(--t-xs);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:2}.cr-tip i{width:12px;height:12px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}@media (max-width:700px){.railwrap.withrail{grid-template-columns:minmax(0,1fr) 14px;column-gap:8px}.colorrail{width:14px;height:calc(100dvh - 160px)}.cr-win{left:-3px;right:-3px}}.chip.clearchip{border-color:var(--keyline);font-weight:600}.chip.clearchip:hover{background:var(--sheet)}.vm-saved{display:inline-flex;gap:6px;font-size:var(--t-ui);font-weight:600}.optbar,.vm-saved{align-items:center}.optbar{display:flex;flex-wrap:wrap;gap:10px 14px;margin:22px 0 6px;padding:10px 12px;background:var(--well);border:1px solid var(--rule);border-radius:var(--r-md)}.optbar-item{display:inline-flex;align-items:center;gap:6px}.optbar-lbl{font-size:var(--t-sm);color:var(--ink-2)}.optbar .seg.textseg button{padding:5px 10px;font-size:var(--t-sm)}.optbar-filter{display:inline-flex;align-items:center;gap:6px;flex:1 1 200px;max-width:320px;border:1px solid var(--keyline);background:var(--sheet);border-radius:var(--r-sm);padding:0 12px;color:var(--ink-2)}.optbar-filter input{border:0;background:none;font:inherit;font-size:var(--t-ui);color:var(--ink);padding:7px 0;width:100%;min-width:0;outline:none}.optbar-filter:focus-within{border-color:var(--ink)}.optbar-count{margin-left:auto;font-size:var(--t-sm)}.jumpbar{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.jumpbar .chip{font-size:var(--t-sm);padding:4px 10px;text-decoration:none;color:var(--ink)}.section[id^=fam-]{scroll-margin-top:80px}.pigrows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-column-gap:24px;column-gap:24px}.pigrows li{border-bottom:1px solid var(--rule)}.pigrows a{display:grid;grid-template-columns:16px 64px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:7px 4px;text-decoration:none;color:var(--ink)}.pigrows a:hover{background:var(--well)}.pigrows .pr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pigrows small{font-size:var(--t-xs);white-space:nowrap}.pigswatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:10px;gap:10px}.pigswatch{display:grid;grid-gap:2px;gap:2px;text-decoration:none;color:var(--ink);font-size:var(--t-sm);min-width:0}.pigswatch .ps-chip{aspect-ratio:1.1;-webkit-clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.pigswatch:hover .ps-chip{filter:brightness(1.1)}.pigswatch:hover .code{text-decoration:underline}.pigswatch small{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandtable{width:100%;border-collapse:collapse;font-size:var(--t-ui)}.brandtable td,.brandtable th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:middle}.brandtable thead th{font-size:var(--t-sm);color:var(--ink-2);font-weight:600}.brandtable .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.brandtable tbody th{font-weight:400;min-width:220px}.brandtable tbody th a{color:var(--ink);text-decoration:none}.brandtable tbody th a:hover{text-decoration:underline}.brandtable .badge{margin-left:6px;border:1px solid var(--rule);color:var(--ink-2)}.bt-strip{display:flex;height:6px;border-radius:var(--r-chip);overflow:hidden;margin-bottom:5px;max-width:160px}.bt-strip i{flex:1 1}.bt-binder{color:var(--ink-2);font-size:var(--t-sm)}@media (max-width:600px){.optbar{padding:10px}.optbar-filter{max-width:none;flex-basis:100%}.optbar-count{margin-left:0}.pigrows{grid-template-columns:1fr}}.level:not(.toxic):not(.care){border:1px solid var(--keyline);color:var(--ink-2);font-weight:600;vertical-align:middle}.safetynote{display:flex;gap:10px;align-items:flex-start;background:var(--well);border-left:3px solid var(--caution);border-radius:var(--r-md);padding:10px 14px;margin:14px 0;max-width:72ch;font-size:var(--t-ui)}.safetynote svg{flex:none;margin-top:2px;color:var(--caution)}.safetynote p{margin:0}.safetynote.compact{display:block;background:none;padding:0;margin:6px 0 0;font-size:var(--t-sm);color:var(--ink-2)}.learngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.learncard{align-content:start;gap:8px}.learncard h3{font-size:var(--t-h3);line-height:1.2}.learncard>span{font-size:var(--t-ui)}.lc-topic{font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.art-meta{font-size:var(--t-ui);margin:6px 0 0}.art-body{max-width:68ch}.md li,.md p{line-height:1.6}.md li+li{margin-top:6px}.md h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);margin:34px 0 10px}.md h2,.md h3{scroll-margin-top:80px}.md h3{font-size:var(--t-lead);margin:22px 0 6px}.md blockquote{margin:14px 0;padding:4px 16px;border-left:2px solid var(--ink);color:var(--ink-2)}.md code{font-family:var(--f-code);font-size:.92em;background:var(--well);padding:1px 5px;border-radius:3px}.md table{margin:10px 0}.md-imgalt{color:var(--ink-2);font-style:italic}.art-table td,.art-table th{font-size:var(--t-ui)}.art-table td:first-child{font-weight:600;white-space:nowrap}.art-disclaimer{font-size:var(--t-sm);max-width:72ch;margin-top:28px}.site-nav .nav-ico{display:none}.nav-init{width:24px;height:24px;border-radius:50%;background:var(--action);color:var(--on-action);font-size:var(--t-sm);font-weight:600;place-items:center;text-shadow:0 0 2px rgba(0,0,0,.4)}.site-nav .nav-ico svg{width:19px;height:19px}@media (min-width:701px) and (max-width:1279px){.site-nav a{padding:8px 10px}.site-nav .compact{display:inline-flex;align-items:center;padding:5px 9px}.site-nav .compact .nav-ico{display:inline-grid}.site-nav .compact .nav-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-nav .compact .count{margin-left:4px}}@media (min-width:701px) and (max-width:1099px){.site-nav .compact-sm{display:inline-flex;align-items:center;padding:7px 9px}.site-nav .compact-sm .nav-ico{display:inline-grid}.site-nav .compact-sm .nav-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-nav .compact-sm .count{margin-left:4px}.searchbar.header,.searchbar.header:focus-within{flex-basis:170px}}@media (min-width:701px) and (max-width:819px){.wordmark{font-size:24px}.site-head .wrap{gap:8px}.site-nav{gap:2px}.site-nav .compact,.site-nav .compact-sm,.site-nav a{padding:7px}}.site-head .learn-btn{display:none}@media (max-width:700px){.site-head .learn-btn{display:inline-grid}.wordmark{font-size:24px}}.captcha:empty{display:none}.small{font-size:var(--t-sm)}.linkbtn.danger{color:var(--danger)}.page.wide{max-width:none}.learndesk{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;justify-content:space-between;margin:14px 0 0}.learndesk .btnrow{margin:0}.artlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.artlist li{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--rule)}.artrow{flex:1 1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t b" "m b";grid-gap:2px 12px;gap:2px 12px;padding:10px 6px;text-decoration:none;color:var(--ink)}.artrow:hover{background:var(--well)}.artrow b{grid-area:t;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artrow small{grid-area:m}.artbadges{grid-area:b;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.artview{font-size:var(--t-sm);padding-right:6px;white-space:nowrap}.badge.live{border-color:color-mix(in srgb,var(--ok) 45%,var(--keyline));color:var(--ok)}.badge.st-review{border-color:color-mix(in srgb,var(--caution) 45%,var(--keyline));color:var(--caution)}.badge.st-changes{border-color:color-mix(in srgb,var(--danger) 45%,var(--keyline));color:var(--danger)}.badge.st-approved,.badge.st-draft{color:var(--ink-2)}.modbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:12px 0 0}.writeinvite{border-top:1px solid var(--rule);padding-top:8px;max-width:72ch}.writeinvite h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);margin:12px 0 6px}.arted{display:grid;grid-gap:12px;gap:12px}.arted-top{display:flex;align-items:center;gap:16px;font-size:var(--t-ui)}.arted-top a{text-decoration:none}.arted-save{margin-left:auto;font-size:var(--t-sm);color:var(--ink-2)}.arted-save.error{color:var(--danger);font-weight:600}.arted-save.dirty{color:var(--caution)}.arted-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;align-items:start}.arted-main{display:grid;grid-gap:12px;gap:12px;min-width:0}.arted-fields{display:grid;grid-gap:10px;gap:10px}.arted-fields label{display:grid;grid-gap:4px;gap:4px;font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}.arted-fields label small{font-weight:400}.arted-ask textarea,.arted-fields input,.arted-fields select,.arted-fields textarea,.arted-side textarea{font:inherit;font-size:var(--t-body);font-weight:400;color:var(--ink);background:var(--sheet);border:1px solid var(--keyline);border-radius:var(--r-md);padding:8px 10px;width:100%}.arted-title input{font-family:var(--f-display);font-size:var(--t-h2);font-weight:500}.arted-row{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:12px;gap:12px}.arted-slug{display:flex;align-items:center;gap:4px}.arted-slug input:disabled{opacity:.7}.arted-tabs{display:none;justify-self:start}.arted-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.arted-write{display:grid;grid-gap:6px;gap:6px;position:-webkit-sticky;position:sticky;top:76px}.mdbar{display:flex;flex-wrap:wrap;gap:4px}.mdbar button{font:inherit;font-size:var(--t-sm);padding:4px 9px;border:1px solid var(--keyline);background:var(--sheet);color:var(--ink);border-radius:var(--r-sm);cursor:pointer}.mdbar button:hover{border-color:var(--ink)}.mdtext{font-family:var(--f-code);font-size:var(--t-ui);line-height:1.55;min-height:60vh;resize:vertical;width:100%;color:var(--ink);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);padding:12px;-moz-tab-size:2;tab-size:2}.mdhelp{font-size:var(--t-sm);margin:0}.arted-preview{border:1px dashed var(--rule);border-radius:var(--r-md);padding:4px 18px 16px;min-width:0;background:var(--page)}.arted-preview .guide-head h1{font-size:var(--t-h2)}.arted-side{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto}.arted-box{background:var(--well);border:1px solid var(--rule);border-radius:var(--r-md);padding:12px 14px;display:grid;grid-gap:8px;gap:8px;justify-items:start}.arted-box h2{font-size:var(--t-body);margin:0}.arted-box>*{margin:0}.arted-box textarea{font-size:var(--t-ui)}.arted-status{display:flex;gap:6px;flex-wrap:wrap}.arted-review{display:grid;grid-gap:8px;gap:8px;justify-items:start;width:100%;border-top:1px solid var(--rule);padding-top:8px}.arted-ask,.arted-confirm{display:grid;grid-gap:6px;gap:6px;width:100%}.arted-ask label{display:grid;grid-gap:4px;gap:4px;font-size:var(--t-sm);font-weight:600}.artnotes{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;width:100%}.artnotes li{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);padding:8px 10px}.artnotes li.resolved{opacity:.6}.artnotes li p{margin:4px 0;white-space:pre-wrap;font-size:var(--t-ui)}.artversions{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;width:100%;font-size:var(--t-ui)}.artversions li{display:flex;justify-content:space-between;gap:8px;align-items:center}@media (max-width:1279px){.arted-grid{grid-template-columns:minmax(0,1fr)}.arted-side{position:static;max-height:none}.arted-tabs{display:inline-flex}.arted-panes{grid-template-columns:minmax(0,1fr)}.arted-panes.show-preview .arted-write,.arted-panes.show-write .arted-preview{display:none}.arted-write{position:static}}@media (max-width:600px){.arted-row{grid-template-columns:minmax(0,1fr)}.mdtext{min-height:50vh}}.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-gap:10px;gap:10px}.pcard{position:relative;display:grid;align-content:start;grid-gap:6px;gap:6px;padding:8px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);min-width:0}.pcard:hover{border-color:var(--ink)}.pcard .thumbframe{aspect-ratio:4/3;border-radius:var(--r-sm)}.pcard .thumbframe .swatch{width:78%;height:70%;border-radius:var(--r-chip)}.pc-name{display:grid;grid-gap:1px;gap:1px;font-size:var(--t-sm);line-height:1.3}.pc-name>span{overflow-wrap:anywhere}.pc-brand{font-weight:600;font-size:var(--t-sm)}.pcard:hover .pc-name>span{text-decoration:underline}.pc-tags{display:flex;flex-wrap:wrap;gap:4px;color:var(--ink-2)}.pc-tags,.pc-tags .mk{font-size:var(--t-xs)}.pc-add{position:absolute;top:12px;right:12px;z-index:1}.pc-add .addbtn{background:color-mix(in srgb,var(--sheet) 88%,transparent)}.pcards.small{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pcards.small .pcard{padding:6px;gap:4px}.pcards.small .pc-name{font-size:var(--t-xs)}.carousel{position:relative}.car-track{display:grid;grid-auto-flow:column;grid-auto-columns:150px;grid-gap:10px;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:2px 2px 8px;scrollbar-width:thin}.car-track>*{scroll-snap-align:start}.car-track:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-md)}.car-btn{position:absolute;top:40%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--keyline);background:var(--sheet);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}.car-btn[hidden]{display:none}.car-btn svg{width:16px;height:16px}.car-btn.prev{left:-10px}.car-btn.next{right:-10px}.car-btn:hover{border-color:var(--ink)}@media (hover:none){.car-btn{display:none}}.detail.compact .car-track{grid-auto-columns:128px}.detail.compact .car-btn.prev{left:-4px}.detail.compact .car-btn.next{right:-4px}.bybrand{margin:14px 0 0}.bybrand h4{margin:0 0 6px;font-size:var(--t-ui);font-weight:600}.bybrand h4 a{color:var(--ink)}#pig-paints~h3,section[aria-labelledby=pig-paints] h3{margin:22px 0 8px}.hl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.hl-btn{display:inline-flex;align-items:stretch;border:1px solid var(--keyline);border-radius:var(--r-sm);background:var(--sheet);overflow:hidden}.hl-btn>button{border:0;background:none;color:inherit;font:inherit;font-size:var(--t-ui);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 12px}.hl-btn>button svg{width:12px;height:12px;opacity:.6}.hl-btn.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.hl-btn .hl-off,.hl-btn.on .hl-name{color:var(--ink-2)}.hl-btn .hl-off{padding:0 10px 0 4px;font-size:16px;line-height:1}.hl-btn .hl-off:hover{color:var(--ink)}.hl-btn>button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--r-sm)}.hl-count{font-size:var(--t-sm)}.pcard{transition:opacity .15s,filter .15s}.pcard.dim{opacity:.28;filter:grayscale(.7)}.pcard.dim:focus-within,.pcard.dim:hover{opacity:.75}.bp-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:18px 0 0;padding:12px 16px;background:var(--well);border:1px solid var(--rule);border-radius:var(--r-md)}.bp-facts dt{font-size:var(--t-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}.bp-facts dd{margin:2px 0 0;font-weight:600;font-size:var(--t-ui)}.bp-story{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:8px 40px;gap:8px 40px;margin-top:8px}.bp-story h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h2);margin:24px 0 6px}.bp-story p{max-width:68ch;margin:0 0 10px}.brandlist-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start;max-width:860px}.brandlist,.brandlist ul{list-style:none;margin:0;padding:0}.bl-group{scroll-margin-top:80px}.bl-letter{font-family:var(--f-display);font-weight:500;font-size:var(--t-h3);margin:18px 0 4px;padding-bottom:4px;color:var(--ink-2)}.bl-item>summary,.bl-letter{border-bottom:1px solid var(--rule)}.bl-item>summary{list-style:none;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:10px 6px;cursor:pointer;font-size:var(--t-body);border-radius:var(--r-sm)}.bl-item>summary::-webkit-details-marker{display:none}.bl-item>summary:hover{background:var(--well)}.bl-item>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.bl-item[open]>summary{background:var(--well);border-bottom-color:transparent}.bl-dots{display:inline-flex;align-self:center}.bl-dots i{width:10px;height:10px;border-radius:50%;margin-right:-3px;box-shadow:0 0 0 1.5px var(--sheet)}.bl-dots+b{margin-left:6px}.bl-card{margin:4px 0 14px;max-width:560px}.bl-about{margin:4px 0 0;font-size:var(--t-ui)}.bl-open{justify-self:start;margin-top:8px}.az{position:-webkit-sticky;position:sticky;top:84px;display:flex;flex-direction:column;align-items:center;padding:6px 2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;font-size:var(--t-xs);font-weight:600;line-height:1}.az a,.az span{display:block;padding:2.5px 6px;border-radius:3px;text-decoration:none}.az a{color:var(--ink)}.az a:hover{background:var(--well)}.az span{color:var(--rule)}@media (max-width:700px){.az{top:64px;font-size:var(--t-xs)}.az a,.az span{padding:2px 4px}}.bp-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0 0;font-size:var(--t-ui)}.pigdot .pigdot-mark{position:absolute;inset:18%;width:64%;height:64%;z-index:1}.origin-key{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--t-ui);color:var(--ink-2)}.origin-key li{display:inline-flex;align-items:center;gap:6px}.swatchnow-thumb{width:30px;flex:none}.slicebar.colbar{overflow:visible;background:none;gap:0}.slicebar.colbar .slices{border-radius:inherit}.slicebar.colbar.lg .slices{height:40px}.slicebar.colbar.md .slices{height:22px}.pig-about{margin-top:40px}.pig-about h3{margin:18px 0 6px;font-size:var(--t-body)}.reportmenu{display:inline-flex;gap:4px 10px;flex-wrap:wrap;align-items:center;font-size:var(--t-sm)}.lightbox-report{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);background:var(--sheet);color:var(--ink);padding:6px 12px;border-radius:var(--r-sm);font-size:var(--t-ui)}.lightbox .lightbox-report button{position:static}.report-photo{max-width:260px;max-height:260px;border-radius:var(--r-md);object-fit:contain;background:var(--well)}.modtools{display:grid;grid-gap:10px;gap:10px;margin:16px 0}.modtools h2{margin:0;font-size:var(--t-lead)}.modtools h3{margin:8px 0 0;font-size:var(--t-body)}.modtools label{display:grid;grid-gap:4px;gap:4px}.modlog{margin:6px 0 0;padding-left:18px}.modthread{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.modthread li{padding:10px 12px;border-radius:var(--r-md);background:var(--sheet);border:1px solid var(--rule);max-width:62ch}.modthread li.from-member{margin-left:auto;background:var(--well)}.modthread b{font-size:var(--t-sm)}.modthread time{margin-left:8px;font-size:var(--t-xs);color:var(--ink-2)}.modthread p{margin:4px 0 0;white-space:pre-wrap}.inbox h2{display:flex;align-items:center;gap:8px}.inbox h3{margin:18px 0 8px;font-size:var(--t-body)}.inbox textarea,.modtools textarea{width:100%}.notelist{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.notelist li{padding:8px 10px;border-radius:var(--r-md);border:1px solid var(--rule)}.notelist li.unread{border-color:var(--keyline);box-shadow:inset 3px 0 0 var(--action)}.notelist time{display:block;font-size:var(--t-xs);color:var(--ink-2)}.inbox-count{margin-left:6px}.mm-snippet{display:block;font-size:var(--t-ui);color:var(--ink)}.copy-switch{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:70;border:1px solid var(--keyline);background:var(--sheet);color:var(--ink);border-radius:var(--r-sm);padding:8px 14px;font:inherit;font-size:var(--t-ui);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.15)}.copy-switch.on{background:var(--action);color:var(--on-action);border-color:var(--action)}@media (max-width:700px){.copy-switch{bottom:calc(76px + env(safe-area-inset-bottom, 0px))}}.copy-editable{outline:1.5px dashed var(--caution);outline-offset:2px;border-radius:3px;cursor:text}.copy-editable:focus-visible,.copy-editable:hover{background:color-mix(in srgb,var(--caution) 10%,transparent)}.copy-editable.changed{outline-style:solid}.copy-editor{display:grid;grid-gap:6px;gap:6px;margin:6px 0;padding:10px;background:var(--sheet);border:1px solid var(--action);border-radius:var(--r-md);box-shadow:0 6px 20px rgba(0,0,0,.18);font-family:var(--f-text,inherit);font-size:var(--t-ui);font-weight:400;color:var(--ink);line-height:1.4;text-transform:none;letter-spacing:normal}.copy-editor textarea{width:100%;font:inherit}.copy-editor-row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.copy-original{display:block}.fb-bubble{position:fixed;right:calc(16px + env(safe-area-inset-right, 0px));bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:34;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--action);background:var(--action);color:var(--on-action);border-radius:var(--r-sm);padding:9px 14px;font:inherit;font-size:var(--t-ui);font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2)}.fb-bubble.busy{opacity:.8;cursor:progress}@media (max-width:700px){.fb-bubble{bottom:calc(76px + env(safe-area-inset-bottom, 0px));padding:10px}.fb-bubble span{display:none}.fb-bubble.busy span{display:inline}}.fb-scrim{position:fixed;inset:0;z-index:85;background:rgba(10,12,16,.55);display:grid;place-items:center;padding:16px}.fb-panel{width:min(960px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--sheet);color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lift);padding:16px;display:grid;grid-gap:10px;gap:10px;outline:none}.fb-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fb-head h2{margin:0;font-size:var(--t-h3)}.fb-tools{display:flex;flex-wrap:wrap;gap:6px}.fb-tools .btn.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.fb-swatch{display:inline-block;width:12px;height:12px;border-radius:var(--r-chip)}.fb-swatch.pen{background:#e5484d;border-radius:var(--r-sm)}.fb-swatch.highlight{background:rgba(255,214,0,.7)}.fb-swatch.box{border:2px solid #e5484d}.fb-swatch.hide{background:#000}.fb-shot{border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:var(--page);display:grid;place-items:center}.fb-shot canvas{display:block;width:auto;height:auto;max-width:100%;max-height:55vh;touch-action:none;cursor:crosshair}.fb-shot.off{opacity:.35}.fb-shot.off canvas{cursor:default}.fb-label{font-weight:600}.fb-panel>.check{justify-self:start}.fb-panel textarea{width:100%;font:inherit}@media (max-width:700px){.fb-scrim{padding:0;align-items:end}.fb-panel{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:94vh;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))}}.fbq-item{gap:8px}.fbq-top{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:var(--t-ui)}.fbq-top a{overflow-wrap:anywhere}.fbq-when{margin-left:auto;font-size:var(--t-sm)}.fbq-body{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.fbq-body:not(:has(.fbq-shot)){grid-template-columns:1fr}.fbq-shot{padding:0;border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:var(--well);cursor:zoom-in}.fbq-shot img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}.fbq-msg{margin:0 0 6px;white-space:pre-wrap}@media (max-width:700px){.fbq-body{grid-template-columns:1fr}}.badge.beta{color:var(--ink)}.fb-note{display:block;margin-top:4px;font-size:var(--t-ui);color:var(--ink-2)}.pagetitle .badge.beta{font-family:var(--f-text,inherit);font-size:var(--t-xs);vertical-align:middle}.paint-summary{margin:6px 0 0;color:var(--ink-2);font-size:var(--t-ui);line-height:1.45;max-width:60ch}.gchip{display:inline-block;flex:none;width:22px;height:22px;padding:0;border:0;border-radius:3px;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(127 127 127/.45)}.gchip.sm{width:14px;height:14px;cursor:inherit}.gchip[aria-pressed=true]{box-shadow:inset 0 0 0 1px rgb(127 127 127/.45),0 0 0 2px var(--sheet),0 0 0 3.5px var(--ink)}.groundmenu.left .popover{left:0;right:auto}.gquick{display:inline-flex;align-items:center;gap:8px}.gq-lbl{font-size:var(--t-sm);color:var(--ink-2)}.gq-chips{display:inline-flex;gap:6px}.groundmenu.more .menuchip .gchip{display:none}.groundmenu.more .menuchip{min-height:28px;padding:3px 9px;font-size:var(--t-sm)}.summary .gquick{margin-right:6px}@media (max-width:600px){.summary .gquick{order:-1;flex-basis:100%}}.groundmenu .menuchip{min-height:34px}.setting-control select{max-width:100%}.groundpop{width:min(300px,calc(100vw - 32px));gap:10px}.paintgrounds{position:relative;display:flex;align-items:center;gap:5px;margin:2px 0 4px}.paintgrounds .gchip{width:18px;height:18px}.paintgrounds .popover{left:0;right:auto}.pg-more{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--keyline);border-radius:3px;background:var(--sheet);color:var(--ink-2);cursor:pointer}.pg-more[aria-expanded=true]{border-color:var(--ink);color:var(--ink)}.gm-fam{display:grid;grid-gap:6px;gap:6px}.gm-fam>b{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.gm-chips{display:grid;grid-template-columns:repeat(7,22px);grid-gap:8px;gap:8px}.gm-now{margin:0;font-size:var(--t-sm);color:var(--ink-2)}.gm-now b{color:var(--ink)}.gm-hint{margin:0;font-size:var(--t-sm)}.gm-acts{display:grid;grid-gap:4px;gap:4px;justify-items:start;padding-top:8px;border-top:1px solid var(--rule)}.fp-toppigs{margin-top:8px}.fp-toppigs .chip{font-size:var(--t-sm);padding:4px 9px}@media (max-width:700px){.toppigs,.xtoolbar>.map-toggle,.xtoolbar>.sel{display:none}.popover{position:fixed;left:0!important;right:0!important;top:auto;bottom:0;z-index:90;width:auto;max-width:none;max-height:80vh;overflow:auto;overscroll-behavior:contain;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));box-shadow:0 0 0 100vmax rgb(10 12 16/.35),var(--lift);animation:sheetup .2s ease-out}}.searchbar.lead{padding:0;display:block;max-width:640px}.searchbar.lead input{font-size:var(--t-body);height:46px;padding:0 14px 0 42px;box-shadow:none}.searchbar.lead .sb-ico{left:14px}.xcontrols{margin-top:18px;min-width:0}.xcontrols .xtoolbar{border-bottom:0;padding-bottom:2px}.arrange{display:flex;align-items:center;gap:8px 12px;padding-block:10px 12px;border-bottom:1px solid var(--rule);min-width:0}.arr-lbl{font-weight:600;font-size:var(--t-ui);white-space:nowrap}.arr-groups{gap:6px;flex:1 1}.arr-opt{position:relative;font-size:var(--t-sm);padding:5px 11px;min-height:32px}.arr-opt input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.arr-opt:hover{border-color:var(--ink-2)}.arr-opt:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--page);font-weight:600}.arr-opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.arr-sort{margin-left:auto}.arr-sort span{font-weight:600;font-size:var(--t-ui);color:var(--ink)}@media (max-width:1099px){.arrange{display:grid;grid-template-columns:1fr auto;grid-template-areas:"lbl sort" "groups groups";grid-gap:8px 10px;gap:8px 10px}.arr-lbl{grid-area:lbl}.arr-sort{grid-area:sort}.arr-sort span{display:inline}.arr-groups{grid-area:groups}}@media (max-width:700px){.lead{gap:8px}.lead .searchbar{margin-top:4px}.xcontrols{margin-top:12px}.arr-sort select{max-width:150px;text-overflow:ellipsis}.arr-groups{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.arr-opt{min-height:36px}}.siderow{display:flex;flex-wrap:nowrap;overflow-x:auto;min-width:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .5s;padding-bottom:5px;margin-bottom:-5px}.siderow>*{flex:none}.siderow:hover{scrollbar-color:var(--rule) transparent}.siderow.scrolling,.siderow:focus-within{scrollbar-color:var(--keyline) transparent;transition-duration:.1s}.siderow[data-more=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.siderow[data-more=start]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px);mask-image:linear-gradient(90deg,transparent,#000 32px)}.siderow[data-more=both]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}@media (prefers-reduced-motion:reduce){.siderow{transition:none}}.colormap{margin-top:12px;border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden}.cm-plot,.colormap{background:var(--ground)}.cm-plot{position:relative;height:360px}.cm-plot canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);border-radius:0}.cm-hud{position:absolute;z-index:2;pointer-events:none;transition:opacity .2s}.cm-hud>*{pointer-events:auto}@media (hover:hover){.cm-hud{opacity:.6}.colormap:focus-within .cm-hud,.colormap:hover .cm-hud{opacity:1}}.cm-head{top:0;left:0;right:0;height:46px;display:flex;align-items:center;gap:10px;padding:0 8px 0 10px;min-width:0}.cm-axis span,.cm-hint,.cm-title,.cm-y{background:var(--sheet);border-radius:3px}.cm-title{font-size:var(--t-ui);font-weight:600}.cm-hint,.cm-title{padding:3px 8px;white-space:nowrap}.cm-hint{font-size:var(--t-sm);color:var(--ink-2);min-width:0;overflow:hidden;text-overflow:ellipsis}.cm-tools{margin-left:auto;display:flex;gap:6px;align-items:center;flex:none}.cm-btn{display:inline-grid;place-items:center;width:32px;height:32px;min-width:0;padding:0;gap:0;box-shadow:none}.cm-btn svg{display:block}.cm-btn.sm{width:24px;height:24px}.cm-clear{width:auto;display:inline-flex;gap:6px;padding:0 9px;font-weight:600}.cm-clear i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(127 127 127/.45)}.cm-match{cursor:pointer}.cm-match input{width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}.cm-ctrl{top:46px;bottom:26px;left:0;width:52px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 0 2px}.cm-btns{display:grid;grid-gap:6px;gap:6px}.cm-y{font-size:10px;line-height:16px;font-weight:600;color:var(--ink-2);padding:0 4px;text-transform:uppercase;letter-spacing:.06em;pointer-events:none}.cm-recent{top:46px;bottom:26px;right:0;width:46px;align-items:center}.cm-recent,.cm-recent-row{display:flex;flex-direction:column;gap:6px}.cm-recent-row{overflow-y:auto;scrollbar-width:none;min-height:0;padding:3px}.cm-recent-row::-webkit-scrollbar{display:none}.cm-axis{position:absolute;z-index:2;left:0;right:0;bottom:0;height:26px;pointer-events:none}.cm-axis span{position:absolute;top:4px;transform:translateX(-50%);white-space:nowrap;font-size:var(--t-xs);color:var(--ink-2);line-height:16px;padding:0 5px}.cm-float{bottom:34px}@media (max-width:700px){.cm-plot{height:330px}.cm-head{padding:0 6px;gap:6px}.cm-hint{font-size:var(--t-xs);padding-inline:6px}.cm-ctrl{width:46px}.cm-recent{width:40px}.cm-rec{width:24px;height:24px}}.gtry,.gtry-strip{display:none}@media (min-width:1000px){.lead{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"h1 try" "p try" "search try" ". try";grid-template-rows:auto auto auto 1fr;column-gap:40px}.lead>h1{grid-area:h1}.lead>p{grid-area:p}.lead>.searchbar{grid-area:search}.gtry{grid-area:try;align-self:start;display:grid;grid-gap:8px;gap:8px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-md);padding:10px 12px}}.gtry-h{margin:0;font-size:var(--t-ui);font-weight:600}.gtry-well{position:relative;display:flex;justify-content:center;gap:10px;padding:10px 12px;background:var(--ground);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--rule);transition:background-color .2s}.gtry-chip{position:relative;width:44px;height:44px;border-radius:var(--r-chip);overflow:hidden;box-shadow:inset 0 0 0 1px rgb(127 127 127/.35)}.gtry-chip img{width:100%;height:100%;object-fit:cover;display:block}.gtry-note{margin:0;font-size:var(--t-xs);color:var(--ink-2)}.gtry-est{position:absolute;right:4px;bottom:4px;font-size:10px;line-height:14px;padding:0 4px;border-radius:3px;background:var(--sheet);color:var(--ink-2)}.gtry .gquick{gap:6px}@media (max-width:999px){.gtry-strip{display:flex;margin-top:14px;min-width:0}.gtry-strip .gq-lbl{font-weight:600;color:var(--ink);font-size:var(--t-sm);white-space:nowrap}.gtry-strip .gquick{gap:8px;flex-wrap:nowrap}.gtry-strip .gchip{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.gtry-well{transition:none}}.gm-link{justify-self:start;font-size:var(--t-sm);color:var(--ink);text-underline-offset:3px;padding-top:8px;border-top:1px solid var(--rule);width:100%}.ground-list{list-style:none;padding:0;display:grid;grid-gap:6px;gap:6px}.ground-list .gchip{vertical-align:-2px}@media (max-width:600px){.cm-title{display:none}}.lookswitch.seg.textseg button{padding:3px 9px;font-size:var(--t-xs)}.gtry-top{gap:8px}.gm-page,.gtry-top{display:flex;align-items:center;justify-content:space-between}.gm-page{gap:10px;font-size:var(--t-sm);color:var(--ink-2)}.xtoolbar>:not(.activechips){flex:none}@media (max-width:700px){.xtoolbar{gap:6px}.xtoolbar .tb-txt,.xtoolbar>.saved:not(.splitbtn) .caret{display:none}.xtoolbar .clearchip,.xtoolbar .splitbtn>.chip:first-child,.xtoolbar>.saved:not(.splitbtn) .menuchip{padding-inline:9px;gap:0}.arr-sort select{max-width:200px}}