:root[data-style="christmas-refined"] body { font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
:root[data-style="christmas-refined"] .topbar { background: var(--accent); border-bottom: 2px solid var(--accent-secondary); color: #fffefa; }
:root[data-style="christmas-refined"] .topbar :is(.brand-button,.brand-button small,.nav > button,.profile-menu summary) { color: #fffefa; }
:root[data-style="christmas-refined"] .brand-mark { background: #fffefa; color: var(--accent); border-radius: 6px; }
:root[data-style="christmas-refined"] .brand-button strong { font-family: "Avenir Next",sans-serif; font-size: 20px; letter-spacing: 0; }
:root[data-style="christmas-refined"] .topbar .nav > button:is(.active,:hover) { background: #fffefa; color: var(--accent); }
:root[data-style="christmas-refined"] .language-switch { background: #fffefa; }
:root[data-style="christmas-refined"] .language-switch button.active { background: #f6c561; color: #173c33; }
:root[data-style="christmas-refined"] :is(h1,h2,h3,.eyebrow) { letter-spacing: 0; }
.refined-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; padding-bottom: 12px; color: var(--accent); font-size: 11px; font-weight: 700; }
.refined-toolbar > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.refined-reduced { color: var(--muted); font-size: 11px; font-weight: 400; }
.refined-page { position: relative; min-width: 0; }
:root[data-style="christmas-refined"][data-hero="yes"] .refined-intro::before { display: none; }
:root[data-style="christmas-refined"][data-hero="yes"] .refined-intro,
:root[data-style="christmas-refined"] .refined-intro { position: relative; isolation: isolate; display: block; max-width: none; width: 100%; aspect-ratio: 900 / 383; margin: 0; padding: 0; background: #10513d; color: #fffefa; overflow: hidden; }
.refined-art { display: block; position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: contain; object-position: center; pointer-events: none; }
.refined-hero-copy { position: absolute; top: 34%; left: 22%; right: 22%; text-align: center; }
:root[data-style="christmas-refined"] .refined-hero-copy h1 { font: 700 44px/1.08 Georgia,"Times New Roman",serif; margin: 0; color: #fffefa; }
.refined-hero-copy p { font-size: 16px; line-height: 1.3; margin: 8px 0 0; color: #fffefa; }
.refined-home-tools { display: flex; align-items: stretch; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.refined-home-tools .search-wrap { flex: 1 1 320px; width: auto; margin: 0; }
.refined-home-tools .primary-button { margin: 0; min-height: 46px; }
:root[data-style="christmas-refined"] .primary-button { background: var(--accent); color: #fffefa; }
:root[data-style="christmas-refined"] :is(.refined-ask-cta,.ask-form button[type="submit"]) { position: relative; background: var(--accent-secondary); color: #05251d; font-weight: 750; }
:root[data-style="christmas-refined"] :is(.refined-ask-cta,.ask-form button[type="submit"])::after { content: ""; position: absolute; top: -5px; right: 9px; width: 14px; height: 7px; border-radius: 2px; transform: rotate(-28deg); background: #f6c561; border-bottom: 2px solid #a03b42; pointer-events: none; }
.refined-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0 0 28px; }
.refined-shortcut { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 14px; width: 100%; min-height: 120px; border: 1px solid var(--line); border-radius: 8px; padding: 20px 22px; background: var(--surface); color: var(--ink); text-align: left; }
.refined-shortcut small { font-size: 10px; line-height: 1.3; color: var(--muted); }
.refined-shortcut strong { display: block; padding-right: 24px; font-size: 18px; line-height: 1.35; overflow-wrap: anywhere; }
.refined-shortcut > span:not(.refined-wreath) { position: absolute; right: 18px; bottom: 20px; font-size: 20px; }
.refined-shortcut-lead { background: var(--accent); color: #fffefa; border-color: var(--accent); }
.refined-shortcut-lead small { color: #d9e6d2; }
.refined-wreath { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; border: 4px dotted #7eac91; border-radius: 50%; opacity: .6; pointer-events: none; }
.refined-wreath::after { content: ""; position: absolute; top: -6px; left: 7px; width: 10px; height: 7px; background: var(--accent-secondary); clip-path: polygon(0 0,50% 35%,100% 0,80% 100%,50% 70%,20% 100%); }
:root[data-style="christmas-refined"] .freshman-band { padding: 12px 0 26px; background: transparent; border: 0; border-bottom: 1px solid var(--line); }
.refined-page #search-results .question-row { border-bottom-color: var(--line); }
.refined-page .row-topic { display: inline-flex; align-items: center; align-self: flex-start; gap: 6px; width: fit-content; max-width: 100%; padding: 4px 7px; background: #f4ead7; border-radius: 4px; color: #65471f; font-size: 11px; line-height: 1.4; }
.refined-page .row-topic::before { content: ""; flex: 0 0 6px; width: 6px; height: 7px; background: #c56e48; clip-path: polygon(0 0,100% 0,50% 100%); }
.refined-page[data-refined-view="ask"] .page-heading { position: relative; padding-right: 90px; }
.refined-page[data-refined-view="ask"] .page-heading::after { content: "?"; position: absolute; top: 4px; right: 18px; width: 62px; font: 700 100px/1 Georgia,serif; color: #c5d1bd; opacity: .6; pointer-events: none; }
.refined-page .ask-form { border-top: 1px solid var(--line); padding-top: 22px; }
.refined-page :is(.ask-form,.profile-form,.contributor-form) :is(input,textarea,select) { background: var(--surface); }
.refined-page[data-refined-view="profile"] .profile-heading > .community-avatar { outline: 4px dotted #93b39a; outline-offset: 5px; }
.refined-page :is(.role-hero h1,.desk-heading h1) { font-size: 30px; }
.refined-page .appearance-preview h2 { font-size: 24px; }
.refined-page .theme-library-title h3 { font-size: 17px; }
.refined-nav-lights { position: absolute; right: 38px; bottom: -12px; display: flex; gap: 24px; pointer-events: none; }
.refined-nav-lights i { display: block; position: relative; width: 5px; height: 8px; border-radius: 3px; background: #f6c561; }
.refined-nav-lights i::before { content: ""; position: absolute; left: 2px; top: -5px; height: 5px; width: 1px; background: #c4d4ba; }
.refined-spark { position: fixed; z-index: 1000; width: 20px; height: 20px; font-size: 18px; line-height: 20px; color: #ae7218; pointer-events: none; }
@keyframes refined-arrive { from { opacity: .8; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes refined-lights { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
:root[data-style="christmas-refined"][data-refined-motion="on"] .refined-nav-lights i { animation: refined-lights 4s ease-in-out infinite; }
:root[data-style="christmas-refined"][data-refined-motion="on"] .refined-nav-lights i:nth-child(2) { animation-delay: 1.3s; }
:root[data-style="christmas-refined"][data-refined-motion="on"] .refined-nav-lights i:nth-child(3) { animation-delay: 2.6s; }
:root[data-style="christmas-refined"][data-refined-motion="on"] .refined-page:is([data-refined-view="home"],[data-refined-view="explore"]) { animation: refined-arrive 240ms ease-out; }
@media (max-width:1000px) {
  :root[data-style="christmas-refined"] .refined-hero-copy h1 { font-size: 36px; }
  .refined-hero-copy p { font-size: 14px; margin-top: 6px; }
  .refined-shortcut { padding: 16px; }
  .refined-shortcut strong { font-size: 16px; }
}
@media (max-width:760px) {
  :root[data-style="christmas-refined"] .refined-hero-copy h1 { font-size: 28px; }
  .refined-hero-copy { top: 32%; left: 20%; right: 20%; }
  .refined-hero-copy p { font-size: 12px; margin-top: 4px; }
  .refined-shortcuts { gap: 8px; margin-bottom: 24px; }
  .refined-shortcut { min-height: 104px; gap: 10px; padding: 12px; }
  .refined-shortcut strong { font-size: 14px; padding-right: 0; }
  .refined-shortcut small { font-size: 9px; }
  .refined-shortcut > span:not(.refined-wreath) { display: none; }
  .refined-wreath { width: 18px; height: 18px; border-width: 2px; right: 9px; top: 8px; opacity: .35; }
  .refined-wreath::after { left: 4px; top: -4px; width: 7px; height: 5px; }
  .refined-nav-lights { right: 22px; gap: 20px; }
  .refined-page :is(.role-hero h1,.desk-heading h1) { font-size: 25px; }
}
@media (max-width:480px) {
  :root[data-style="christmas-refined"] .refined-hero-copy h1 { font-size: 24px; }
  .refined-hero-copy p { font-size: 11px; margin-top: 3px; }
  .refined-home-tools { gap: 10px; margin: 14px 0; }
  .refined-home-tools .search-wrap { flex-basis: 100%; }
  .refined-home-tools .refined-ask-cta { width: 100%; }
}
@media (prefers-reduced-motion:reduce) {
  :root[data-style="christmas-refined"] { scroll-behavior: auto; }
  .refined-page *,.refined-nav-lights *,.refined-spark { animation: none !important; transition: none !important; }
}
:root[data-style="christmas-refined"][data-refined-motion="off"] { scroll-behavior: auto; }