/* Переменные для документации */
:root{--doc-nav-width:250px;--doc-content-max:800px;--doc-gap:30px;--doc-touch-target:44px;--doc-touch-spacing:12px;--doc-mobile-padding:16px;--doc-mobile-gap:20px;--doc-nav-z:100;--doc-sticky-z:50}
/* Desktop (1201px+) */
@media screen and (min-width:1201px){.container{max-width:1200px;padding:20px}.doc-layout{display:grid;grid-template-columns:var(--doc-nav-width) 1fr;gap:var(--doc-gap);align-items:start}.doc-nav{position:sticky;top:80px}}
/* Large Tablets (1025px - 1200px) */
@media screen and (max-width:1200px) and (min-width:1025px){.container{max-width:100%;padding:20px}.doc-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.doc-nav{position:sticky;top:80px;font-size:14px}.doc-nav a{padding:5px 10px;font-size:13px}.parameter-table{font-size:14px}.parameter-table th,.parameter-table td{padding:10px 14px}}
/* Tablets (769px - 1024px) */
@media screen and (max-width:1024px) and (min-width:769px){.container{max-width:100%;padding:var(--doc-mobile-padding)}.doc-layout{display:block}.doc-nav{position:static;max-height:none;margin-bottom:var(--doc-mobile-gap);padding:var(--doc-mobile-padding);border-radius:10px}.doc-nav h3{font-size:16px;margin-bottom:12px}.doc-nav ul{display:flex;flex-wrap:wrap;gap:8px}.doc-nav li{margin:0}.doc-nav a{padding:8px 12px;font-size:13px;border-radius:6px;white-space:nowrap;min-height:var(--doc-touch-target);display:flex;align-items:center}.doc-content{max-width:100%}.doc-section{margin-bottom:40px;padding-bottom:24px}.parameter-table{font-size:13px;border-radius:8px}.parameter-table th,.parameter-table td{padding:8px 12px}.parameter-table th{font-size:12px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.feature-card{padding:16px}.risk-levels{grid-template-columns:repeat(2,1fr);gap:12px}.command-example{padding:12px;font-size:13px;border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.back-to-home{padding:8px 14px;font-size:14px;margin-bottom:20px}}
/* Mobile Landscape (481px - 768px) */
@media screen and (max-width:768px) and (min-width:481px){.container{padding:var(--doc-mobile-padding)}.doc-layout{display:block}.doc-nav{position:static;padding:14px;margin-bottom:16px;border-radius:8px}.doc-nav h3{font-size:15px;margin-bottom:10px}.doc-nav ul{display:flex;flex-wrap:wrap;gap:6px}.doc-nav a{padding:6px 10px;font-size:12px;border-radius:5px;min-height:36px;display:flex;align-items:center}.doc-content h1{font-size:24px;line-height:1.2;margin-bottom:12px}.doc-content h2{font-size:20px;margin-bottom:16px}.doc-content h3{font-size:18px;margin:20px 0 12px}.doc-section{margin-bottom:32px;padding-bottom:20px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border-radius:8px;border:1px solid var(--border)}.parameter-table{min-width:500px;font-size:12px;margin:0;border:none;border-radius:0}.parameter-table th,.parameter-table td{padding:6px 10px;white-space:nowrap}.parameter-table th{font-size:11px;font-weight:600}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:14px;border-radius:8px}.feature-card h4{font-size:16px;margin-bottom:10px}.risk-levels{grid-template-columns:1fr;gap:10px}.risk-level{padding:12px;border-radius:6px}.command-example{padding:10px;font-size:12px;line-height:1.4;border-radius:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.back-to-home{padding:8px 12px;font-size:13px;margin-bottom:16px;border-radius:6px}}
/* Mobile Portrait (361px - 480px) */
@media screen and (max-width:480px) and (min-width:361px){.container{padding:12px}.doc-nav{position:static;padding:12px;margin-bottom:16px;border-radius:8px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.doc-nav h3{font-size:14px;margin-bottom:8px;text-align:center}.doc-nav ul{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.doc-nav a{padding:8px 6px;font-size:11px;border-radius:4px;text-align:center;min-height:var(--doc-touch-target);display:flex;align-items:center;justify-content:center;line-height:1.2}.doc-content h1{font-size:22px;line-height:1.2;margin-bottom:10px}.doc-content h2{font-size:18px;margin-bottom:14px}.doc-content h3{font-size:16px;margin:16px 0 10px}.doc-content p{font-size:14px;line-height:1.5;margin-bottom:12px}.doc-section{margin-bottom:28px;padding-bottom:16px}.parameter-table{display:none}.mobile-table{display:block}.mobile-table-item{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px}.mobile-table-header{color:var(--accent);font-weight:600;font-size:14px;margin-bottom:6px}.mobile-table-content{font-size:13px;line-height:1.4;margin-bottom:4px}.mobile-table-example{font-family:monospace;font-size:12px;color:var(--muted);background:rgba(77,163,255,.1);padding:4px 8px;border-radius:4px;margin-top:6px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:12px;border-radius:8px}.feature-card h4{font-size:15px;margin-bottom:8px}.feature-card ul{padding-left:16px}.feature-card li{font-size:13px;margin:4px 0;line-height:1.4}.risk-levels{grid-template-columns:1fr;gap:8px}.risk-level{padding:10px;border-radius:6px}.risk-level h4{font-size:14px;margin-bottom:4px}.risk-level p{font-size:12px;margin:0}.command-example{padding:8px;font-size:11px;line-height:1.3;border-radius:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre}.command-example[style*="background: #000"]{font-size:10px;line-height:1.2;padding:6px}.doc-content ul,.doc-content ol{padding-left:20px;margin:8px 0 12px}.doc-content li{font-size:13px;line-height:1.4;margin:4px 0}.back-to-home{padding:10px 12px;font-size:13px;margin-bottom:16px;border-radius:6px;display:flex;align-items:center;gap:6px;min-height:var(--doc-touch-target)}}
/* Small Mobile (321px - 360px) */
@media screen and (max-width:360px) and (min-width:321px){.container{padding:10px}.doc-nav{padding:10px;margin-bottom:12px;max-height:180px}.doc-nav h3{font-size:13px;margin-bottom:6px}.doc-nav ul{grid-template-columns:1fr;gap:2px}.doc-nav a{padding:6px 8px;font-size:10px;min-height:36px}.doc-content h1{font-size:20px;margin-bottom:8px}.doc-content h2{font-size:16px;margin-bottom:12px}.doc-content h3{font-size:14px;margin:14px 0 8px}.doc-content p{font-size:13px;line-height:1.4;margin-bottom:10px}.doc-section{margin-bottom:24px;padding-bottom:12px}.mobile-table-item{padding:10px;margin-bottom:6px}.mobile-table-header{font-size:13px;margin-bottom:4px}.mobile-table-content{font-size:12px}.mobile-table-example{font-size:11px;padding:3px 6px}.feature-card{padding:10px}.feature-card h4{font-size:14px;margin-bottom:6px}.feature-card li{font-size:12px;margin:3px 0}.command-example{padding:6px;font-size:10px;line-height:1.2}.command-example[style*="background: #000"]{font-size:9px;padding:4px}.doc-content ul,.doc-content ol{padding-left:16px;margin:6px 0 10px}.doc-content li{font-size:12px;margin:3px 0}.back-to-home{padding:8px 10px;font-size:12px;margin-bottom:12px;min-height:36px}}
/* Extra Small Mobile (≤320px) */
@media screen and (max-width:320px){.container{padding:8px}.doc-nav{padding:8px;margin-bottom:10px;max-height:160px}.doc-nav h3{font-size:12px;margin-bottom:4px}.doc-nav a{padding:4px 6px;font-size:9px;min-height:32px}.doc-content h1{font-size:18px;margin-bottom:6px}.doc-content h2{font-size:15px;margin-bottom:10px}.doc-content h3{font-size:13px;margin:12px 0 6px}.doc-content p{font-size:12px;line-height:1.3;margin-bottom:8px}.doc-section{margin-bottom:20px;padding-bottom:10px}.mobile-table-item{padding:8px;margin-bottom:4px}.mobile-table-header{font-size:12px}.mobile-table-content{font-size:11px}.mobile-table-example{font-size:10px;padding:2px 4px}.feature-card{padding:8px}.feature-card h4{font-size:13px;margin-bottom:4px}.feature-card li{font-size:11px;margin:2px 0}.command-example{padding:4px;font-size:9px;line-height:1.1}.command-example[style*="background: #000"]{font-size:8px;padding:3px}.doc-content ul,.doc-content ol{padding-left:14px;margin:4px 0 8px}.doc-content li{font-size:11px;margin:2px 0}.back-to-home{padding:6px 8px;font-size:11px;margin-bottom:10px;min-height:32px}}
/* Специальные оптимизации для документации */
@media screen and (max-width:768px){.doc-nav{scroll-behavior:smooth}.doc-nav,.command-example,.table-container{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}input,select,textarea{font-size:16px}.doc-nav a,.back-to-home{-webkit-tap-highlight-color:rgba(77,163,255,.2);-webkit-touch-callout:none}}
@media screen and (max-width:768px){.container{padding-left:env(safe-area-inset-left,12px);padding-right:env(safe-area-inset-right,12px)}}
@media screen and (max-width:768px){@media (prefers-reduced-motion:reduce){.doc-nav a{transition:none}}@media (prefers-contrast:high){.doc-nav{border:2px solid}.parameter-table,.mobile-table-item{border:2px solid}}}
/* Утилиты для мобильных таблиц */
@media screen and (max-width:480px){.parameter-table{display:none}.mobile-table{display:block}}
@media screen and (min-width:481px){.mobile-table{display:none}.parameter-table{display:table}}
/* Производительность и оптимизация */
@media screen and (max-width:768px){.doc-nav,.doc-content,.feature-card,.command-example{will-change:auto}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}
/* Темная и светлая темы для мобильных */
body.light .mobile-table-item{background:var(--light-card,#f8f9fa);border:1px solid var(--light-border,#e9ecef)}
body.light .mobile-table-header{color:var(--accent,#4da3ff)}
body.light .mobile-table-content{color:var(--light-text,#1a1a1a)}
body.light .mobile-table-example{background:rgba(77,163,255,.1);color:var(--light-muted,#6c757d)}
body.dark .mobile-table-example{background:rgba(77,163,255,.15)}
/* Финальные оптимизации */
@media screen and (max-width:320px){.doc-section:last-child{margin-bottom:10px}*{scroll-margin-top:60px}}
/* Оптимизация для печати */
@media print{.doc-nav{display:none}.doc-layout{display:block}.doc-content{max-width:100%}.command-example{break-inside:avoid}}