:root{--color-primary:#001f3f;--color-primary-light:#003d6b;--color-secondary:#2f3e50;--color-accent:#06c;--color-gray-light:#ecf0f1;--color-gray-medium:#bdc3c7;--color-gray-dark:#34495e;--bg-primary:#fff;--bg-secondary:#f8fafb;--text-primary:#1a1a1a;--text-secondary:#555;--border-color:#e0e0e0;--nav-bg:#fff;--shadow-color:#001f3f1a;--section-h2-bg:#d9e8ff;--section-h3-bg:#7b8cad;--content-bg:#4a515e}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--text-primary:#e6edf3;--text-secondary:#8b949e;--border-color:#30363d;--nav-bg:#0d1117;--shadow-color:#0000004d;--section-h2-bg:#1e3a5f;--section-h3-bg:#34495e;--content-bg:#161b22}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{margin-top:1.5em;margin-bottom:.5em;font-weight:700;line-height:1.3}h1{letter-spacing:-.5px;color:#001f3f;text-align:center;box-shadow:0 4px 12px var(--shadow-color);background-color:#ecf0f1;border-radius:12px;margin-bottom:2em;padding:30px 25px;font-family:Segoe UI,Roboto,sans-serif;font-size:2.2em;font-weight:800}[data-theme=dark] h1{color:#e6edf3;background-color:#2f3e50}.h2-section{background-color:var(--section-h2-bg);border-radius:8px;align-items:flex-start;gap:24px;margin-top:1.8em;margin-bottom:1.8em;padding:16px 20px;display:flex}.h2-section.with-image{max-width:100%}.h2-section-content{flex:2}.h2-section-image{flex:1;justify-content:center;align-items:flex-start;display:flex}.h2-section-image img{object-fit:cover;width:100%;height:auto;box-shadow:0 4px 12px var(--shadow-color);border-radius:8px}[data-theme=dark] .h2-section{background-color:var(--section-h2-bg)}.h2-section h2{color:#001f3f;border-bottom:3px solid #2f3e50;border-bottom-width:50%;background-color:#0000;border-radius:0;margin-top:0;margin-bottom:1em;padding:0 0 16px;display:inline-block;position:relative}.h2-section h2:after{content:"";background-color:#2f3e50;width:50%;height:3px;position:absolute;bottom:-3px;left:0}[data-theme=dark] .h2-section h2{color:#e6edf3;border-bottom-color:#bdc3c7}[data-theme=dark] .h2-section h2:after{background-color:#bdc3c7}.h2-section p{color:#001f3f;margin-bottom:1em}[data-theme=dark] .h2-section p{color:var(--section-text)}.h2-section ul,.h2-section ol{color:#001f3f;margin-bottom:0}[data-theme=dark] .h2-section ul,[data-theme=dark] .h2-section ol{color:var(--section-text)}.h2-section li{margin-bottom:.5em}.h2-section blockquote{color:#001f3f;background-color:#0000;border-left-color:#001f3f}[data-theme=dark] .h2-section blockquote{border-left-color:var(--section-text);color:var(--section-text)}h3{color:#001f3f;font-size:1.4em}.h3-section{background-color:var(--section-h3-bg);border-radius:8px;margin-top:1.5em;margin-bottom:1.5em;padding:16px 20px}[data-theme=dark] .h3-section{background-color:var(--section-h3-bg)}.h3-section h3{color:#fff;background-color:#0000;border-bottom:2px solid #e8eef5;border-radius:0;margin-top:0;margin-bottom:1em;padding:0 0 12px}.h3-section p{color:#fff;margin-bottom:1em}[data-theme=dark] .h3-section p{color:var(--section-text)}.h3-section ul,.h3-section ol{color:#fff;margin-bottom:0}[data-theme=dark] .h3-section ul,[data-theme=dark] .h3-section ol{color:var(--section-text)}.h3-section li{margin-bottom:.5em}.h3-section blockquote{color:#fff;background-color:#0000;border-left-color:#fff}[data-theme=dark] .h3-section blockquote{border-left-color:var(--section-text);color:var(--section-text)}h4{color:#2f3e50;font-size:1.1em}p{color:var(--text-primary);margin-bottom:1em}a{color:var(--color-accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8;text-decoration:underline}code{background-color:var(--bg-secondary);border-left:3px solid var(--color-primary);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.95em}pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);border-radius:8px;margin:1.5em 0;padding:16px;font-size:.9em;line-height:1.45;overflow-x:auto}pre code{color:inherit;background-color:#0000;border:none;padding:0}blockquote{border-left:4px solid var(--color-primary);color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px;margin:1.5em 0;padding:1em 1.5em;font-style:italic}ul,ol{color:var(--text-secondary);margin:1em 0;padding-left:2em}li{margin-bottom:.5em}hr{border:none;border-top:2px solid var(--border-color);margin:2em 0}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px}li{margin:.5em 0}img{border-radius:4px;max-width:100%;height:auto;margin:1em 0}table{border-collapse:collapse;width:100%;margin:1em 0}th,td{border:1px solid var(--border-color);text-align:left;padding:12px}th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}tr:nth-child(2n){background-color:var(--bg-secondary)}.app-nav-content,.app-main{width:100%;max-width:900px}.app-content{padding:40px}@media (width<=768px){body{font-size:15px}h1{margin-bottom:1.5em;padding:20px 15px;font-size:1.8em}h2{font-size:1.5em}h3{font-size:1.2em}h4{font-size:1em}nav{padding:0!important}nav>div:first-child{padding:15px 10px!important}main{padding:40px 15px 30px!important}.h2-section{flex-direction:column;gap:16px;margin-top:1.2em;margin-bottom:1.2em;padding:12px 15px}.h2-section-content{flex:1}.h2-section-image{flex:1;width:100%}.h3-section{margin-top:1em;margin-bottom:1em;padding:12px 15px}.h2-section h2{padding-bottom:12px;font-size:1.3em}.h3-section h3{padding-bottom:10px;font-size:1.1em}.contentStyle{border-radius:8px;padding:20px}code{padding:2px 4px;font-size:.85em}pre{margin:1em 0;padding:12px;font-size:.8em}blockquote{margin:1em 0;padding:.8em 1em}table{margin:1em 0;font-size:.9em}th,td{padding:8px;font-size:.9em}ul,ol{padding-left:1.5em}img{margin:.8em 0}}@media (width<=480px){body{font-size:14px}h1{margin-bottom:1.2em;padding:15px 10px;font-size:1.5em}h2{font-size:1.2em}h3{font-size:1em}h4{font-size:.95em}nav>div:first-child{flex-wrap:wrap;gap:10px;padding:12px 8px!important}main{min-height:auto;padding:30px 10px 20px!important}.contentStyle{padding:15px}.h2-section{gap:12px;margin-top:1em;margin-bottom:1em;padding:10px 12px}.h3-section{margin-top:.8em;margin-bottom:.8em;padding:10px 12px}.h2-section h2{padding-bottom:10px;font-size:1.1em}.h3-section h3{padding-bottom:8px;font-size:.95em}code{padding:1px 3px;font-size:.8em}pre{margin:.8em 0;padding:10px;font-size:.75em;overflow-x:auto}blockquote{border-left-width:3px;margin:.8em 0;padding:.6em .8em}table{margin:.8em 0;font-size:.8em}th,td{padding:6px}ul,ol{padding-left:1.2em}li{margin-bottom:.3em}img{border-radius:3px;margin:.6em 0}hr{margin:1.5em 0}}@media (width<=360px){h1{padding:12px 8px;font-size:1.3em}nav>div:first-child{padding:10px 6px!important}main{padding:25px 8px 15px!important}.h2-section,.h3-section{padding:8px 10px}code,pre{font-size:.7em}}