/* Раздел /oge/: дополнения к /ege/ege.css — калькулятор отметки и таблица шкалы. */

/* Калькулятор стоит в первом экране, сразу под h1: на телефоне поля в ряд,
   оценка — строкой ниже (с условием) или рядом (без условия). */
.oge-conv{grid-template-columns:1fr 1fr 1fr;align-items:end;margin:4px 0 18px;max-width:760px}
.oge-conv.no-extra{grid-template-columns:1fr 1fr}
.oge-conv[hidden]{display:none}
.oge-conv .oge-out-label{display:block;font-size:13px;font-weight:700;color:var(--ink-3);margin-bottom:8px}
.oge-conv .out.is-empty{color:var(--ink-3)}
.oge-conv .hint{margin:0}
.oge-conv .oge-region{grid-column:1/-1;margin:-8px 0 0;font-size:13px;color:var(--ink-3)}
.oge-conv .oge-region a{color:var(--brand-ink);font-weight:700;text-decoration:underline}
@media(max-width:620px){
  .oge-conv,.oge-conv.no-extra{grid-template-columns:1fr 1fr;gap:12px 10px;padding:16px}
  .oge-conv.has-extra{grid-template-columns:1fr 1fr 1fr}
  .oge-conv input{padding:11px 12px;font-size:18px}
  .oge-conv .out{padding:10px 12px;font-size:21px}
  .oge-conv label,.oge-conv .oge-out-label{font-size:12.5px;margin-bottom:6px}
  .oge-conv .oge-region{margin-top:-4px}
}
@media(max-width:940px){.ege-hero.oge-hero{padding-top:116px}}
.oge-hero h1{margin-bottom:14px}

.grade-table{table-layout:fixed}
.grade-table.two-col th:nth-child(1){width:40%}
.grade-table th:nth-child(1){width:24%}
.grade-table th:nth-child(2){width:28%}
.grade-table th,.grade-table td{overflow-wrap:break-word;hyphens:auto}
.parts-table.grade-table thead th{hyphens:manual}
@media(max-width:560px){.parts-table.grade-table thead th{letter-spacing:0;text-transform:none;font-family:inherit;font-size:12.5px}}
.grade-table .grade-mark{font-family:'Unbounded',sans-serif;font-weight:700;color:var(--brand-deep)}
[data-theme="dark"] .grade-table .grade-mark{color:#F0B964}
.grade-table tbody tr.hit th,.grade-table tbody tr.hit td{background:var(--brand-soft);color:var(--ink)}
.grade-table tbody tr.hit th{border-radius:10px 0 0 10px;box-shadow:-10px 0 0 var(--brand-soft)}
.grade-table tbody tr.hit td:last-child{border-radius:0 10px 10px 0}

.tip-box .tx a{color:var(--brand-ink);font-weight:700;text-decoration:underline}

.final-cta .oge-next{margin-top:12px;font-size:15.5px;color:var(--ink-2)}
.final-cta .oge-next a{color:var(--brand-ink);font-weight:700;text-decoration:underline}

.quick-grid + .tip-box{margin-top:20px}

.oge-summary{table-layout:fixed}
.oge-summary th:nth-child(1){width:36%}
.oge-summary th,.oge-summary td{overflow-wrap:break-word}
.oge-summary tbody th a{color:var(--brand-ink);font-weight:700;text-decoration:underline}
@media(max-width:560px){.parts-table.oge-summary thead th{letter-spacing:0;text-transform:none;font-family:inherit;font-size:12.5px}.oge-summary th,.oge-summary td{padding-left:4px;padding-right:4px;font-size:14px}.oge-summary th:nth-child(1){width:44%}}
.quick-grid.oge-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}
.oge-grid .quick-card p{font-variant-numeric:tabular-nums}
@media(max-width:560px){
  .quick-grid.oge-grid{grid-template-columns:1fr 1fr;gap:10px}
  .oge-grid .quick-card{padding:14px}
  .oge-grid .quick-card h3{font-size:14px}
  .oge-grid .quick-card p{font-size:12.5px}
  .oge-grid .quick-card .go{display:none}
}
@media(max-width:940px){.oge-hero + .ege-sec{padding-top:16px}}