.doc { background:#fff; border-radius:12px; padding:32px 36px; box-shadow:0 2px 8px rgba(0,0,0,0.07); margin-bottom:24px; }
.doc h2 { margin-top:0; }
.doc h3 { font-size:17px; font-weight:700; color:#1a1a2e; margin:22px 0 8px; }
.doc p { font-size:15.5px; line-height:1.75; color:#333; margin-bottom:10px; }
.doc ul { padding-left:22px; margin-bottom:12px; }
.doc li { font-size:15.5px; line-height:1.75; color:#333; margin-bottom:6px; }
.doc a { color:#1A75A8; text-decoration:none; }
.rev { display:inline-block; background:#eef3f8; color:#456; font-size:13px; font-weight:600; padding:5px 12px; border-radius:14px; margin-bottom:16px; }
.term-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin:18px 0 6px; }
.term-card { background:#f8f9fa; border-left:4px solid #e63946; border-radius:8px; padding:16px 18px; }
.term-card .big { font-size:26px; font-weight:800; color:#1a1a2e; line-height:1.2; }
.term-card .lbl { font-size:14px; color:#556; margin-top:4px; line-height:1.5; }
.warn { background:#fff6f6; border-left:4px solid #e63946; border-radius:8px; padding:16px 18px; margin:16px 0; }
.warn p { margin:0; font-size:15px; }
.sn-box { background:#1a1a2e; color:#fff; border-radius:12px; padding:26px 30px; margin-bottom:24px; }
.sn-box h2 { color:#fff; margin:0 0 10px; font-size:21px; }
.sn-box p { color:#c3cad6; font-size:15.5px; line-height:1.7; margin-bottom:8px; }
.sn-box strong { color:#fff; }
@media(max-width:680px){ .doc{padding:22px 18px;} .sn-box{padding:20px 18px;} }

/* мобильная нижняя навигация: панель только на узких экранах */
#mob-foot-nav{display:none}
#mob-drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,320px);background:rgba(15,26,46,0.98);backdrop-filter:blur(10px);z-index:1000;display:none;flex-direction:column;padding:18px 20px 30px;overflow-y:auto;animation:drawerIn .22s ease-out;box-shadow:0 0 0 100vmax rgba(10,16,28,.55),6px 0 24px rgba(0,0,0,.4)}
#mob-drawer.open{display:flex}
#mob-drawer .drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.15);margin-bottom:14px}
#mob-drawer .drawer-head .brand{color:#fff;font-weight:800;font-size:18px;letter-spacing:.04em}
#mob-drawer .drawer-close{background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:0 6px;line-height:1}
#mob-drawer ul{list-style:none;margin:0;padding:0}
#mob-drawer li{border-bottom:1px solid rgba(255,255,255,0.08)}
#mob-drawer a{display:block;color:#fff;text-decoration:none;font-size:17px;font-weight:600;padding:16px 4px}
#mob-drawer a:active{background:rgba(255,255,255,0.06)}
#mob-drawer .drawer-cta{margin-top:18px;background:#e63946;color:#fff;text-align:center;padding:16px;border-radius:10px;text-decoration:none;font-weight:800;font-size:16px}
#mob-drawer .section-title{color:#a8b8d0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:22px 4px 6px}
@keyframes drawerIn{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}
@media(max-width:680px){
  #mob-foot-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(15,52,96,0.97);backdrop-filter:blur(8px);border-top:2px solid #e63946;justify-content:space-around;align-items:center;padding:6px 4px 8px;z-index:90;box-shadow:0 -4px 14px rgba(0,0,0,0.25)}
  #mob-foot-nav a,#mob-foot-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-decoration:none;font-size:11px;font-weight:600;padding:4px 6px;flex:1;text-align:center;min-width:0;background:none;border:none;cursor:pointer;font-family:inherit}
  #mob-foot-nav .ic{font-size:14px;line-height:1;font-weight:800;letter-spacing:.02em}
  #mob-foot-nav a:active,#mob-foot-nav button:active{background:rgba(255,255,255,0.1);border-radius:6px}
  body{padding-bottom:64px}
}