.det-admissions-page *, .det-admissions-page *::before, .det-admissions-page *::after { box-sizing: border-box; }
.det-convert-panel { padding: 28px; background: var(--det-guide-card); border: 1px solid var(--det-guide-border); border-radius: var(--det-brand-radius); }
.det-convert-result { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding-bottom: 26px; border-bottom: 1px solid var(--det-guide-border); margin-bottom: 24px; }
.det-convert-result div { display: flex; flex-direction: column; gap: 4px; }
.det-convert-result span, .det-convert-result small { color: var(--det-guide-muted); font-size: 13px; }
.det-convert-result strong { font-family: var(--det-brand-serif); font-size: clamp(48px, 7vw, 76px); line-height: 1.1; font-weight: 400; color: var(--det-guide-ink); }
.det-convert-result .det-convert-arrow { font-size: 28px; }
.det-admissions-form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 14px; }
.det-admissions-form > div { flex: 1 1 180px; min-width: 0; }
.det-admissions-form label { display: block; color: var(--det-guide-ink); font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.det-admissions-form select { width: 100%; min-height: 46px; padding: 10px 36px 10px 12px; border: 1px solid var(--det-guide-border); border-radius: var(--det-brand-radius); background: var(--det-guide-card); color: var(--det-guide-ink); font: inherit; font-size: 16px; color-scheme: light; }
html[data-det-theme="dark"] .det-admissions-form select { color-scheme: dark; }
.det-admissions-form button { min-height: 46px; cursor: pointer; }
.det-admissions-page :is(a, select, button):focus-visible { outline: 3px solid var(--det-guide-green); outline-offset: 4px; }
.det-admissions-filter { background: var(--det-guide-soft); border: 1px solid var(--det-guide-border); padding: 20px; border-radius: var(--det-brand-radius); }
.det-admissions-page .det-admissions-note { font-size: 13px; line-height: 1.75; color: var(--det-guide-muted); margin-top: 16px; }
.det-admissions-table { min-width: 0; table-layout: fixed; }
.det-admissions-table caption { text-align: left; padding: 12px 14px; font-size: 13px; color: var(--det-guide-muted); caption-side: top; }
.det-admissions-table tbody th { text-align: left; padding: 14px 16px; font-size: 14px; line-height: 1.55; font-weight: 500; text-transform: none; letter-spacing: normal; background: var(--det-guide-card); border-bottom: 1px solid var(--det-guide-border); }
.det-admissions-selected :is(th, td) { background: var(--det-guide-soft) !important; }
.det-admissions-score-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.det-admissions-score-links a { display: flex; flex-direction: column; gap: 6px; padding: 18px; background: var(--det-guide-card); border: 1px solid var(--det-guide-border); border-radius: var(--det-brand-radius); text-decoration: none; }
.det-admissions-score-links a[aria-current] { background: var(--det-guide-soft); border-color: var(--det-guide-green); }
.det-admissions-score-links span { color: var(--det-guide-muted); font-size: 13px; }
.det-admissions-score-links strong { color: var(--det-guide-ink); font-size: 20px; }
.det-university-card .det-university-minimum { font-weight: 600; color: var(--det-guide-green); }
@media (max-width: 600px) {
    .det-convert-panel { padding: 20px; }
    .det-convert-result { gap: 12px; }
    .det-admissions-form > div, .det-admissions-form button { flex-basis: 100%; width: 100%; }
    .det-admissions-score-links { gap: 8px; }
    .det-admissions-score-links a { padding: 12px 8px; }
    .det-admissions-score-links strong { font-size: 16px; }
    .det-admissions-table :is(th, td) { padding: 12px 8px; overflow-wrap: break-word; }
    .det-admissions-page .det-guide-hero h1 { font-size: 42px; }
}
