.day-page { display:block; height:auto; min-height:100%; overflow:visible; }
.day-bar, .day-main { max-width:760px; margin-inline:auto; padding-inline:clamp(12px,4vw,24px); }
.day-bar { display:flex; flex-wrap:wrap; align-items:center; gap:0 16px; border-bottom:1px solid var(--rule); }
.day-bar a { display:inline-flex; align-items:center; min-height:44px; }
.day-bar .mark { margin-inline-end:auto; }
.day-main { padding-block:12px 24px; overflow-wrap:anywhere; }
.day-main h1 { font-size:max(1.75rem,1.55em); line-height:1.16; font-weight:600; }
.day-main h2 { font-size:var(--big); font-weight:600; line-height:1.3; }
.day-main p { max-width:62ch; }
.day-tabs { display:flex; flex-wrap:wrap; gap:0 16px; margin-block:6px 12px; border-bottom:1px solid var(--rule); }
.day-tabs a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; border-bottom:2px solid transparent; }
.day-tabs a[aria-current] { border-color:var(--ink); font-weight:600; }
.day-task-intro { margin-top:3px; }
.day-fields { display:flex; flex-wrap:wrap; gap:8px 14px; margin-block:8px; }
.day-fields label { display:grid; gap:2px; min-width:0; max-width:100%; }
.day-fields select { width:100%; min-width:0; max-width:100%; min-height:44px; padding:4px 7px; border:1px solid var(--rule); border-radius:0; font:inherit; color:inherit; background:var(--paper); }
.day-main a:not(.mark), .day-main button { text-underline-offset:3px; }
.day-actions { display:flex; flex-wrap:wrap; gap:0 14px; align-items:center; margin-block:4px; }
.day-actions a, .day-stamps a, .day-retry { display:inline-flex; align-items:center; min-height:44px; }
.day-actions .day-primary { padding-inline:10px; background:var(--ink); color:var(--paper); text-decoration:none; font-weight:600; }
.day-comparison { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; }
.day-comparison th, .day-comparison td { padding:5px 5px 5px 0; vertical-align:top; border-top:1px solid var(--rule); }
.day-comparison th:first-child { width:32%; }
.day-comparison td a { display:inline-flex; min-height:44px; align-items:center; }
.day-comparison tbody th { font-weight:500; }
.day-source { color:var(--muted); font-size:var(--small); margin-top:6px; }
.day-stamps, .day-examples { margin-top:14px; padding-top:8px; border-top:1px solid var(--rule); }
.day-stamps p { margin-top:3px; }
.day-examples li { margin-block:5px; }
.day-examples ul { padding-inline-start:18px; }
.day-examples li > div { display:flex; flex-wrap:wrap; gap:0 12px; }
.day-examples a { display:inline-flex; min-height:44px; align-items:center; }