/* Страница для университетов: форматы, темы по направлениям, как начать. */
.fmts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fmt{background:var(--canvas);border-radius:24px;padding:26px;min-height:240px;display:flex;flex-direction:column;gap:12px}
.fmt.k{background:#000;color:#fff}
.fmt.y{background:var(--volt)}
.fmt .mono{opacity:.6}
.fmt h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(28px,2.6vw,38px);line-height:.92;letter-spacing:-.02em;margin-top:auto}
.fmt p{font-size:15px;line-height:1.4;opacity:.8}
@media (max-width:900px){.fmts{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fmts{grid-template-columns:1fr}.fmt{min-height:0}}

.dtabs{display:flex;flex-wrap:wrap;gap:6px;background:#111;border-radius:48px;padding:6px;width:max-content;max-width:100%;margin-bottom:24px}
.dtab{padding:12px 20px;border-radius:48px;color:#aaa;font-weight:600;display:flex;gap:10px;align-items:center}
.dtab span{font-family:var(--mono);font-size:11px;background:#222;border-radius:20px;padding:2px 8px}
.dtab.on{background:var(--volt);color:#000}
.dtab.on span{background:rgba(0,0,0,.12)}
.dpanel{display:none;gap:10px}
.dpanel.on{display:grid;animation:fadein .5s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(10px)}}
.topic{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start;background:#0e0e0e;border:1px solid #222;border-radius:20px;padding:22px}
.topic .mono{color:#777}
.topic h4{font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:8px 0 10px}
.topic ul{margin-left:18px;color:#bbb;display:grid;gap:4px;font-size:15px}
.topic a{color:var(--volt);font-weight:600;font-size:14px;line-height:1.35}
@media (max-width:760px){.topic{grid-template-columns:1fr;gap:12px}.dtabs{border-radius:24px}}

.start{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.start>div{border-top:2px solid #000;padding-top:18px}
.start b{font-size:56px;display:block}
.start h3{font-size:22px;margin:16px 0 8px;letter-spacing:-.03em}
.start p{color:#444;line-height:1.4}
@media (max-width:760px){.start{grid-template-columns:1fr;gap:28px}}