@font-face{font-family:Inter;src:url('./fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html{background:#030b18}
body.glass-home.glass-workspace{background:#030b18;--review-panel:linear-gradient(135deg,#19395399,#081a2cbd);--review-border:#82b8e43b;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer,#qrPresenter){font-family:Inter,system-ui,sans-serif}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer,#qrPresenter) :is(button,input,select,textarea){font-family:inherit}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer,#qrPresenter) :is(b,strong,h2,h3){font-weight:600}
body.glass-home.glass-workspace #shell{background:#030b18;min-height:100vh}
/* Artwork is anchored to the viewport. Content height never scales it. */
body.glass-home.glass-workspace #shell .main{background:#030b18;min-height:100vh}
body.glass-home.glass-workspace #shell .main::before,
body.glass-home.glass-workspace:not(.glass-page-home) #shell .main::before,
body.glass-home.glass-workspace #shell .main.home-railway-mode::before{position:fixed;inset:0;width:auto;height:100vh;max-height:100vh;background:linear-gradient(#030b18b3,#030b187a),url('/glass-home-v1/ribbon-art-v1.webp') center/cover no-repeat;opacity:.52;filter:none;pointer-events:none}
body.glass-home.glass-workspace #shell .sidebar::before{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width,218px);height:100vh;background-size:auto 100vh;opacity:.2}
body.glass-home.glass-workspace #shell .topbar{background:#07172b80;backdrop-filter:blur(16px) saturate(115%);border-bottom:1px solid #a0c9eb24;box-shadow:inset 0 1px #ffffff0b}
body.glass-home.glass-workspace #shell .topbar .global-search{background:#16334e66;border-color:#7eb0db44;transition:border-color .15s,box-shadow .15s}
body.glass-home.glass-workspace #shell .topbar .global-search:focus-within{border-color:#7bd4ff;box-shadow:0 0 0 2px #70cdff35}
body.glass-home.glass-workspace #shell .topbar .global-search input:focus-visible{outline:none!important;box-shadow:none!important}
/* One glass surface for task containers, including management and dialogs. */
body.glass-home.glass-workspace #shell #content :is(.card,.course-card,.course-admin-card,.panel-soft,.identity-kpis>div),
body.glass-home.glass-workspace :is(#modalLayer,#drawerLayer) :is(.modal,.drawer){background:var(--review-panel);border:1px solid var(--review-border);border-top-color:#b9def15c;border-radius:14px;box-shadow:inset 0 1px #e0f4ff12,0 12px 32px #00000022;backdrop-filter:blur(18px) saturate(115%)}
body.glass-home.glass-workspace #shell #content :is(.management-attention-card,.system-health-card,.management-sources-compact,.birthday-card){background:var(--review-panel);border-color:var(--review-border)}
body.glass-home.glass-workspace #shell #content :is(.identity-person-row,.management-attention-list button,.health-metric,.course-workspace-row){background:#17355035}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) :is(.btn,.icon-btn){font-size:13px;font-weight:500}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) .btn.primary{background:linear-gradient(110deg,#08a1ee,#165cff);color:#fff;border-color:#72bfff80}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) select.status-select.att-present{background:#123f36;color:#b3f2d2;border-color:#57bd94}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) select.status-select.att-absent{background:#492436;color:#ffc1cb;border-color:#d8798c}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) select.status-select.att-excused{background:#453b24;color:#f4dc9d;border-color:#cbaa55}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) select.status-select.att-notified{background:#173b58;color:#b3dcff;border-color:#669bcf}
body.glass-home.glass-workspace .session-modal .session-person-name>:first-child{font-family:Inter,system-ui,sans-serif;font-size:17px!important;font-weight:600!important}
body.glass-home.glass-workspace #shell #content .schedule-grid-cell,
body.glass-home.glass-workspace #shell #content .schedule-grid-cell:has(>.schedule-lesson:nth-child(2)){display:flex;flex-direction:column;gap:4px;min-height:76px;grid-template-columns:none;padding:4px}
.schedule-week-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;align-items:start}
.schedule-week-pair>div{min-width:0}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-lesson{width:100%;padding:5px 6px;line-height:1.25;gap:2px;background:#193950!important;border:1px solid #5697cc80;border-left:3px solid #66b6f4;color:#e0efff;font-weight:400}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-lesson.session-practice{background:#143b3b!important;border-color:#50aa9480;border-left-color:#5fceb1}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-lesson.session-lab{background:#3c3525!important;border-color:#c4a56080;border-left-color:#e1bb66}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-lesson.session-seminar{background:#332f4e!important;border-color:#a194cb80;border-left-color:#bd9cef}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-lesson strong{font-size:13px;line-height:1.2;font-weight:600}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-groups{font-size:12px;line-height:1.25;font-weight:500}
body.glass-home.glass-workspace #shell #content .schedule-grid :is(.schedule-meta,.schedule-teachers){font-size:11px;line-height:1.25;font-weight:400}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-type-badge{font-size:10px;line-height:1.25;font-weight:500}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-week-tag{font-size:9px!important;font-weight:500;line-height:1.2!important;height:auto!important}
body.glass-home.glass-workspace #shell #content .schedule-lesson-top{gap:5px;align-items:start}
body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-grid-time span{font-size:10px}
body.glass-home.glass-workspace #shell #content .schedule-control-card{background:none;backdrop-filter:none;box-shadow:none;border:0;border-bottom:1px solid var(--review-border);border-radius:0}
body.glass-home.glass-workspace #shell #content .schedule-compare-mini-card strong{font-size:11px!important;line-height:1.25;font-weight:600}
body.glass-home.glass-workspace #shell #content .schedule-compare-mini-card span{font-size:10px!important;line-height:1.2}
body.glass-home.glass-workspace #modalLayer .course-group-picker{max-height:260px;overflow:auto;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:4px;scrollbar-gutter:stable}
body.glass-home.glass-workspace #modalLayer .course-group-picker [hidden]{display:none}
body.glass-home.glass-workspace #courseAdminForm>.split:last-child{position:sticky;bottom:-18px;background:#0c2039ed;padding:12px 0;margin-bottom:-12px}
body.glass-home.glass-workspace .identity-bulk-result{width:100%;text-align:left;color:inherit;font:inherit;background:#112c4455;border:0;border-bottom:1px solid var(--review-border);padding:12px;cursor:pointer}
body.glass-home.glass-workspace .identity-bulk-result:hover{background:#28517066}
body.glass-home.glass-workspace .identity-person-drawer{z-index:7100}
body.glass-home.glass-workspace .drawer-backdrop{z-index:7099}
.birthday-gift{width:24px;height:24px;vertical-align:middle;color:#b4a0fa;margin-right:5px}
.birthday-review-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--review-border)}
.birthday-review-row small{display:block;color:#a9bed5}
body.glass-home.glass-workspace #qrPresenter .qr-light-wave{opacity:1}
#qrPresenter .qr-light-wave canvas{width:100%;height:100%;display:block}
body.glass-home.glass-workspace #qrPresenter,body.glass-home.glass-workspace #qrPresenter *{box-sizing:border-box}
body.glass-home.glass-workspace #qrPresenter:is(.projector-mode,:fullscreen) #liveQr{width:min(56vh,70vw,760px)!important}
body.glass-home.glass-workspace #shell #content .schedule-week-pair .schedule-lesson-top{display:flex;flex-wrap:nowrap}
body.glass-home.glass-workspace #shell #content .schedule-week-pair .schedule-lesson-top>strong{flex:1 1 auto;min-width:0}
body.glass-home.glass-workspace #qrPresenter .qr-live-meta{background:var(--review-panel);border:1px solid var(--review-border);backdrop-filter:blur(18px);border-radius:12px}
body.glass-home.glass-workspace #qrPresenter #liveQr:has(.qr-ended){background:#11203e55!important;backdrop-filter:blur(12px);border:1px solid #b9a1ff66;line-height:1.3}
body.glass-home.glass-workspace #qrPresenter .qr-ended strong{color:#f0b9ed!important;text-shadow:0 0 30px #a45ef955}
@media(max-width:1100px){body.glass-home.glass-workspace #shell #content .schedule-grid .schedule-lesson strong{font-size:12px}.schedule-week-pair{gap:3px}}
@media print{body.glass-home.glass-workspace #shell .main::before{display:none!important}body.glass-home.glass-workspace #shell #content :is(.card,.course-card){background:white!important;backdrop-filter:none}}

/* Home only: preserve the train between separate control surfaces. */
body.glass-home.glass-workspace.glass-page-home #shell .topbar{
  background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom-color:transparent;box-shadow:none;
}
body.glass-home.glass-workspace.glass-page-home #shell .topbar .global-search,
body.glass-home.glass-workspace.glass-page-home #shell .topbar .glass-top-actions,
body.glass-home.glass-workspace.glass-page-home #shell .topbar .server-clock-stack{
  background:#06172bd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid #a0c9eb30;border-radius:10px;box-shadow:0 3px 12px #0002;
}
body.glass-home.glass-workspace.glass-page-home #shell .topbar .glass-top-actions{padding:3px;gap:5px}
body.glass-home.glass-workspace.glass-page-home #shell .topbar .server-clock-stack{padding:10px 12px;margin-left:0}
body.glass-home.glass-workspace.glass-page-home #shell .topbar .global-search:focus-within{border-color:#7bd4ff;box-shadow:0 0 0 2px #70cdff35}

/* Keep the canvas dark while allowing the blue ribbons through glass. */
body.glass-home.glass-workspace{--review-panel:linear-gradient(135deg,#19395370,#081a2c91)}
body.glass-home.glass-workspace #shell .main::before,
body.glass-home.glass-workspace:not(.glass-page-home) #shell .main::before,
body.glass-home.glass-workspace #shell .main.home-railway-mode::before{
  background:linear-gradient(#030b1870,#030b1840),url('/glass-home-v1/ribbon-art-v1.webp') center/cover no-repeat;opacity:.72;
}
body.glass-home.glass-workspace #shell #content :is(.card,.course-card,.course-admin-card,.panel-soft,.identity-kpis>div){backdrop-filter:blur(10px) saturate(135%)}
/* Selected week remains obvious without relying on animation or colour alone. */
body.glass-home.glass-workspace #shell .schedule-week-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #648ab45c;background:#061627;border-radius:11px}
body.glass-home.glass-workspace #shell .schedule-week-switch .seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:7px;color:#bed1e8;background:transparent;font:500 12px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;transition:background .15s,border-color .15s}
body.glass-home.glass-workspace #shell .schedule-week-switch .seg-btn[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#126eab,#2454b2);border-color:#86d7ff;box-shadow:inset 0 1px #d9f4ff4d,0 0 10px #219aff24;font-weight:650}
.schedule-week-check{width:12px;visibility:hidden}
[aria-pressed=true]>.schedule-week-check{visibility:visible}
body.glass-home.glass-workspace #shell .schedule-week-switch .seg-btn:focus-visible{outline:2px solid #a5e3ff;outline-offset:2px}
body.glass-home.glass-workspace #shell .schedule-free-week-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 14px 14px;padding:10px 12px;background:#091c31;border:1px solid #658bb74d;border-radius:10px;color:#e5f1ff}
.schedule-free-week-toolbar>div:first-child{display:grid;gap:4px}
.schedule-free-week-toolbar small{color:#bdd0e4;font-size:12px}
/* Data review requires an opaque, high-contrast reading surface. */
body.glass-home.glass-workspace #drawerLayer .drawer.identity-person-drawer{width:min(880px,96vw);max-width:96vw;background:#0b2035;backdrop-filter:none;color:#e7f1fc;font-size:15px;line-height:1.55}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .drawer-head h2{font-size:24px;line-height:1.3;color:#f0f6ff}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .identity-person-section h3{font-size:17px;color:#edf5ff}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .identity-change-card{background:#122d46;border-color:#aa95634d;padding:16px}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .identity-change-compare>div{background:#081b2e;border:1px solid #6689ad66;color:#e7f1fc;padding:14px;line-height:1.55}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .identity-change-compare>div:nth-child(2){background:#14344c;border-color:#65a7ce80}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer :is(.identity-change-compare,.identity-affiliation-list,.identity-facts,.identity-check-list) :is(small,span){color:#bcd0e5;font-size:13px;line-height:1.5}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer :is(.identity-change-compare,.identity-affiliation-list,.identity-facts) strong{color:#edf5ff;font-size:15px;line-height:1.5}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .identity-change-compare>div>small{font-size:12px;font-weight:600;color:#a9d6f4;margin-bottom:8px}
body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .btn.small{font-size:13px;min-height:36px;padding:7px 10px}
@media(max-width:680px){body.glass-home.glass-workspace #drawerLayer .identity-person-drawer .identity-facts{grid-template-columns:1fr}.schedule-free-week-toolbar>.schedule-week-switch{width:100%}.schedule-free-week-toolbar .seg-btn{flex:1}}
@media(prefers-reduced-motion:reduce){body.glass-home.glass-workspace #shell .schedule-week-switch .seg-btn{transition:none}}
/* Attendance is readable at a glance, including native selects in modal layers. */
body.glass-home.glass-workspace #modalLayer .session-modal .session-person-name>:is(.student-surname,strong:first-child){font-size:14px!important;font-weight:500!important;color:#bdd0e4!important;line-height:1.4!important}
body.glass-home.glass-workspace #modalLayer .session-modal .session-person-name>:is(.student-given,span:not(.student-surname)){display:block;font-size:18px!important;font-weight:650!important;color:#edf5ff!important;line-height:1.4!important}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) select.status-select.att-present{background:#164b36!important;color:#d0ffe4!important;border:1px solid #64d59a!important;box-shadow:inset 4px 0 #64d59a;font-weight:600}
body.glass-home.glass-workspace :is(#shell,#modalLayer,#drawerLayer) select.status-select.att-absent{background:#572832!important;color:#ffe0e5!important;border:1px solid #f18d9d!important;box-shadow:inset 4px 0 #f18d9d;font-weight:600}
body.glass-home.glass-workspace select.status-select option{background:#102a42;color:#e7f2ff}
.attention-mark{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #ffdf91;border-radius:10px;background:linear-gradient(145deg,#f8d777,#b77522);color:#302008;font-size:24px;font-weight:800;box-shadow:inset 0 2px 2px #fff7,0 3px 0 #754916,0 5px 12px #0005;margin-right:9px;vertical-align:middle}
.attention-queue{display:grid;gap:12px}.attention-queue article{padding:16px;border:1px solid #567b9d66;border-radius:12px;background:#0c2439}.attention-queue article h3{margin:0 0 8px;font-size:18px}.attention-queue p{color:#c3d5e8;line-height:1.5}.attention-queue .source-note{font-size:13px;overflow-wrap:anywhere}.attention-queue .quick-actions{margin-top:10px}

/* All drawers must be above their shared backdrop, including students. */
body.glass-home.glass-workspace #drawerLayer .drawer{z-index:7100;background:#0b2035;isolation:isolate}
body.glass-home.glass-workspace #drawerLayer .drawer-backdrop{z-index:7099}
body.glass-home.glass-workspace .cell-popover{background:#102a40;color:#e9f3ff;border-color:#567b9b;max-height:calc(100dvh - 24px);overflow:auto;color-scheme:dark}
body.glass-home.glass-workspace .cell-popover :is(input,textarea){background:#081d30;color:#f0f7ff;border:1px solid #52718c;padding:9px;border-radius:8px}
body.glass-home.glass-workspace .cell-popover .cell-status-choice{background:#183950;color:#e5f2ff;border-color:#52718c}
body.glass-home.glass-workspace .cell-popover .cell-status-choice.active{background:#145282;border-color:#75ceff;box-shadow:inset 0 0 0 1px #75ceff}
.work-date-label{display:block;font-size:12px;color:#b9d7ef;margin-top:8px}
.work-date-label input{width:100%;margin-top:5px}
.work-record-date{display:block;color:inherit;font-size:11px;margin-top:4px}
.source-save-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#sourceSaveStatus{font-size:13px;color:#acd8ff}
#sourceSaveStatus[data-state=saved]{color:#93e3b3}
#sourceSaveStatus[data-state=error]{color:#ffbac1}
.work-readonly-note{font-size:12px;color:#bdd0e5;margin:8px 0}

#workPopDateField[hidden]{display:none!important}

/* Contrast and compact status without animated glow. */
.feedback-dist-bar{background:#183047!important;height:10px!important;border:1px solid #36516a}
.feedback-dist-bar>i{background:linear-gradient(90deg,#d4a23d,#ffe0a0)!important;box-shadow:none!important}
.health-check{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:22px;font-weight:700;background:#163c3b;color:#a4e3c5;border:1px solid #3a6962}
.health-check.warn{background:#493c22;color:#ffe2a0;border-color:#8b703c}
.group-warning{display:block;margin:9px 0;color:#ffdc8b;font-weight:650}
.group-warning b{display:inline-grid;place-items:center;width:23px;height:23px;background:linear-gradient(#ffe1a0,#b98629);color:#352704;border-radius:7px;margin-right:6px;box-shadow:0 2px 0 #74521c}
.update-group-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
.update-group-analytics article{padding:18px;border:1px solid #385772;border-radius:14px;background:#0b2134bd}
.update-group-analytics h3{margin-bottom:8px}.update-group-analytics p{line-height:1.65}.update-change-list article{padding:16px;border-bottom:1px solid #385772}.update-change-list .identity-change-compare{margin:10px 0}
.update-story{position:relative;min-height:210px;border-radius:16px;overflow:hidden;background:#092034}.update-story img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.42}.update-story-content{position:relative;padding:24px;min-height:210px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#041727cc,#04172733)}.update-story p{font-size:18px;line-height:1.6;color:#fff;max-width:620px}.update-story small{color:#c0d8e9}.update-story button{align-self:flex-end}

/* Staff comparison modal: opaque dark panels and readable text at every level. */
body.glass-home.glass-workspace #modalLayer .update-change-list article{padding:20px 0;border-bottom:1px solid #45617b}
body.glass-home.glass-workspace #modalLayer .update-change-list article>label{display:flex;align-items:flex-start;gap:10px;color:#f0f6ff;font-size:16px;line-height:1.5}
body.glass-home.glass-workspace #modalLayer .update-change-list article>label input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#50bcff}
body.glass-home.glass-workspace #modalLayer .update-change-list .identity-change-compare{gap:14px;margin:12px 0 0}
body.glass-home.glass-workspace #modalLayer .update-change-list .identity-change-compare>div{background:#0b2033!important;border:1px solid #45617b;border-radius:12px;padding:16px;color:#f0f6ff;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
body.glass-home.glass-workspace #modalLayer .update-change-list .identity-change-compare>div:nth-child(2){background:#15354d!important;border-color:#5688ad}
body.glass-home.glass-workspace #modalLayer .update-change-list .identity-change-compare :is(strong,b,span){color:#f0f6ff!important;font-size:15px;line-height:1.6}
body.glass-home.glass-workspace #modalLayer .update-change-list .identity-change-compare small{color:#c4d7e9!important;font-size:13px;line-height:1.55}
body.glass-home.glass-workspace #modalLayer .update-change-list .identity-change-compare>div>small{color:#91d2ff!important;font-weight:700;font-size:13px;margin-bottom:10px}
body.glass-home.glass-workspace #modalLayer .update-change-list [data-update-error]{color:#ffb6ad;font-size:14px;line-height:1.5}

body.glass-home.glass-workspace #modalLayer .bday-modal{width:min(980px,96vw);max-width:980px;padding:0;background:#081b2d;border:1px solid #41617c;border-radius:22px}
.bday-header{display:flex;justify-content:space-between;gap:20px;padding:26px 28px 20px;border-bottom:1px solid #2e4962;background:linear-gradient(120deg,#163451,#0a2035)}
.bday-header h2{font-size:26px!important;margin:6px 0 10px}.bday-header p{color:#bed2e5;line-height:1.5;margin:0}.bday-header .icon-btn{flex-shrink:0}
.bday-next{padding:22px 28px 0}.bday-section-label{display:block;font-size:12px;font-weight:700;color:#f2cd83;text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}
.bday-months{padding:8px 28px 28px}.bday-month h3{font-size:16px;color:#bbd5ed;text-transform:capitalize;margin:24px 0 12px}.bday-month-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bday-person{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0;padding:16px;background:#102b42;border:1px solid #355772;border-radius:15px;line-height:1.45}
.bday-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:8px 9px;border-radius:12px;background:#1c4361;color:#c1e5ff}.bday-date b{font-size:29px;line-height:1.15;color:#f1f8ff}.bday-date span{font-size:12px;font-weight:650}
.bday-name{flex:1;min-width:140px;display:flex;flex-direction:column;gap:3px}.bday-name>span{font-size:13px;color:#bdd1e3}.bday-name>strong{font-size:16px!important;color:#f0f7ff;line-height:1.4}.bday-name>small{font-size:12px;color:#b4cee3;margin-top:3px}
.bday-age{font-size:13px;font-weight:650;color:#f5d99e;border:1px solid #806b43;background:#3a3429;padding:7px 10px;border-radius:9px}.bday-featured{background:linear-gradient(110deg,#234663,#12283c);border-color:#b2945d;padding:20px}.bday-featured .bday-date{background:#e5c37a;color:#352b18}.bday-featured .bday-date b{color:#352b18;font-size:36px}.bday-featured .bday-name>strong{font-size:20px!important}.bday-mini-age{display:block;color:#f0d49a;margin-top:3px}
@media(max-width:720px){.bday-month-grid{grid-template-columns:1fr}.bday-header{padding:20px}.bday-next{padding:18px 20px 0}.bday-months{padding:0 20px 20px}.bday-header h2{font-size:22px!important}.bday-person{gap:10px;padding:13px}.bday-featured .bday-name>strong{font-size:17px!important}}