/* ============================================================
   производительность.online — единая дизайн-система портала
   portal.css · волна 11 (2026-09-13)
   Самодостаточна: префиксы ph-/pb-/pf-, не зависит от стилей страниц.
   ============================================================ */

.portal-head{
  --ph-acc:#1D4ED8; --ph-acc2:#3B82F6; --ph-ink:#17263B; --ph-mut:#5B6B80;
  --ph-line:#E3E9F0; --ph-bg2:#F7FAFD;
  position:sticky; top:0; z-index:900;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(1.5) blur(10px); backdrop-filter:saturate(1.5) blur(10px);
  border-bottom:1px solid var(--ph-line);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PT Sans',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ph-in{max-width:1440px;margin:0 auto;padding:0 18px;height:58px;display:flex;align-items:center;gap:6px}
.ph-logo{display:flex;align-items:center;gap:9px;text-decoration:none;margin-right:12px;flex:0 0 auto}
.ph-mark{width:30px;height:30px;border-radius:8px;flex:0 0 auto;
  background:linear-gradient(135deg,#1D4ED8,#3B82F6);color:#fff;font-weight:800;font-size:15px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(29,78,216,.28)}
.ph-name{font-size:14.5px;font-weight:700;color:var(--ph-ink);letter-spacing:.1px;white-space:nowrap}
.ph-name b{color:var(--ph-acc);font-weight:800}
.ph-nav{display:flex;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.ph-nav::-webkit-scrollbar{display:none}
.ph-nav a{position:relative;padding:0 11px;height:58px;line-height:58px;font-size:13.5px;font-weight:600;
  color:var(--ph-mut);text-decoration:none;white-space:nowrap;transition:color .15s}
.ph-nav a:hover{color:var(--ph-ink)}
.ph-nav a.cur{color:var(--ph-acc)}
.ph-nav a.cur::after{content:'';position:absolute;left:9px;right:9px;bottom:0;height:3px;
  border-radius:3px 3px 0 0;background:var(--ph-acc)}
.ph-sp{flex:1 1 auto}
.ph-aux{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.ph-aux a{padding:7px 10px;font-size:12.5px;font-weight:600;color:var(--ph-mut);text-decoration:none;
  border-radius:8px;white-space:nowrap;transition:background .15s,color .15s}
.ph-aux a:hover{background:var(--ph-bg2);color:var(--ph-ink)}
.ph-aux a.cur{background:#E8EFFF;color:var(--ph-acc)}
.ph-aux a.ph-cta{background:var(--ph-acc);color:#fff;margin-left:6px;box-shadow:0 2px 8px rgba(29,78,216,.30)}
.ph-aux a.ph-cta:hover{background:#1E50C8;color:#fff}
@media (max-width:980px){.ph-aux a:not(.ph-cta){display:none}}
@media (max-width:720px){.ph-in{padding:0 12px}.ph-name{font-size:13px}.ph-nav a{padding:0 8px;font-size:12.5px}}

/* ---- пояс страницы ---- */
.pband{background:linear-gradient(180deg,var(--ph-bg2),#fff 85%);border-bottom:1px solid var(--ph-line)}
.pband .pb-in{max-width:1440px;margin:0 auto;padding:13px 18px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PT Sans',Arial,sans-serif}
.pband h1{margin:0;font-size:17px;font-weight:800;color:var(--ph-ink);letter-spacing:.1px}
.pband .pb-sub{font-size:12.5px;color:var(--ph-mut)}

/* ---- подвал ---- */
.pfoot{border-top:1px solid var(--ph-line);background:var(--ph-bg2);color:var(--ph-mut);
  font-size:12px;padding:15px 18px;text-align:center;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
.pfoot a{color:var(--ph-mut)}

/* ---- микро-унификация ---- */
html{scroll-behavior:smooth}
::selection{background:#D6E4FF}
:focus-visible{outline:2px solid #1D4ED8;outline-offset:2px}

@media print{.portal-head,.pband,.pfoot{display:none!important}}