*{box-sizing:border-box}
body{margin:0;background:var(--ev-bg,#edf3f8);color:var(--ev-text,#17304f);font-family:var(--edu-admin-font,system-ui)}
#menu-app{height:100dvh;padding:var(--menu-gap,16px);display:flex;flex-direction:column;gap:var(--menu-gap,16px)}
#menu-app>.edu-output-header{display:flex;align-items:center;flex:none;background:var(--ev-primary,#087f91);color:var(--ev-primary-text,#fff);border-radius:var(--ev-card-radius,20px)}
.menu-identity{min-width:0;flex:1}
#menu-clock{font-size:var(--edu-header-meta);line-height:1.3;text-align:right;max-width:33%;margin:0}
#message{margin:0;font-size:18px}#message[hidden]{display:none}
#menu-content{flex:1;min-height:0;min-width:0;position:relative}
#menu-content .edu-paged-content{height:100%}
#menu-source{font-size:clamp(12px,1vmin,24px);flex:none;line-height:1.35;color:var(--ev-muted)}
#menu-source a{color:inherit}
.menu-empty{font-size:var(--meal-body,22px);padding:var(--menu-gap);margin:0}
.menu-measure{position:absolute;left:0;top:0;width:100%;visibility:hidden;pointer-events:none}
.menu-auto-pagination button[hidden]{display:none!important}
.edu-build-marker{position:fixed;right:4px;bottom:2px;pointer-events:none;font:10px system-ui;opacity:.65}
html[data-output-mode=web] #menu-app{height:auto;max-width:1600px;margin:auto;padding:24px;gap:24px}
html[data-output-mode=web] #menu-content{display:grid;gap:24px}
@media(max-width:650px){html[data-output-mode=web] #menu-app{padding:12px;gap:12px}#menu-clock{display:none}}

#menu-clock{font-size:var(--edu-header-meta);line-height:1.4;white-space:nowrap;max-width:45%;align-self:center;font-weight:650}#menu-app>.edu-output-header{padding:var(--edu-header-padding,24px);gap:var(--menu-gap,16px)}

.menu-clock{text-align:right;flex:none;max-width:45%;font-variant-numeric:tabular-nums}.menu-clock>strong{display:block;font-size:var(--edu-header-title);line-height:1.1}.menu-clock #menu-clock{max-width:none;margin-top:.2em;font-size:var(--edu-header-meta)}

/* The date participates in shared title fitting and never escapes its reserved column. */
.menu-clock{min-width:0;flex:0 1 45%}
#menu-period{max-width:100%;white-space:nowrap;overflow-wrap:normal}