.deadlines-page { max-width: 68rem; padding-block: var(--space-8); }
.deadlines-page :is(h1,h2,h3) { font-family: var(--font-profile); line-height: 1.15; }
.deadlines-top { margin-bottom: var(--space-7); }
.deadlines-top h1 { font-size: clamp(2.75rem,5vw,4rem); font-weight: 900; margin: 0 0 var(--space-4); }
.deadlines-top p { max-width: 48rem; font-size: clamp(1.2rem,1.1rem + .4vw,1.375rem); line-height: 1.6; margin: 0; }
.deadlines-important { padding: var(--space-7); background: var(--color-highlight); margin-bottom: var(--space-8); }
.deadlines-important__columns { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-7); }
.deadlines-important h2 { font-size: 1.65rem; margin: 0 0 var(--space-4); }
.deadlines-important a { color: var(--color-ink); }
.deadlines-page p { line-height: 1.65; }
.deadline-group { display: grid; grid-template-columns: 13rem minmax(0,1fr); gap: var(--space-7); align-items: start; margin-bottom: var(--space-8); }
.deadline-group + .deadline-group { border-top: 1px solid var(--color-border); padding-top: var(--space-8); }
.deadline-date-column { align-self: start; }
.deadlines-page .deadline-date { margin: 0; padding: var(--space-5) var(--space-5) var(--space-6); background: var(--color-surface-tint); border-radius: 2.25rem .35rem 2.25rem .35rem; font-size: 1rem; }
.deadline-date time { display: grid; grid-template-columns: auto 1fr; gap: 0 var(--space-4); align-items: center; }
.deadline-day { grid-row: 1 / 3; font: 700 3.6rem/1 var(--font-profile); }
.deadline-month { font-weight: 700; }
.deadline-year { font-size: 1rem; font-weight: 600; color: var(--color-ink-soft); }
.deadline-next, .deadline-status { display: inline-block; margin: var(--space-3) 0 0 var(--space-5); font-size: .8rem; }
.deadline-next { background: var(--color-highlight); border-radius: var(--radius-sm); padding: .2rem .65rem; font-weight: 700; }
.deadline-tasks { padding: var(--space-5) var(--space-6); max-width: 48rem; }
.deadline-task + .deadline-task { margin-top: var(--space-7); }
.deadline-task h3 { font-size: 1.4rem; margin: 0 0 var(--space-4); font-weight: 700; }
.deadline-task p:last-child { margin-bottom: 0; }
.deadlines-page .guide-list { padding-left: 1.2rem; margin-block: var(--space-4); }
.deadlines-page .guide-list li + li { margin-top: var(--space-2); }
.deadlines-page .guide-links { display: flex; flex-wrap: wrap; gap: var(--space-4); padding: 0; list-style: none; }
.deadlines-page .guide-links a { text-underline-offset: .2em; }
.deadlines-closing { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--space-6); padding: var(--space-7); background: var(--color-ink); color: var(--color-paper); }
.deadlines-closing h2 { font-size: var(--text-xl); margin: 0 0 var(--space-4); }
.deadlines-closing p { margin-bottom: 0; }
.deadlines-closing .button { background: var(--color-highlight); color: var(--color-ink); white-space: nowrap; }
.deadlines-closing .button:focus-visible { outline-color: var(--color-paper); }
.deadlines-page section[id], .deadlines-page #datoer { scroll-margin-top: 8rem; }
@media(max-width:48rem) {
 .deadlines-page { padding-block: var(--space-7) var(--space-8); }
 .deadlines-important { padding: var(--space-5); margin-bottom: var(--space-7); }
 .deadlines-important__columns { grid-template-columns: 1fr; gap: var(--space-6); }
 .deadlines-important h2 { font-size: 1.45rem; }
 .deadline-group { grid-template-columns: minmax(0,1fr); gap: var(--space-5); margin-bottom: var(--space-7); }
 .deadline-group + .deadline-group { padding-top: var(--space-7); }
 .deadline-date-column { display: flex; gap: var(--space-4); align-items: center; flex-wrap: wrap; }
 .deadlines-page .deadline-date { padding: var(--space-4) var(--space-5) var(--space-5); border-radius: 1.5rem .35rem 1.5rem .35rem; }
 .deadline-day { font-size: 2.65rem; }
 .deadline-next, .deadline-status { margin: 0; }
 .deadline-tasks { padding: 0; }
 .deadline-task h3 { font-size: 1.35rem; }
 .deadlines-closing { grid-template-columns: minmax(0,1fr); padding: var(--space-5); }
 .deadlines-closing .button { justify-self: start; white-space: normal; }
}