.knowledge-hero{padding:2rem 0 1.4rem}.knowledge-hero .eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#1675b7;margin-bottom:.5rem}.knowledge-hero h1{margin:.1rem 0 .65rem;font-size:clamp(2rem,4vw,3.4rem)}.knowledge-hero>p{max-width:820px;font-size:1.08rem;line-height:1.7;color:#52627d}
.knowledge-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.knowledge-fact{padding:.85rem 1rem;border:1px solid #d8e3ee;border-radius:10px;background:#fbfdff}.knowledge-fact small{display:block;color:#71809a;margin-bottom:.25rem}.knowledge-fact strong{display:block;color:#17233b}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.knowledge-card{border:1px solid #d8e3ee;border-radius:12px;padding:1rem 1.05rem;background:#fff}.knowledge-card h3{margin:.1rem 0 .45rem}.knowledge-card p{margin:.2rem 0;color:#53627b;line-height:1.6}
.knowledge-note{--co:#0ea5c6;--co-soft:rgba(14,165,198,.07);--co-line:rgba(14,165,198,.28);position:relative;margin:1rem 0;padding:2.2rem 1rem .95rem!important;border:1px solid var(--co-line);border-left:4px solid var(--co)!important;border-radius:10px;background:linear-gradient(90deg,var(--co-soft),rgba(255,255,255,.92) 42%)!important;transition:box-shadow .22s ease,background .22s ease,transform .22s ease}
.knowledge-note::before{content:"КОНТЕКСТ";position:absolute;left:1rem;top:.62rem;font-size:.72rem;line-height:1;font-weight:800;letter-spacing:.09em;color:var(--co);opacity:.9}
.knowledge-note[data-kind="warning"]{--co:#d97706;--co-soft:rgba(217,119,6,.07);--co-line:rgba(217,119,6,.28)}.knowledge-note[data-kind="warning"]::before{content:"ОГОВОРКА"}
.knowledge-note[data-kind="rule"]{--co:#16835b;--co-soft:rgba(22,131,91,.07);--co-line:rgba(22,131,91,.28)}.knowledge-note[data-kind="rule"]::before{content:"ПРАВИЛО"}
.knowledge-note[data-kind="meta"]{--co:#7350b5;--co-soft:rgba(115,80,181,.06);--co-line:rgba(115,80,181,.24)}.knowledge-note[data-kind="meta"]::before{content:"АКТУАЛЬНОСТЬ"}
@media (hover:hover) and (pointer:fine){.knowledge-note:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--co) 9%,transparent);transform:translateY(-1px)}}
@media(max-width:720px){.knowledge-grid,.knowledge-facts{grid-template-columns:1fr}.knowledge-note{padding-left:.9rem!important;padding-right:.9rem!important}}