/* Appearance changes only paint and foreground art, never booking geometry. */
.christmas-page{--greenery-hero:url('/assets/greenery/classic-hero.png');--greenery-sprig:url('/assets/greenery/classic-sprig.png')}
.christmas-page[data-greenery=mixed]{--greenery-hero:url('/assets/greenery/mixed-hero.png');--greenery-sprig:url('/assets/greenery/mixed-sprig.png')}
.christmas-page[data-greenery=rich]{--greenery-hero:url('/assets/greenery/rich-pine.png');--greenery-sprig:url('/assets/greenery/rich-pine.png')}
.christmas-page[data-greenery=natural]{--greenery-hero:url('/assets/greenery/natural-evergreen.png');--greenery-sprig:url('/assets/greenery/natural-evergreen.png')}
.christmas-page .hero-bow{visibility:hidden;clip-path:none}
.holiday-hero:after{content:'';position:absolute;right:0;top:0;width:26%;height:292px;background:var(--greenery-hero) top right/contain no-repeat;pointer-events:none}
.christmas-page .summary:before{background-image:var(--greenery-sprig);background-size:contain;background-position:center;mix-blend-mode:normal;mask-image:none;clip-path:none}
.christmas-page .workspace:before,.christmas-page .workspace:after{background-image:var(--greenery-sprig);background-size:contain;mix-blend-mode:normal;mask-image:none;clip-path:none}
.christmas-page .continuum-logo{mix-blend-mode:normal}
.christmas-page .portraits-banner{background-image:url('/assets/greenery/velvet.png');background-size:100% 100%;background-repeat:no-repeat}
.christmas-page[data-theme=light]{background:radial-gradient(ellipse at center,#fff8e8,#efe2c4 90%)}
html:has(.christmas-page[data-theme=light]){background:#efe2c4}
.christmas-page[data-theme=light] header{background:linear-gradient(90deg,#fff9e9,#f1e3c5);color:#102e20}
.christmas-page[data-theme=light] .nav{color:#102e20}
.christmas-page[data-theme=light] .holiday-hero{background:radial-gradient(ellipse at center,#fff9e8,#ead7af)}
.christmas-page[data-theme=light] .holiday-hero h1{color:#4f2b05;text-shadow:0 1px #f4d58c}
.christmas-page[data-theme=light] .hero-location{color:#173c2c}
.appearance-context{position:fixed;z-index:1000;background:#fff8e8;border:1px solid #b58b42;padding:5px;box-shadow:0 4px 20px #0005;border-radius:6px}
.appearance-context button{border:0;background:none;color:#173b32;padding:10px 18px;font:17px Georgia,serif}
.appearance-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#fff8e8;color:#173b32;border:2px solid #b58b42;border-radius:14px;padding:24px;box-shadow:0 12px 50px #0008;font:17px/1.4 Georgia,serif}
.appearance-dialog::backdrop{background:#0007}.appearance-dialog h2{font:28px Georgia,serif;margin:0 0 12px}.appearance-dialog label{display:grid;gap:7px;margin:18px 0}.appearance-dialog select{width:100%;background:#fffdf4;color:#173b32;font:17px Georgia,serif;padding:10px}.appearance-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.appearance-actions button{padding:11px 14px;border:1px solid #b58b42;border-radius:7px;background:#fff8e8;color:#173b32;font:17px Georgia,serif}.appearance-actions [type=submit]{background:#7d0718;color:#fff7de}.appearance-status{min-height:44px;font:15px/1.4 Arial,sans-serif}
@media(max-width:760px){.holiday-hero:after{width:29%;height:180px}}
@media(max-width:480px){.holiday-hero:after{width:16%;height:103px}.appearance-dialog{padding:18px}}
.christmas-page .portraits-banner{background-color:#780518}
/* Long package names wrap inside the existing summary instead of clipping. */
.christmas-page .summary h3{white-space:normal}
@media(min-width:761px){.holiday-hero h1 small{margin-top:11px}}