/* source_agent=codex / machine=mac-mini */
html[data-palette]{scroll-behavior:auto}
html[data-palette-gradient="true"] .hero,html[data-palette-gradient="true"] .monthly,html[data-palette-gradient="true"] .contact{background:var(--palette-surface)}
html[data-palette-light-hero="true"] .hero{background:var(--palette-hero);color:var(--palette-hero-ink);--accent:var(--navy);--accent-hover:var(--navy);--on-accent:#FFFFFF;--inverse-muted:var(--palette-hero-muted);--focus:var(--navy);--line:rgba(0,0,0,.24)}
html[data-palette-light-hero="true"] .hero .gallery-controls button{color:var(--palette-hero-ink);border-color:rgba(0,0,0,.5)}
html[data-palette-light-hero="true"] .hero .gallery-heading{color:var(--palette-hero-ink)}

/* Palette library; these controls belong to the review page only. */
.color-review{margin:0;padding:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#FFF;color:#172B3A;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.color-review *{box-sizing:border-box}
.color-review a{color:inherit;text-decoration:none}
.color-review button,.color-review select{font:inherit}
.color-review button{cursor:pointer}
.review-toolbar{padding:15px 22px 12px;border-bottom:1px solid #C9D1D8;flex:none;position:relative;z-index:2;background:#FFF}
.review-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:9px}
.review-title{display:flex;align-items:baseline;gap:14px}
.review-title h1{font-size:21px;line-height:1.5;margin:0;letter-spacing:-.03em}
.review-title p{font-size:11px;line-height:1.8;margin:0;color:#52606D}
.review-actions{display:flex;align-items:center;gap:20px}
#library-toggle{background:#0B1F33;color:#FFF;font-size:12px;padding:9px 14px;border:1px solid #0B1F33;border-radius:4px;min-height:38px}
.review-original{font-size:12px;flex:none;border-bottom:1px solid #52606D;padding:5px 0}
.review-bottom{display:flex;align-items:center;gap:18px;font-size:12px;line-height:1.6;min-height:32px}
.review-description{flex:1;margin:0;color:#52606D}
.review-section{display:flex;align-items:center;gap:9px;white-space:nowrap}
.review-section select{font-size:12px;padding:5px 26px 5px 9px;color:#172B3A;border:1px solid #C9D1D8;background:#FFF;border-radius:4px;min-height:32px}
.review-standalone{font-size:12px;border-bottom:1px solid #52606D;white-space:nowrap}
.review-workspace{display:flex;flex:1;min-height:0}
.palette-library{width:330px;flex:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 26px;border-right:1px solid #C9D1D8;background:#FFF}
.library-intro{font-size:11px;line-height:1.8;color:#52606D;margin:0 0 12px}
.palette-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px;background:#FFF;position:sticky;top:-18px;z-index:1}
.palette-filters button{font-size:10px;line-height:1.5;min-height:34px;background:#FFF;color:#172B3A;border:1px solid #C9D1D8;padding:7px 9px;border-radius:4px;white-space:nowrap}
.palette-filters button span{font-family:Arial,sans-serif;font-weight:700;margin-left:3px}
.palette-filters button[aria-pressed="true"]{background:#0B1F33;color:#FFF;border-color:#0B1F33}
.palette-count{font-size:10px;line-height:1.5;color:#52606D;margin:2px 0 10px}
.palette-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.palette-option{border:1px solid #C9D1D8;border-radius:5px;background:#FFF;color:#172B3A;padding:8px;text-align:left;position:relative;min-width:0;display:flex;flex-direction:column}
.palette-option:hover{border-color:#172B3A}
.palette-option[aria-pressed="true"]{border:2px solid #172B3A;padding:7px;box-shadow:0 1px 5px #0B1F3318}
.palette-option[hidden],.palette-library[hidden]{display:none}
.palette-swatch{height:46px;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding:7px;border-radius:2px;border:1px solid #00000012;flex:none;margin-bottom:8px}
.palette-accent{display:block;width:32px;height:9px;border-radius:2px;border:1px solid #0000000D}
.palette-type{display:block;font-size:9px;font-weight:500;line-height:1.5;color:#52606D;margin-bottom:3px}
.palette-name{display:block;font-size:11px;font-weight:700;line-height:1.6}
.palette-phrase{display:inline-block;white-space:nowrap}
.palette-filters button[data-filter="whitegradient"]{font-weight:700}
.palette-filters button[hidden]{display:none}
@media(max-width:360px){.review-title h1{font-size:14px}.review-actions{gap:8px}.review-original{font-size:9px}#library-toggle{font-size:9px;padding-inline:7px}}
.review-frame{display:block;width:100%;border:0;flex:1;min-width:0;min-height:0;background:#0B1F33}
.color-review button:focus-visible,.color-review select:focus-visible,.color-review a:focus-visible{outline:3px solid #164568;outline-offset:3px}
@media(max-width:1100px){.review-toolbar{padding:12px 16px 10px}.review-title h1{font-size:19px}.review-description{font-size:11px}.palette-library{width:280px;padding:15px 12px 22px}.palette-options{gap:8px}.palette-filters{top:-15px}.palette-name{font-size:10px}.review-bottom{gap:12px}.review-standalone{font-size:11px}}
@media(max-width:760px){.review-toolbar{padding:10px 12px}.review-top{gap:10px;margin-bottom:8px}.review-title{display:block}.review-title h1{font-size:16px}.review-title p{display:none}.review-actions{gap:12px}#library-toggle{font-size:10px;padding:7px 9px;min-height:34px}.review-original{font-size:10px}.review-bottom{flex-wrap:wrap;gap:6px 10px}.review-description{flex-basis:100%;font-size:10px;line-height:1.7}.review-section{font-size:10px;gap:6px}.review-section select{font-size:10px;min-height:30px}.review-standalone{font-size:10px;margin-left:auto}.review-workspace{flex-direction:column}.palette-library{width:100%;max-height:260px;flex:none;border-right:0;border-bottom:1px solid #C9D1D8;padding:12px}.library-intro{display:none}.palette-filters{top:-12px;gap:5px;padding-bottom:9px}.palette-filters button{font-size:9px;min-height:30px;padding:6px 7px}.palette-count{margin:0 0 8px}.palette-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.palette-option{padding:6px}.palette-option[aria-pressed="true"]{padding:5px}.palette-swatch{height:35px;padding:5px;margin-bottom:6px}.palette-accent{width:25px;height:7px}.palette-type{font-size:8px}.palette-name{font-size:9px;line-height:1.6}.library-closed .review-description{line-height:1.8}}

@media(max-width:360px){.review-title h1{font-size:14px;white-space:nowrap}.review-actions{gap:8px}.review-original{font-size:9px}#library-toggle{font-size:9px;padding-inline:7px;white-space:nowrap}}