.progress-bar[data-astro-cid-jx4nc67j]{position:fixed;top:0;left:0;height:5px;background:var(--accent);transition:width .2s ease;z-index:20}#what-is[data-astro-cid-eydtodqh] .bento[data-astro-cid-eydtodqh]{padding-block-start:2rem}.thumb-card[data-astro-cid-cmew4qh4]{display:grid;grid-template-columns:80px 1fr;align-items:start;gap:10px;max-height:140px;padding-inline:6px 12px;padding-block:12px;text-decoration:none;border-radius:8px;overflow:hidden;background-color:#fffffd;box-shadow:0 4px 8px 1px #e6e6e6;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.thumb-card[data-astro-cid-cmew4qh4]:hover,.thumb-card[data-astro-cid-cmew4qh4]:focus-visible{transform:translateY(-3px);background-color:#f8faf7}.thumb-image[data-astro-cid-cmew4qh4]{aspect-ratio:1;width:80px;border-radius:4px}.thumb-body[data-astro-cid-cmew4qh4]{color:var(--clr-green-900);overflow:hidden}[data-astro-cid-cmew4qh4][id] .thumb-title[data-astro-cid-cmew4qh4]{margin-block-end:8px;font-size:clamp(13px,calc(14px + .5vw),16px);font-weight:var(--fw-semi-bold);color:inherit;overflow:hidden;line-height:1.2}[data-astro-cid-cmew4qh4][id] .thumb-desc[data-astro-cid-cmew4qh4]{font-size:clamp(12px,calc(12px + .35vw),14px);font-weight:var(--fw-regular);color:inherit;opacity:.9;overflow:hidden;text-overflow:ellipsis;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bento[data-astro-cid-mobkzanz]{background-color:var(--bg-soft)}#mistakes[data-astro-cid-ybi3uea3] h3[data-astro-cid-ybi3uea3]{padding-inline-start:1rem}.bento[data-astro-cid-ybi3uea3]{background-color:var(--bg-soft)}.palette-box[data-astro-cid-v26wxyjx]{display:flex;flex-direction:column;justify-content:start;align-items:stretch;gap:.5rem;& h3[data-astro-cid-v26wxyjx],p[data-astro-cid-v26wxyjx]{margin:0;padding:0}.swatch-card[data-astro-cid-v26wxyjx]{display:flex;justify-content:stretch;align-items:top;gap:.75rem;min-height:150px;border:.5px solid var(--border-light);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 8px 2px #eeeeee50}.swatch-color[data-astro-cid-v26wxyjx]{flex-basis:33%;min-width:30%;height:auto}.swatch-body[data-astro-cid-v26wxyjx]{display:flex;flex-direction:column;justify-content:start;align-items:stretch;gap:.75rem;padding-block:.75rem;padding-inline-end:.5rem}.swatch-name[data-astro-cid-v26wxyjx]{font-size:17px;line-height:1.6;font-weight:500}.swatch-meta[data-astro-cid-v26wxyjx]{display:flex;gap:.5rem}.tag[data-astro-cid-v26wxyjx]{font-size:12px;font-weight:500;padding:2px 10px;border-radius:1rem;background:var(--bg-soft);border:.5px solid var(--border-light)}.swatch-desc[data-astro-cid-v26wxyjx]{font-size:14px}.swatch-brand[data-astro-cid-v26wxyjx]{font-size:13px;opacity:.7}}.article-layout[data-astro-cid-w2onh3an]{--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-w2onh3an]{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)}}