spec-help{max-width:100%;font-weight:400;display:inline-block}.spec-help summary{cursor:help;min-height:36px;font:inherit;text-align:left;align-items:center;gap:.4rem;padding:.15rem 0;list-style:none;display:flex}.spec-help summary::-webkit-details-marker{display:none}.spec-help summary>span:first-child{text-underline-offset:5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.spec-help-icon{border:1px solid var(--agate-text-soft);width:17px;height:17px;color:var(--agate-blue-deep);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:650;display:inline-grid}.spec-help-panel{box-sizing:border-box;color:var(--foreground);background:var(--card);border:1px solid var(--border);text-align:left;white-space:normal;overflow-wrap:anywhere;border-radius:.8rem;padding:1rem;font-size:.86rem;font-weight:400;line-height:1.75}.spec-help-panel[popover]{overscroll-behavior:contain;width:min(390px,100vw - 24px);max-height:min(620px,100dvh - 24px);margin:0;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 45px #0003}.spec-help-panel::backdrop{pointer-events:none;background:0 0}.spec-help-heading{z-index:1;background:var(--card);box-shadow:0 -1rem 0 var(--card);color:var(--agate-blue-deep);justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex;position:sticky;top:0}.spec-help-heading strong{font-size:1rem;font-weight:650}.spec-help-close{border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.spec-help-close[hidden]{display:none}.spec-help-panel p{margin:.6rem 0}.spec-help-panel .spec-help-example{color:var(--agate-text-soft)}.spec-current{background:var(--surface-callout);border-radius:.35rem;padding:.5rem .7rem}.spec-reference{border-top:1px solid var(--border);margin:.8rem 0;padding-top:.7rem;font-size:.8rem}.spec-reference>b{color:var(--agate-blue-deep)}.spec-reference-group{padding:.6rem 0}.spec-reference-group strong{font-size:.8rem;font-weight:600}.spec-reference-group p{font-variant-numeric:tabular-nums;margin:.2rem 0}.spec-help-panel .spec-reference-group small{color:var(--agate-text-soft);margin:0;font-size:.75rem;line-height:1.7;display:block}.spec-help-panel .spec-reference-caution{color:var(--agate-text-soft);font-size:.73rem}.spec-help-source{font-size:.78rem;text-decoration:underline}.spec-help-instruction{color:var(--agate-text-soft);margin:.5rem 0;font-size:.8rem}@media (width<=640px){.spec-help summary{min-height:44px}.spec-help-close{width:44px;height:44px}}.learn-body:has(.filament-page,.filament-standalone){min-width:0}.filament-page{max-width:1240px;margin:auto;padding:0 2rem}.filament-page [hidden],.filament-dialog [hidden],.compare-dialog [hidden],.compare-tray[hidden]{display:none!important}.filament-intro{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:2rem;padding:1.2rem 0 2rem;display:flex}.filament-intro h1{font-family:var(--font-display);color:var(--agate-blue-deep);letter-spacing:-.045em;font-size:clamp(2.1rem,3.5vw,3rem);line-height:1.35}.filament-deck{max-width:35rem;color:var(--agate-text-soft);margin-top:1.3rem;font-size:1.05rem;line-height:1.85}.catalog-meta{flex-shrink:0;align-items:center;gap:1.3rem;padding-bottom:.3rem;font-size:.9rem;line-height:1.8;display:flex}.catalog-number{font-family:var(--font-display);color:var(--agate-blue-deep);font-size:4.5rem;line-height:1}.catalog-number small{text-align:center;font-family:var(--font-body);color:var(--agate-text-soft);margin-top:.8rem;font-size:.8rem;display:block}.library-heading{justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1.2rem;display:flex}.library-heading h2,.filament-notes h2{color:var(--agate-blue-deep);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:650;line-height:1.5}.library-heading>a{text-underline-offset:4px;font-size:.85rem;text-decoration:underline}.filament-filters{background:var(--card);border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap;align-items:end;gap:.8rem;padding:1.1rem;display:flex}.filament-filters label{gap:.5rem;min-width:0;font-size:.85rem;display:grid}.filament-query{flex:180px}.catalog-scope{color:var(--agate-text-soft);background:var(--card);border-left:3px solid var(--agate-blue);margin:0 0 1.4rem;padding:.7rem 1rem;font-size:.82rem;line-height:1.8}.catalog-status{border:1px solid var(--border);width:fit-content;color:var(--agate-text-soft);border-radius:.3rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.74rem;line-height:1.5}.price-region{margin-top:.4rem;font-size:.7rem;display:block}.filament-filters input,.filament-filters select,.filament-filters button,.filament-empty button{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--foreground);font:inherit;border-radius:.4rem;padding:.6rem .75rem}.filament-filters select{max-width:100%}.filament-filters button,.filament-empty button{cursor:pointer;font-size:.9rem}.library-results{justify-content:space-between;gap:1rem;margin:1rem 0 .4rem;font-size:.85rem;display:flex}.library-results p{font-variant-numeric:tabular-nums}.catalog-disclaimer{color:var(--agate-text-soft);margin-bottom:1.2rem;font-size:.78rem;line-height:1.7}.filament-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;display:grid}.catalog-card{border:1px solid var(--border);background:var(--card);border-radius:1rem;flex-direction:column;min-width:0;transition:border-color .18s,box-shadow .18s;display:flex;overflow:clip}.catalog-card:hover,.catalog-card:focus-within{border-color:var(--agate-blue);box-shadow:0 7px 24px #15293b0b}.catalog-card:target{outline:2px solid var(--agate-blue);outline-offset:4px}.catalog-open{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.catalog-open:focus-visible{outline-offset:-4px}.catalog-art{aspect-ratio:3/2;background:#f3eee6;position:relative;overflow:hidden}.catalog-material-image{object-fit:cover;width:100%;height:100%;display:block;filter:none!important}.art-index,.art-family,.art-note,.art-arrow{color:#263d4a;background:#fffaf0ed;border:1px solid #d6d2c780;border-radius:.35rem;padding:.2rem .4rem;font-size:.7rem;position:absolute}.art-index{letter-spacing:.08em;font-family:var(--font-code);top:1rem;left:1rem}.art-family{letter-spacing:.12em;font-weight:600;top:1rem;right:1rem}.art-note{font-size:.75rem;line-height:1.4;bottom:.8rem;left:1rem}.art-note small{color:#546572;font-size:.65rem;display:block}.art-arrow{font-size:1rem;bottom:.8rem;right:1rem}.catalog-copy{flex-direction:column;flex:1;padding:1.3rem;display:flex}.catalog-copy .eyebrow{margin-bottom:.5rem;font-size:.65rem}.catalog-copy h3{color:var(--agate-blue-deep);font-size:1.5rem;font-weight:650}.catalog-intro{min-height:3.2em;margin:.65rem 0 1rem;font-size:.9rem;line-height:1.75}.use-tags{flex-wrap:wrap;gap:.4rem;display:flex}.use-tags span{border:1px solid var(--border);border-radius:2rem;padding:.25rem .55rem;font-size:.73rem}.catalog-limit{color:var(--agate-text-soft);margin:1rem 0;font-size:.8rem}.catalog-colors{color:var(--agate-text-soft);align-items:center;gap:.6rem;margin-top:1rem;font-size:.78rem;display:flex}.catalog-color-dots{gap:.25rem;display:flex}.catalog-color-dots img{border:1px solid var(--border);object-fit:cover;border-radius:50%;width:18px;height:18px}.catalog-price{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:.7rem;margin-top:auto;padding-top:1rem;display:flex}.catalog-price strong{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:650}.catalog-price small{color:var(--agate-text-soft);font-size:.8rem;font-weight:400}.catalog-price>span{font-size:.78rem}.catalog-compare{border-top:1px solid var(--border);cursor:pointer;background:var(--surface-callout);align-items:center;gap:.6rem;min-height:44px;padding:.65rem 1.3rem;font-size:.85rem;display:flex}.catalog-compare input{width:18px;height:18px;accent-color:var(--agate-blue-deep)}.catalog-compare:has(input:disabled){opacity:.6;cursor:not-allowed}.filament-empty{border:1px dashed var(--border);text-align:center;border-radius:.75rem;margin:1rem 0;padding:2rem}.filament-empty p{margin:.8rem 0;line-height:1.8}.library-note{color:var(--agate-text-soft);margin:.8rem 0 1.2rem;font-size:.82rem;line-height:1.85}.filament-notes{border-top:1px solid var(--border);margin-top:3rem;padding:2.5rem 0}.data-note-grid{grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin:1.5rem 0;display:grid}.data-note-grid h3{margin-bottom:.5rem;font-size:1rem;font-weight:650}.data-note-grid p{color:var(--agate-text-soft);font-size:.9rem;line-height:1.85}.filament-notes>a{font-size:.9rem;text-decoration:underline}.compare-tray{z-index:40;border:1px solid var(--agate-blue);background:var(--card);border-radius:1rem;justify-content:space-between;align-items:center;gap:1.5rem;width:min(900px,100% - 2rem);padding:1rem 1.2rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0003}#compare-status{color:var(--agate-text-soft);margin-bottom:.4rem;font-size:.8rem}#compare-picks{flex-wrap:wrap;gap:.4rem;display:flex}.compare-tray button{cursor:pointer;border:1px solid var(--border);border-radius:.45rem;min-height:44px;padding:.5rem .7rem;font-size:.82rem}#compare-picks button{background:var(--surface-callout)}.compare-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.primary-button{background:var(--agate-blue-deep);color:var(--background);font-weight:650}.primary-button:disabled{opacity:.55;cursor:not-allowed}.has-filament-comparison{padding-bottom:180px}.filament-dialog,.compare-dialog{color:var(--foreground);background:var(--card);border:1px solid var(--border);overscroll-behavior:contain;max-height:100dvh;padding:0;position:fixed;box-shadow:-10px 0 70px #0003}.filament-dialog{width:min(880px,100vw - 2rem);max-width:100vw;height:100dvh;margin:0;inset:0 0 0 auto;overflow:hidden}.filament-dialog[open]{flex-direction:column;animation:.22s ease-out filament-enter;display:flex}.filament-dialog::backdrop,.compare-dialog::backdrop{background:#10192380}.dialog-header{z-index:2;background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.7rem;display:flex;position:sticky;top:0}.dialog-header .eyebrow{margin-bottom:.4rem;font-size:.7rem}.dialog-header h2{color:var(--agate-blue-deep);font-size:1.8rem;font-weight:650;line-height:1.3}.dialog-header button{cursor:pointer;border:1px solid var(--border);background:var(--background);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.filament-dialog>.dialog-header{flex-shrink:0}.dialog-header-actions{align-items:center;gap:1rem;display:flex}.dialog-header-actions a{text-underline-offset:3px;white-space:nowrap;padding:.65rem 0;font-size:.75rem;text-decoration:underline}#drawer-content{overscroll-behavior:contain;flex:1;min-height:0;padding:0 1.7rem 2rem;scroll-padding-top:76px;overflow-y:auto}.filament-detail-body{line-height:1.8;display:block}.detail-tabs{z-index:2;background:var(--card);border-bottom:1px solid var(--border);gap:.35rem;margin-bottom:.25rem;padding:.75rem 0;display:flex;position:sticky;top:0}.detail-tabs button{min-height:44px;font:inherit;color:var(--agate-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;flex:1;padding:.5rem .6rem;font-size:.9rem}.detail-tabs button:hover{color:var(--agate-blue-deep);background:var(--surface-callout)}.detail-tabs button[aria-selected=true]{color:var(--agate-blue-deep);background:var(--surface-callout);border-color:var(--border);font-weight:650}.detail-tabs button:focus-visible,.color-zoom-trigger:focus-visible,.color-zoom-header button:focus-visible{outline:2px solid var(--agate-orange);outline-offset:2px}.detail-panel:focus-visible{outline:2px solid var(--agate-blue);outline-offset:-2px}.detail-intro{margin:1rem 0;font-size:1.08rem}.filament-detail-body :is(h2,h3){color:var(--agate-blue-deep);margin:1.6rem 0 .6rem;font-size:1.1rem;font-weight:650}.detail-use>p{font-size:.95rem}.filament-colors{margin:1rem 0;display:block}.filament-colors [hidden]{display:none!important}.color-section-heading{align-items:baseline;gap:.75rem;display:flex}.filament-detail-body .color-section-heading :is(h2,h3){margin:0}.color-section-heading>span{color:var(--agate-text-soft);font-size:.8rem}.color-instruction{color:var(--agate-text-soft);margin:.4rem 0 1rem;font-size:.85rem}.color-workspace{grid-template-columns:minmax(220px,.85fr) minmax(0,1.55fr);align-items:start;gap:1.5rem;display:grid}.color-preview-column{position:sticky;top:5.5rem}.color-preview{border:1px solid var(--border);background:var(--surface-callout);border-radius:.75rem;overflow:hidden}.color-preview-image{aspect-ratio:1;background:#fff;place-items:center;display:grid;position:relative}.color-zoom-trigger{color:#475569;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0;display:block}.color-zoom-trigger:disabled{cursor:default}.color-zoom-hint{pointer-events:none;background:#ffffffed;border-radius:.25rem;padding:.1rem .4rem;font-size:.7rem;position:absolute;bottom:.5rem;right:.5rem}.color-zoom-trigger:disabled .color-zoom-hint{visibility:hidden}.color-preview-image img{object-fit:contain;filter:none;width:100%;height:100%;min-height:0;display:block}.color-preview-image[aria-busy=true] img{opacity:.15}.color-loading,.color-image-error{color:#475569;text-align:center;pointer-events:none;place-items:center;padding:1rem;font-size:.8rem;display:grid;position:absolute;inset:0}.color-preview figcaption{flex-direction:column;gap:.15rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.5;display:flex}.color-preview figcaption strong{color:var(--agate-blue-deep);font-size:1rem;font-weight:650}.color-preview figcaption>span{color:var(--agate-text-soft)}.color-code{white-space:nowrap;font-size:.8rem}.color-code b{font-family:var(--font-code);font-weight:500}.color-selector{border:0;min-width:0;margin:0;padding:0}.color-selector legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem .25rem;display:grid}.color-choice{min-height:112px;color:var(--foreground);text-align:center;background:0 0;border:1px solid #0000;border-radius:.6rem;flex-direction:column;justify-content:start;align-items:center;gap:.15rem;padding:.5rem .25rem;display:flex;position:relative}.filament-colors[data-enhanced] .color-choice{cursor:pointer}.filament-colors[data-enhanced] .color-choice:hover{background:var(--surface-callout)}.color-choice:has(input:checked){border-color:var(--agate-blue);background:var(--surface-callout)}.color-choice:has(input:focus-visible){outline:2px solid var(--agate-orange);outline-offset:3px}.color-choice input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.color-choice>img{object-fit:cover;filter:none;border:1px solid #b7bdc5;border-radius:50%;flex-shrink:0;width:34px;height:34px;margin-bottom:.2rem}.color-choice>span:not(.color-choice-check){overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:.75rem;line-height:1.5}.color-choice>span.color-choice-label{font-weight:550}.color-choice>span.color-choice-name{min-height:2.4em;color:var(--agate-text-soft);overflow-wrap:normal;font-size:.75rem;line-height:1.2}.color-choice>span.color-choice-code{font-family:var(--font-code);color:var(--agate-text-soft);margin-top:auto;font-size:.7rem}.color-choice-check{color:var(--agate-blue);font-size:.65rem;display:none;position:absolute;top:.1rem;right:.2rem}.color-choice:has(input:checked) .color-choice-check{display:block}.color-product-link{color:var(--agate-blue);text-underline-offset:3px;border-radius:.4rem;justify-content:center;align-items:center;min-height:44px;margin-top:.5rem;padding:.5rem;font-size:.8rem;text-decoration:underline;display:flex}.color-product-link:hover{background:var(--surface-callout)}.color-source-details{border-top:1px solid var(--border);margin-top:1rem;padding-top:.5rem}.color-source-details summary{cursor:pointer;color:var(--agate-text-soft);min-height:44px;padding:.6rem 0;font-size:.8rem}.color-source-note{color:var(--agate-text-soft);margin-top:.3rem;font-size:.75rem;line-height:1.8}.color-source-note a{text-underline-offset:3px;text-decoration:underline}.color-source-note>a:last-child:not(:first-child){margin-left:.5rem;display:inline-block}.color-zoom-dialog{border:1px solid var(--border);background:var(--card);width:min(680px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--foreground);border-radius:1rem;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 16px 60px #0004}.color-zoom-dialog::backdrop{background:#101923b0}.color-zoom-header{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.color-zoom-header p{font-size:.85rem}.color-zoom-header button{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:50%;flex-shrink:0;width:44px;height:44px}.color-zoom-dialog>img{object-fit:contain;filter:none;background:#fff;width:100%;height:min(62dvh,560px);display:block}.color-zoom-note{color:var(--agate-text-soft);padding:.75rem 1rem;font-size:.75rem}.filament-caution{background:var(--surface-callout);border-left:3px solid var(--agate-blue);border-radius:.3rem;margin:1rem 0;padding:1rem;font-size:.9rem;line-height:1.8}.filament-caution b{margin-bottom:.35rem;display:block}.detail-price{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.1rem 0 .4rem}.detail-price strong{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:650;display:block}.detail-price strong small{font-size:.9rem;font-weight:400}.detail-price>p,.detail-price>a{font-size:.85rem}.detail-price a,.source-line a,.filament-specs a{text-underline-offset:3px;text-decoration:underline}.source-line{color:var(--agate-text-soft);overflow-wrap:anywhere;margin:.6rem 0;font-size:.8rem;line-height:1.8}.filament-specs>div{border-bottom:1px solid var(--border);grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding:.8rem 0;font-size:.9rem;line-height:1.8;display:grid}.filament-specs dt{color:var(--agate-text-soft)}.filament-specs dd{font-variant-numeric:tabular-nums}.filament-specs small{color:var(--agate-text-soft);margin-top:.4rem;font-size:.8rem;display:block}.filament-guide-link{margin:.6rem 0;font-size:.9rem;text-decoration:underline;display:inline-block}.filament-standalone{max-width:820px;margin:0 auto;padding:0 2rem 3rem}.detail-page-header{border-bottom:4px solid var(--swatch);padding:1.5rem 0}.detail-page-header h1{font-family:var(--font-display);color:var(--agate-blue-deep);margin-bottom:1rem;font-size:clamp(2.4rem,7vw,4rem)}.detail-page-header a{font-size:.9rem;text-decoration:underline}.compare-dialog{border-radius:1rem;width:min(1100px,100vw - 3rem);max-width:none;max-height:90dvh;margin:auto;inset:0}.compare-content{padding:0 1.5rem 1.5rem}.comparison-scroll-hint{color:var(--agate-text-soft);margin-bottom:.7rem;font-size:.8rem}.filament-table-wrap{border:1px solid var(--border);border-radius:.5rem;overflow:auto}.filament-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem}.filament-table caption{text-align:left;background:var(--surface-callout);padding:1rem;font-size:.85rem}.filament-table th,.filament-table td{text-align:left;border-top:1px solid var(--border);vertical-align:top;min-width:210px;max-width:310px;padding:1rem;line-height:1.8}.filament-table th{font-weight:650}.filament-table thead th{background:var(--surface-callout);color:var(--agate-blue-deep);font-size:1rem}.filament-table tr>th:first-child{background:var(--card);border-right:1px solid var(--border);z-index:1;width:160px;min-width:150px;max-width:160px;position:sticky;left:0}.filament-table small{color:var(--agate-text-soft);font-size:.8rem;display:block}.filament-table a{text-decoration:underline}@keyframes filament-enter{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.filament-dialog[open]{animation:none}.catalog-card{transition:none}}@media (width<=1000px){.filament-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filament-filters{flex-wrap:wrap}.filament-query{flex-basis:100%}.catalog-meta{flex-direction:column;align-items:start;gap:.75rem}}@media (width<=800px){.color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.color-workspace{grid-template-columns:1fr;gap:.75rem}.color-preview-column{position:static}.color-preview{grid-template-columns:112px minmax(0,1fr);display:grid}.color-preview-image{aspect-ratio:auto;width:112px;height:112px}.color-preview figcaption{justify-content:center;min-width:0}.color-product-link{justify-content:start;margin:.1rem 0 0}}@media (width<=640px){.filament-page,.filament-standalone{padding-left:1rem;padding-right:1rem}.filament-intro{flex-direction:column;align-items:start;gap:1.2rem;padding:1rem 0 1.6rem}.catalog-meta{flex-direction:row;align-items:center;gap:1rem}.catalog-number{font-size:2.6rem}.catalog-number small{display:none}.catalog-meta .library-note{margin:0}.filament-deck{margin-top:1rem;font-size:.95rem}.library-heading{align-items:baseline;gap:.5rem}.library-heading>a{font-size:.75rem}.filament-filters label:not(.filament-query){flex:40%}.filament-filters button{flex:1}.library-results{flex-direction:column;gap:.25rem}.filament-cards,.data-note-grid{grid-template-columns:1fr}.catalog-intro{min-height:0}.filament-dialog{border:0;width:100%;height:100dvh}.dialog-header{padding:1rem}.dialog-header h2{font-size:1.5rem}#drawer-content{padding:0 1rem 2rem}.dialog-header-actions{gap:.75rem}.dialog-header-actions a{font-size:.7rem}.dialog-header .eyebrow{font-size:.6rem}.detail-tabs button{white-space:nowrap;padding-inline:.35rem;font-size:.8rem}.filament-specs>div{grid-template-columns:6.2rem minmax(0,1fr);gap:.75rem}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.color-instruction{display:none}.color-section-heading{margin-bottom:.65rem}.color-preview{grid-template-columns:96px minmax(0,1fr)}.color-preview-image{width:96px;height:96px}.color-workspace{gap:.5rem}.color-grid{row-gap:.25rem}.color-choice{min-height:112px;padding-top:.4rem;padding-bottom:.4rem}.color-preview figcaption{padding:.75rem}.compare-tray{bottom:max(.5rem, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:.6rem;width:calc(100% - 1rem);padding:.8rem}#compare-picks{flex-wrap:nowrap;overflow-x:auto}#compare-picks button{white-space:nowrap;flex-shrink:0}.compare-actions{justify-content:end}.compare-actions .primary-button{flex:1}.compare-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.compare-content{padding:0 .75rem 1.5rem}.filament-table tr>th:first-child{width:100px;min-width:100px;max-width:100px;padding:.7rem;font-size:.8rem}.filament-table td,.filament-table th{min-width:205px;padding:.8rem}}@media (width<=360px){.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}