.shade-green{--shade-bg:#dce7d8;--shade-ink:#344c3a;--shade-line:#81947d}
.shade-purple{--shade-bg:#e7ddeb;--shade-ink:#594365;--shade-line:#a18aaa}
.shade-gold{--shade-bg:#ead8a6;--shade-ink:#604a20;--shade-line:#ac9050}
.shade-silver{--shade-bg:#e2e5e9;--shade-ink:#46505e;--shade-line:#929ba7}
.palette-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:25px;text-align:left}
.palette-fields.color-only{display:block;max-width:360px;margin:auto}
.symbol-select{display:grid;gap:12px;min-width:0;font:12px/1.8 var(--serif);color:#8b7166}
.symbol-select select{width:100%;font:16px/1.8 var(--serif);padding:12px 25px 12px 12px;border:1px solid #c7b09e;border-radius:0;background:#fffaf5;color:#62465b}
.color-palette{border:0;padding:0;margin:0;min-width:0}
.color-palette legend{padding:0;margin-bottom:12px;font:12px/1.8 var(--serif);color:#8b7166}
.swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.color-option{position:relative;min-width:0;cursor:pointer}
.color-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}
.color-chip{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 5px;border:1px solid #cbb9aa;min-height:44px;font:14px/1.5 var(--serif);color:#604b5e;background:#fffaf5}
.color-dot{width:17px;height:17px;flex-shrink:0;border:1px solid var(--shade-line);border-radius:50%;background:var(--shade-bg)}
.shade-green .color-dot{background:#638767}.shade-purple .color-dot{background:#956ea8}.shade-gold .color-dot{background:linear-gradient(125deg,#a18442,#f2dda0,#a18442)}.shade-silver .color-dot{background:linear-gradient(125deg,#929ba7,#f4f5f7,#929ba7)}
.color-tick{font:11px/1 sans-serif;visibility:hidden;width:10px}
.color-option input:checked+.color-chip{border-color:#74556d;box-shadow:inset 0 0 0 1px #74556d;background:#eee4ed}
.color-option input:checked+.color-chip .color-tick{visibility:visible}
.color-option input:focus-visible+.color-chip{outline:2px solid #74556d;outline-offset:3px}
.symbol-select select:focus-visible{outline:2px solid #74556d;outline-offset:3px}
@media(max-width:700px){.palette-fields{grid-template-columns:1fr;gap:20px}.swatch-grid{gap:8px}.color-chip{font-size:14px;padding-inline:4px}.home-chooser .choice-form{max-width:360px}}

/* Reading refinements: centered symbol and clearer silver. */
.single-hero{display:flex;flex-direction:column;gap:24px;text-align:center}
.single-hero .single-art{order:-1;margin-inline:auto}
.single-hero .single-intro{margin-inline:auto}
.shade-silver{--shade-bg:#e6e8ec;--shade-ink:#303844;--shade-line:#747e8c}
.shade-silver .color-dot{border-color:#657080;background:linear-gradient(125deg,#7c8797,#eef0f4,#8590a0)}
@media(max-width:700px){.single-hero{gap:17px}.single-hero .single-art{width:90px;height:120px}.single-hero .single-art .motif{width:72px;height:72px}}

/* Six initial theme choices. */
.featured-themes{max-width:880px;text-align:center;padding-block:48px 40px}
.featured-themes h1{font:500 30px/1.7 var(--serif);color:#60445a;letter-spacing:.08em;margin-bottom:30px}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 38px;list-style:none;padding:0;max-width:660px;margin:auto}
.featured-grid a{display:flex;flex-direction:column;align-items:center;gap:12px;font:18px/1.6 var(--serif);color:#62465b}
.featured-art{display:grid;place-items:center;width:130px;height:145px;border:1px solid #b8a08f;border-radius:70px 70px 5px 5px;background:#eee4ec;transition:background .15s}
.featured-art .motif{width:84px;height:84px}
.featured-grid li:nth-child(2) .featured-art{background:#e3e7ed}.featured-grid li:nth-child(3) .featured-art{background:#e8dfed}.featured-grid li:nth-child(4) .featured-art{background:#e1e5dd}.featured-grid li:nth-child(5) .featured-art{background:#f0e2d1}.featured-grid li:nth-child(6) .featured-art{background:#ece5ca}
.featured-grid a:hover .featured-art{background:#dbcbdc}.featured-grid a:focus-visible{outline:2px solid #74556d;outline-offset:6px}
.more-themes{display:inline-block;margin-top:28px;padding:10px;font:13px/1.8 var(--serif);text-decoration:underline;text-underline-offset:6px}
@media(max-width:700px){.featured-themes{padding-block:32px 25px}.featured-themes h1{font-size:26px;margin-bottom:23px}.featured-grid{gap:22px 12px}.featured-art{width:88px;height:106px}.featured-art .motif{width:63px;height:63px}.featured-grid a{font-size:15px;gap:8px}.more-themes{margin-top:20px}}
@media(max-width:360px){.featured-art{width:77px;height:96px}}

/* Compact theme choices inside the chooser. */
.home-selection{padding-block:45px}
.home-chooser .choice-form{max-width:600px}
.theme-picks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:25px}
.theme-pick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:5px 2px;background:transparent;border:0;color:#62465b;font:13px/1.5 var(--serif);cursor:pointer}
.pick-art{display:grid;place-items:center;width:60px;height:72px;border:1px solid #baa391;border-radius:34px 34px 3px 3px;background:#f1e8ee}
.pick-art .motif{width:45px;height:45px}
.theme-pick:nth-child(2) .pick-art{background:#e4e8ee}.theme-pick:nth-child(3) .pick-art{background:#e8dfed}.theme-pick:nth-child(4) .pick-art{background:#e1e5dd}.theme-pick:nth-child(5) .pick-art{background:#f0e2d1}.theme-pick:nth-child(6) .pick-art{background:#ece5ca}
.theme-pick[aria-pressed=true] .pick-art{outline:2px solid #74556d;outline-offset:3px}.theme-pick:focus-visible{outline:2px solid #74556d;outline-offset:4px}
.home-chooser .palette-fields{grid-template-columns:1fr;gap:22px}.home-chooser .symbol-select{max-width:none}
@media(max-width:700px){.home-selection{padding-block:30px}.theme-picks{gap:3px;margin-bottom:23px}.theme-pick{font-size:10px;gap:7px}.pick-art{width:43px;height:56px}.pick-art .motif{width:35px;height:35px}}
@media(max-width:360px){.theme-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-pick{font-size:12px}.pick-art{width:52px;height:62px}}

.other-themes{margin-top:35px;padding-top:27px;border-top:1px solid #cbb9aa}
.other-themes h3{font:500 18px/1.8 var(--serif);margin-bottom:20px;color:#62465b}
.all-theme-picks{row-gap:22px;margin-bottom:0}
.theme-pick{position:relative}
.theme-pick input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.theme-pick.is-selected .pick-art{outline:2px solid #74556d;outline-offset:3px}
.theme-pick input:focus-visible+.pick-art{outline:2px solid #74556d;outline-offset:4px}
@media(max-width:700px){.all-theme-picks{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 8px}.all-theme-picks .theme-pick{font-size:11px}.other-themes{margin-top:28px;padding-top:23px}}

.other-themes.wrap{max-width:780px;border:0;padding:0 24px;margin:38px auto 15px;text-align:center}.other-themes .theme-picks{max-width:650px;margin-inline:auto}


/* Plain, larger theme artwork. */
.theme-picks,.all-theme-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px;max-width:650px;margin-inline:auto}
.theme-pick{font-size:16px;gap:11px}
.theme-picks .theme-pick .pick-art{width:112px;height:128px;border-color:#baa89b;background:transparent}
.theme-picks .theme-pick .pick-art .motif{width:76px;height:76px}
@media(max-width:700px){
 .theme-picks,.all-theme-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 8px}
 .theme-pick,.all-theme-picks .theme-pick{font-size:14px;gap:8px}
 .theme-picks .theme-pick .pick-art{width:86px;height:102px;background:transparent}
 .theme-picks .theme-pick .pick-art .motif{width:61px;height:61px}
}
@media(max-width:360px){.theme-picks .theme-pick .pick-art{width:76px;height:92px}.theme-picks .theme-pick .pick-art .motif{width:54px;height:54px}}

/* Refined primary chooser. */
.home-chooser .chooser-title{font:500 32px/1.7 var(--serif);color:#60445a;letter-spacing:.08em;margin:0 0 27px}
.home-chooser .theme-picks{gap:18px 14px;margin-bottom:28px}
.home-chooser .theme-picks .theme-pick{font-size:13px;gap:8px}
.home-chooser .theme-picks .theme-pick .pick-art{width:72px;height:84px}
.home-chooser .theme-picks .theme-pick .pick-art .motif{width:48px;height:48px}
.home-chooser .theme-picks .theme-pick:nth-child(1) .pick-art{background:#f0e4eb}
.home-chooser .theme-picks .theme-pick:nth-child(2) .pick-art{background:#e3e8ef}
.home-chooser .theme-picks .theme-pick:nth-child(3) .pick-art{background:#eadff0}
.home-chooser .theme-picks .theme-pick:nth-child(4) .pick-art{background:#e1e8df}
.home-chooser .theme-picks .theme-pick:nth-child(5) .pick-art{background:#f1e1d2}
.home-chooser .theme-picks .theme-pick:nth-child(6) .pick-art{background:#eee7c9}
.home-chooser .color-palette{margin-top:2px}
@media(max-width:700px){
 .home-chooser .chooser-title{font-size:27px;margin-bottom:23px}
 .home-chooser .theme-picks{gap:15px 6px}
 .home-chooser .theme-picks .theme-pick{font-size:12px}
 .home-chooser .theme-picks .theme-pick .pick-art{width:61px;height:72px}
 .home-chooser .theme-picks .theme-pick .pick-art .motif{width:42px;height:42px}
}

/* Featured themes stay compact and use the same plain treatment as the full list. */
.home-chooser .theme-picks .theme-pick .pick-art,
.home-chooser .theme-picks .theme-pick:nth-child(1) .pick-art,
.home-chooser .theme-picks .theme-pick:nth-child(2) .pick-art,
.home-chooser .theme-picks .theme-pick:nth-child(3) .pick-art,
.home-chooser .theme-picks .theme-pick:nth-child(4) .pick-art,
.home-chooser .theme-picks .theme-pick:nth-child(5) .pick-art,
.home-chooser .theme-picks .theme-pick:nth-child(6) .pick-art{background:transparent}