.colors-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;padding-bottom:18px;border-bottom:1px solid #dce6de}.colors-brand{display:flex;align-items:center;gap:12px;font-weight:800;text-decoration:none}.colors-brand small{display:block;margin-top:4px;font-size:11px;color:#617367;font-weight:400}.colors-header nav{display:flex;gap:24px;font-size:14px;font-weight:700}.colors-header a,.colors-footer a{color:inherit}.colors-crumbs{display:flex;gap:10px;padding:28px 0;color:#647569;font-size:13px}.colors-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px;padding:30px 0 70px}.colors-eyebrow{color:#007c4a;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;margin-bottom:14px}.colors-hero h1{font-size:clamp(34px,4.6vw,60px);line-height:1.06;letter-spacing:-.055em;font-weight:800;margin:0 0 22px}.colors-hero p:not(.colors-eyebrow),.colors-section p{font-size:16px;line-height:1.65;color:#53695a}.colors-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.colors-shortcuts a,.colors-button{display:inline-block;padding:13px 19px;background:#e6f0e8;border-radius:30px;color:#145438;font-size:14px;font-weight:700;text-decoration:none}.colors-hero-art{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-4deg);padding:24px;background:#edf2eb;border-radius:32px}.colors-hero-art i{display:block;aspect-ratio:1;border-radius:18px;box-shadow:0 8px 20px #15391c15}.colors-section{padding:50px 0;border-top:1px solid #dde7df;scroll-margin-top:112px}.colors-section h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.15;font-weight:800;margin:0 0 20px}.colors-section-heading{max-width:760px}.colors-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin:28px 0 15px}.colors-filters label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.colors-filters input,.colors-filters select,.colors-filters button{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #c9d8cb;border-radius:12px;padding:12px;font:inherit;background:white}.colors-filters button{cursor:pointer;font-weight:700;color:#24583c}.colors-section .colors-count{font-size:13px}.ral-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:20px 0}.ral-card{min-width:0;text-align:left;padding:6px;border:2px solid #dfe6df;border-radius:13px;background:white;cursor:pointer;color:#223b2a}.ral-card[hidden]{display:none}.ral-card-swatch{display:block;width:100%;aspect-ratio:1.4;border-radius:7px;border:1px solid #0001}.ral-card>span:last-child{display:block;padding:10px 4px 5px;font-size:12px;font-weight:700}.ral-card[aria-pressed=true]{border-color:#007d49;box-shadow:0 0 0 1px #007d49}.ral-card:hover{border-color:#8daf97}.colors-page :is(button,input,select,a,summary):focus-visible{outline:3px solid #187c4e;outline-offset:4px}.ral-selection{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px 22px;border:1px solid #c1d7c7;border-radius:18px;background:#edf6ef;box-shadow:0 8px 30px #173b2320}.ral-selection>span:first-child{margin-right:auto}.ral-selection small{display:block;color:#607767;font-size:11px;margin-bottom:4px}.ral-selection strong{font-size:18px}.ral-selection button,.ral-selection a{border:0;border-radius:24px;padding:12px 18px;background:#007f4a;color:white;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none}.ral-selection button:disabled{opacity:.4;cursor:default}#ral-feedback{font-size:12px;flex-basis:100%}#ral-feedback:empty{display:none}.colors-section .colors-note{font-size:13px;max-width:840px;margin:22px 0}.colors-reference{margin-top:20px;padding:20px;border:1px solid #d8e4da;border-radius:16px}.colors-reference summary,.colors-faq summary{cursor:pointer;font-weight:700}.colors-reference img{display:block;width:100%;height:auto;margin-top:18px}.colors-wood{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.colors-wood figure{padding:24px;border:1px solid #dfe6de;border-radius:20px;background:white}.colors-wood img{width:100%;height:auto}.colors-wood figcaption{font-size:12px;color:#62796b;margin-top:18px}.colors-wood .colors-button{margin-top:18px}.colors-faq{max-width:850px}.colors-faq details{padding:20px 0;border-bottom:1px solid #dce6df}.colors-faq p{margin-top:15px}.colors-faq a{color:#087748;text-decoration:underline}.colors-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:35px;padding-bottom:35px;border-top:1px solid #dce6df;font-size:14px}.colors-footer p{flex-basis:100%;color:#65796b;font-size:12px}.colors-page [hidden]{display:none!important}
@media(max-width:900px){.ral-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.colors-hero{gap:25px}.colors-wood{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.colors-header{align-items:flex-start;flex-wrap:wrap}.colors-header nav{width:100%;justify-content:space-between;font-size:13px}.colors-hero{grid-template-columns:1fr;padding-top:15px;padding-bottom:35px}.colors-hero-art{max-width:320px;gap:8px;padding:15px;margin:10px auto;width:100%}.colors-hero h1{font-size:38px}.colors-section{padding:32px 0}.colors-filters{grid-template-columns:1fr 1fr;gap:10px}.colors-filters button{grid-column:1/-1}.ral-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ral-card>span:last-child{font-size:11px}.ral-selection{padding:13px;gap:9px;bottom:8px}.ral-selection a{width:100%;text-align:center}.ral-selection strong{font-size:16px}.colors-wood figure{padding:12px}.colors-footer{gap:18px}}

/* The shared container and shell use exactly the site-wide widths and fonts. */
.colors-main{padding-left:0;padding-right:0}.colors-page header{z-index:40}.colors-page header a:focus-visible,.colors-page header summary:focus-visible{outline:3px solid #187c4e;outline-offset:3px}.colors-page .site-footer a:focus-visible{outline:3px solid #43df93;outline-offset:3px}.colors-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:white;color:#087348;font-size:11px;line-height:1;font-weight:800}