/* Second Lifefolio direction. Layout and interaction styles remain shared. */
:root{--blue:#5c5751;--ink:#302d29;--muted:#706a63;--paper:#f2efeb;--line:#dcd6ce;--copper:#827366;--accent-hover:#45413b;--tint:#f5f2ee}
:root[data-palette="terracotta"]{--blue:#854c39;--ink:#352b27;--muted:#73655c;--paper:#f1e6dc;--line:#dfcfc1;--copper:#8b6239;--accent-hover:#683a2b;--tint:#f6eae1}
:root[data-palette="slate"]{--blue:#3f5c70;--ink:#24323c;--muted:#606d77;--paper:#e9edf0;--line:#ccd7dd;--copper:#906846;--accent-hover:#2e4759;--tint:#edf2f6}
:root[data-palette="plum"]{--blue:#6b465d;--ink:#352b33;--muted:#74656e;--paper:#efe6e9;--line:#ddced5;--copper:#935b58;--accent-hover:#503346;--tint:#f4ebf0}
:root[data-palette="warm-grey"]{--blue:#5c5751;--ink:#302d29;--muted:#706a63;--paper:#f2efeb;--line:#dcd6ce;--copper:#827366;--accent-hover:#45413b;--tint:#f5f2ee}
.header{background:transparent}
.header:before{background:var(--paper)}
.header:after{background:color-mix(in srgb,var(--paper) 90%,transparent)}
.brand-dot,.step-number{color:var(--copper)}
.button:hover,.hero-voice-badge:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.button-white{color:var(--blue)}
.button-white:hover,.button-outline:hover{background:var(--tint);border-color:var(--line);color:var(--ink)}
.hero-voice-badge{background:var(--blue);box-shadow:0 5px 15px #48563b1a}
.hero-voice-link,.shipping-promise strong,.shipping-arrow{color:var(--blue)}
.shipping-promise{border-color:var(--line);background:var(--tint)}
.choice input:checked+.choice-inner,.page-options input:checked+span,.product-choice input:checked+span{background:var(--tint)}
.price-summary p,.price-line span{color:#e8ecdf}
.price-summary .price-audio-included{color:#fff}
.included-badge{color:var(--blue);background:var(--tint);border-color:var(--line)}
.edition-picker{font-size:14px;white-space:nowrap}
.edition-picker a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.compare-picture{background-size:cover;background-position:center}
.compare-before{background-image:url('/assets/memories-restoration-before-v1.webp')}
.compare-after{background-image:url('/assets/memories-restoration-after-v1.webp')}
.voice-artwork{background-image:url('/assets/memories-voice-detail-v1.webp');background-size:cover;background-position:center}
.voice-quote .example-note{font-size:13px;margin-top:12px;color:var(--muted)}
.voice-listen-link{font-size:14px}
.family-copy{background:var(--blue)}
.family-copy p{color:#e8ecdf}
.quality-image img{object-fit:contain;min-height:0;background:var(--paper)}
.copyright{max-width:min(320px,100%);white-space:normal;line-height:1.6}
@media(max-width:680px){.cleanup .features{grid-template-columns:1fr}.edition-picker{font-size:12px}.header{column-gap:12px}.hero-voice-badge{font-size:14px}.hero-description{font-size:18px}.voice-quote .example-note{font-size:13px}}
.language-menu button[aria-checked=true]{background:var(--tint)}
.language-menu button[aria-checked=true] .language-code{border-color:var(--line)}
.palette-picker{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:25;max-width:calc(100vw - 36px);font-size:14px;filter:drop-shadow(0 4px 16px #0002)}
.palette-picker details{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);width:max-content;max-width:100%}
.palette-picker summary{min-height:48px;padding:12px 17px;cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center;font-weight:600}
.palette-picker summary::-webkit-details-marker{display:none}
.palette-symbol{color:var(--blue);font-size:23px;line-height:1}
.palette-picker fieldset{border:0;border-top:1px solid var(--line);padding:12px;margin:0;max-height:55dvh;overflow:auto}
.palette-picker legend{float:left;width:100%;font-size:13px;color:var(--muted);padding:3px 8px 10px}
.palette-picker label{display:flex;clear:both;align-items:center;gap:10px;min-height:46px;padding:8px;cursor:pointer;border-radius:7px;max-width:275px}
.palette-picker label:has(input:checked){background:var(--tint)}
.palette-picker input{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}
.palette-swatch{width:28px;height:24px;flex-shrink:0;border-radius:5px;border:1px solid #0001}
.swatch-olive{background:linear-gradient(90deg,#48563b 50%,#eee8dd 50%)}
.swatch-terracotta{background:linear-gradient(90deg,#854c39 50%,#f1e6dc 50%)}
.swatch-slate{background:linear-gradient(90deg,#3f5c70 50%,#e9edf0 50%)}
.swatch-plum{background:linear-gradient(90deg,#6b465d 50%,#efe6e9 50%)}
.swatch-warm-grey{background:linear-gradient(90deg,#5c5751 50%,#f2efeb 50%)}
@media print{.palette-picker{display:none}}

/* Keepsake examples share the accessible comparison controls. */
.comparison-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.comparison-choice{min-width:0}
.comparison-choice input:checked+span{background:var(--tint)}
.comparison-choice>span{overflow-wrap:anywhere}
.comparison .compare-photo{background-image:none}