/* ================================================================
   Общий слой оформления раздела «Турецкий».
   Подключается ПОСЛЕ инлайновых стилей страницы, поэтому может их
   аккуратно поправить. Ничего не знает о логике приложений.
   ================================================================ */
:root{
  --t-violet:#7c3aed; --t-magenta:#db2777; --t-coral:#fb5607; --t-amber:#ffbe0b;
  --t-teal:#06b6a4; --t-green:#16a34a; --t-plum:#3a0ca3;
  --t-ink:#241b2e; --t-soft:#6b5b73; --t-cream:#fdf7fb;
  --t-line:#ece3f2; --t-card:#fff;
}

/* ---------- лента разделов ---------- */
.tnav{position:sticky;top:0;z-index:60;background:rgba(253,247,251,.93);
  -webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--t-line)}
.tnav-in{max-width:1080px;margin:0 auto;padding:9px 18px;display:flex;align-items:center;gap:10px}
.tnav-brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:14.5px;
  color:var(--t-ink);text-decoration:none;white-space:nowrap;letter-spacing:-.01em}
.tnav-brand span{background:linear-gradient(135deg,var(--t-violet),var(--t-magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tnav-links{display:flex;gap:5px;flex:1;min-width:0;flex-wrap:wrap;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tnav-links::-webkit-scrollbar{display:none}
.tnav-links a{flex:0 0 auto;font-size:12.5px;font-weight:700;text-decoration:none;
  color:var(--t-soft);padding:6px 11px;border-radius:999px;border:1.5px solid transparent;
  white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.tnav-links a:hover{background:#fff;border-color:var(--t-line);color:var(--t-ink)}
.tnav-links a.on{background:linear-gradient(135deg,var(--t-violet),var(--t-magenta));
  color:#fff;border-color:transparent}
.tnav-home{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--t-soft);
  text-decoration:none;padding:5px 10px;border:1.5px solid var(--t-line);
  border-radius:999px;background:#fff;white-space:nowrap}
.tnav-home:hover{color:var(--t-violet);border-color:var(--t-violet)}

@media(max-width:820px){
  .tnav-in{flex-wrap:wrap;row-gap:7px;padding:8px 14px}
  .tnav-brand{flex:1 1 auto;font-size:14px}
  .tnav-home{order:2}
  .tnav-links{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;
    margin:0 -14px;padding:1px 14px 2px}
  .tnav-links a{font-size:12.5px;padding:6px 11px}
}

/* ---------- чистка того, что дублирует новую навигацию ---------- */
.top a.back{display:none}
.top:empty{display:none}
.top{margin-bottom:0}

/* ---------- шапки страниц: компактнее и ровнее ---------- */
header .ic,header .flag{font-size:40px;line-height:1;margin-bottom:6px}
header h1{letter-spacing:-.02em;line-height:1.08}
header p{color:var(--t-soft)}
@media(max-width:640px){
  header .ic,header .flag{font-size:34px}
  header h1{font-size:26px}
  header p{font-size:14px}
}

/* ---------- мелкая полировка ---------- */
html{-webkit-text-size-adjust:100%}
body{text-rendering:optimizeLegibility}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--t-violet);outline-offset:2px;border-radius:6px}
@media(max-width:640px){
  .wrap{padding-left:14px;padding-right:14px}
  table{font-size:13px}
}
@media print{.tnav{display:none}}
