#what-is[data-astro-cid-2cx6hetm] .bento[data-astro-cid-2cx6hetm]{padding-block-start:2rem}.italic[data-astro-cid-2cx6hetm]{font-style:italic;font-weight:var(--fw-500);color:var(--text-secondary);letter-spacing:2%}.palette-box[data-astro-cid-h6xxmwqn]{--min-height: 120px;display:flex;flex-direction:column;justify-content:start;align-items:stretch;gap:.75rem;& h3[data-astro-cid-h6xxmwqn],p[data-astro-cid-h6xxmwqn]{margin:0;padding:0}.swatch-card[data-astro-cid-h6xxmwqn]{display:flex;justify-content:stretch;align-items:top;gap:.25rem;min-height:var(--min-height);border:.5px solid var(--border-light, #e1e8ed);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 8px 2px #eeeeee80}.swatch-color[data-astro-cid-h6xxmwqn]{flex-basis:33%;min-width:30%;min-height:var(--min-height);height:auto}.swatch-body[data-astro-cid-h6xxmwqn]{display:flex;flex-direction:column;justify-content:start;align-items:stretch;gap:.75rem;padding-block:.75rem;padding-inline:.5rem}.swatch-name[data-astro-cid-h6xxmwqn]{font-size:17px;line-height:1.6;font-weight:500}.swatch-meta[data-astro-cid-h6xxmwqn]{display:flex;gap:.5rem}.tag[data-astro-cid-h6xxmwqn]{font-size:12px;font-weight:500;padding:2px 10px;border-radius:1rem;background:var(--bg-soft, #fcfcfc);border:.5px solid var(--border-light, #e1e8ed)}.swatch-desc[data-astro-cid-h6xxmwqn]{font-size:14px}.swatch-brand[data-astro-cid-h6xxmwqn]{font-size:13px;opacity:.7}}#paints-top[data-astro-cid-eqnguj2i]{--frame-on-top: 120px;--frame-on-left: 160px;--line-color: #e1e8ed;container-type:inline-size}.paints-box[data-astro-cid-eqnguj2i]{display:flex;flex-direction:column;gap:1.75rem;margin-block-start:1.5rem}.paint-plate[data-astro-cid-eqnguj2i]{background-color:var(--plate-color);border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;padding:1rem;gap:1rem;box-shadow:0 4px 12px #00000026}.swatch-inset-zone[data-astro-cid-eqnguj2i]{display:flex;align-items:flex-end;justify-content:flex-start;width:100%;min-height:var(--frame-on-top, 120px);padding:.75rem;border-radius:.375rem;box-shadow:inset 4px 4px 10px #00000026,inset -2px -2px 4px #ffffff1a;background-color:#00000008;background-image:url(/images/decor/circles_inset_white.svg);background-repeat:no-repeat;background-position:right -175px top -175px}.swatch-hex-badge[data-astro-cid-eqnguj2i]{font-family:monospace;font-size:var(--fs-350, .85rem);font-weight:var(--fw-semi-bold, 700);color:var(--text-contrast);letter-spacing:.05em;opacity:.9;background-color:#ffffff40;padding:.125rem .375rem;border-radius:.25rem;box-shadow:0 2px 6px #0000001a}.paint-content-card[data-astro-cid-eqnguj2i]{background-color:#fffffff2;backdrop-filter:blur(4px);border-radius:.375rem;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 6px #00000008}.brand-tag[data-astro-cid-eqnguj2i]{font-size:var(--fs-350, .85rem);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--fw-semi-bold, 700)}.brand-tag-color[data-astro-cid-eqnguj2i]{color:var(--text-secondary, #5a6c7d)}#paints-top[data-astro-cid-eqnguj2i] .paint-content-card[data-astro-cid-eqnguj2i] h3[data-astro-cid-eqnguj2i]{margin:0;padding:0}.paint-meta[data-astro-cid-eqnguj2i]{font-size:var(--fs-350, .85rem);color:var(--text-secondary, #5a6c7d);border-bottom:1px solid var(--line-color, #e1e8ed);padding-bottom:.5rem;margin-bottom:.25rem}#paints-top[data-astro-cid-eqnguj2i] .paint-purpose[data-astro-cid-eqnguj2i]{margin-bottom:.5rem;font-size:calc(var(--fs-350) + .15rem)}.paint-quote[data-astro-cid-eqnguj2i]{margin:0;padding-inline-start:.75rem;border-left:2px solid var(--line-color, #e1e8ed);font-style:italic;font-size:calc(var(--fs-350) + .1rem);color:var(--text-secondary, #5a6c7d)}@container (width >= 500px){.paint-plate[data-astro-cid-eqnguj2i]{flex-direction:row;padding:1.25rem;gap:1.25rem}.swatch-inset-zone[data-astro-cid-eqnguj2i]{width:var(--frame-on-left);min-height:100%}.paint-content-card[data-astro-cid-eqnguj2i]{flex:1;padding:1.5rem}}.article-layout[data-astro-cid-ggupr7ou]{--max-width: 1400px;--sidebar-width: 290px;--content-width: 70ch;--accent: #56aee9;--border-light: #e1e8ed;--bg-warning: #fffcf3;--bg-info: #f6fbff;--clr-table-text: #2c3e50;display:flex;flex-direction:column;gap:1rem;max-width:var(--max-width);min-height:100vh;margin-inline:auto;padding-block:calc(var(--header-height) + 1rem) 2rem;padding-inline:1rem;@media screen and (width >= 600px){padding-inline:2rem}@media screen and (width >= 768px){display:grid;grid-template-columns:minmax(400px,var(--content-width)) minmax(240px,var(--sidebar-width));gap:2rem;justify-content:center}@media screen and (width >= 1200px){padding-inline:0}}.main-content[data-astro-cid-ggupr7ou]{min-width:0;line-height:1.6;& h1{margin-block-end:2rem;padding-inline:.5rem;font-size:clamp(var(--fs-500),var(--fs-500) + 1vw,var(--fs-700));font-weight:var(--fw-semi-bold)}& h2{margin-block-end:1.5rem;padding-block:.375rem .75rem;font-size:clamp(var(--fs-600),var(--fs-550) + .5vw,var(--fs-650));font-weight:var(--fw-semi-bold)}& h3{margin-block-end:.75rem;padding-block:1.5rem .25rem;font-size:clamp(var(--fs-500),1.2rem + .45vw,var(--fs-550));font-weight:var(--fw-semi-bold)}& h4{margin-block:1.5rem 1rem;padding-inline-start:.75rem;font-size:clamp(var(--fs-400),1rem + .3vw,var(--fs-450));font-weight:var(--fw-semi-bold);opacity:.9}& h5{margin-block:1.5rem 1rem;margin-inline-start:.75rem;padding-inline-start:.75rem;font-size:clamp(var(--fs-400),.95rem + .25vw,var(--fs-450));font-weight:var(--fw-semi-bold);opacity:.8}& section{padding-block:2rem}& p,li{font-size:clamp(var(--fs-400),.95rem + .25vw,var(--fs-450));font-weight:var(--fw-regular)}& p,ul,ol{margin-block-end:1.25rem}& ol{padding-inline-start:1.75rem}& ul:not(#faq-box){padding-inline-start:1.75rem}& li{margin-block-end:.25rem}& strong{color:var(--clr-green-900)}& hr{color:#fdfdfd40;max-width:50%;margin-block:var(--space-sm) var(--space-md);margin-inline:auto}.concept-intro{margin-block-end:1rem;padding-left:1rem;font-weight:var(--fw-bold);color:var(--accent, #3498db);border-left:4px solid var(--accent, #3498db)}.bento{padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 6px 12px #eee}.label{color:var(--clr-green-900);font-weight:var(--fw-semi-bold)}.warning{background-color:var(--bg-warning);border-left:4px solid #ffc107}.info{background-color:var(--bg-info);border-left:4px solid #2196f3}.content-image{width:calc(100% + 1rem);margin-left:-.5rem;margin-right:-.5rem;margin-block:1.5rem;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 12px #0000001a}.image-caption{font-size:var(--fs-350);background-color:#fff;color:var(--text-secondary, #5a6c7d);font-style:italic;text-align:center;padding:.5rem 1rem}.table-container{overflow-x:auto;margin-block:var(--space-sm) var(--space-lg);border:1px solid var(--border-light, #e1e8ed);border-radius:.5rem;box-shadow:0 8px 12px 2px #0000000d}.table-container table{width:100%;border-collapse:collapse}.table-container th,.table-container td{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);text-align:left;vertical-align:top;font-size:clamp(var(--fs-350),.9rem + .25vw,var(--fs-400))}.table-container tbody tr:last-child td{border-bottom:none}.table-container thead tr{background-color:color-mix(in srgb,var(--bg-light, #f8faf7) 50%,white)}.table-container th{font-weight:600;color:var(--clr-table-text, #2c3e50);white-space:normal}.table-container tbody tr:nth-of-type(2n){background-color:var(--bg-light, #f8faf7)}.table-container tbody tr:hover{background-color:color-mix(in srgb,var(--accent, #3498db) 10%,transparent)}.table-container caption{text-align:left;font-weight:500;padding:1rem 1.25rem;font-size:1.1em;color:var(--clr-table-text, #2c3e50);caption-side:top;border-bottom:1px solid var(--border-light)}.table-container tfoot td{padding:1rem;font-size:.9em;font-style:italic;color:var(--text-secondary);border-top:2px solid var(--border-light);line-height:1.4}.mb-xs{margin-block-end:var(--space-xs)}.mb-sm{margin-block-end:var(--space-sm)}.mb-md{margin-block-end:var(--space-md)}.mb-lg{margin-block-end:var(--space-lg)}.mb-xl{margin-block-end:var(--space-xl)}}.main-content[data-astro-cid-ggupr7ou]{& h2{padding-block-end:.75rem;border-bottom:2px solid var(--accent)}& h4{border-left:3px solid var(--accent);margin-block-end:1.5rem}}