/* «Періодична таблиця кафедр» на головній (storinky/bloky/kafedry.php): міліметрівка, клітинки-елементи,
   велика клітинка-ключ 2×2. Кольори кафедр – як на /pedahohy (--k темний, --kt світлий). */
.kaf-tabl{padding:72px 0 64px;background-color:#fbfaf6;
  background-image:linear-gradient(rgba(30,58,122,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,122,.07) 1px,transparent 1px),
    linear-gradient(rgba(30,58,122,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,122,.035) 1px,transparent 1px);
  background-size:70px 70px,70px 70px,14px 14px,14px 14px}
/* одразу під тренажером – міліметрівка заходить під його хвилястий край (24 px маски) */
.rozdil-trenazher:has(+.kaf-tabl){position:relative;z-index:1}
.rozdil-trenazher+.kaf-tabl{margin-top:-24px;padding-top:96px}
.kaf-shapka{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.kaf-shapka h2{margin:4px 0 0}
.kaf-pidk{margin:0;color:#6b7280;font-size:14px;text-align:right;line-height:1.5}
.kaf-sitka{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.kaf-el,.kaf-kliuch{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;
  background:var(--kt);color:var(--k);border:1.5px solid color-mix(in srgb,var(--k) 22%,transparent)}
.kaf-el{min-height:118px;padding:10px 12px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.kaf-el:hover,.kaf-el:focus-visible,.kaf-el.tut{transform:translateY(-5px);box-shadow:0 12px 26px color-mix(in srgb,var(--k) 25%,transparent),0 0 0 3px color-mix(in srgb,var(--k) 30%,transparent);outline:none}
.kaf-n{font:600 13px/1 var(--sans,system-ui)}
.kaf-n small{font-weight:500;opacity:.8}
.kaf-s{font:700 clamp(30px,3.4vw,44px)/1 Fraunces,Georgia,serif;letter-spacing:-.01em}
.kaf-k{font-size:12.5px;line-height:1.25}
.kaf-kliuch{grid-column:span 2;grid-row:span 2;padding:16px 18px;transition:background .3s,color .3s}
.kaf-kliuch .kaf-s{font-size:clamp(56px,7vw,96px)}
.kaf-kliuch .kaf-nazva{font:600 17px/1.25 var(--sans,system-ui)}
.kaf-kliuch .kaf-pr{font-size:13.5px;line-height:1.45;opacity:.9;margin-top:6px}
.kaf-kliuch::after{content:"ключ";position:absolute;top:14px;right:16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.kaf-lehenda{margin:16px 0 0;color:#6b7280;font-size:13px}
@media (max-width:900px){.kaf-sitka{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){
  .kaf-tabl{padding:52px 0 44px}
  .kaf-sitka{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .kaf-kliuch{grid-column:1/-1;grid-row:auto;min-height:150px}
  .kaf-el{min-height:96px;padding:8px 9px}
  .kaf-pidk{text-align:left}
}
@media (prefers-reduced-motion:reduce){.kaf-el{transition:none}}