*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #667eea;--color-text: #374151;--color-border: #e5e7eb}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;color:#374151;background:#f9fafb}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-logo{font-size:1.5em;font-weight:700;color:#667eea;text-decoration:none;margin-right:30px}.nav-right{display:flex;align-items:center;gap:16px}.nav-right .language-switcher{position:static}.nav-link{color:#6b7280;text-decoration:none;padding:8px 12px;border-radius:6px;transition:all .3s ease;font-size:.95em}.nav-link:hover{color:#667eea;background:#f3f4f6}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}.page-header h1{font-size:2.5em;margin-bottom:12px}.page-header p{font-size:1.1em;opacity:.95}.tab-container{max-width:1200px;margin:0 auto;padding:0 20px}.tab-navigation{display:flex;gap:10px;border-bottom:2px solid #e5e7eb;margin:40px 0 0;flex-wrap:wrap}.tab-button{background:transparent;border:none;padding:16px 24px;font-size:1em;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#667eea;background:#f9fafb}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.tab-content{display:none;padding:40px 0;animation:slideIn .3s ease}.tab-content.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-wrapper{max-width:900px}.content-wrapper h2{font-size:2em;color:#667eea;margin-bottom:12px;padding-bottom:12px}.content-wrapper>p{font-size:1.1em;color:#6b7280;margin-bottom:30px}section{margin:40px 0;padding-bottom:30px;border-bottom:1px solid #e5e7eb}section:last-of-type{border-bottom:none}h3{font-size:1.5em;color:#1f2937;margin:30px 0 20px;padding-bottom:10px;border-bottom:2px solid #f3f4f6}h4{font-size:1.15em;color:#374151;margin:20px 0 12px;font-weight:600}p{margin:15px 0;line-height:1.8}ul,ol{margin:15px 0 15px 24px}li{margin:10px 0;line-height:1.7}.toc{background:#f3f4f6;border-left:4px solid #667eea;padding:24px;margin:30px 0;border-radius:8px}.toc h3{color:#667eea;margin-top:0;border-bottom:none;padding-bottom:0}.toc ul{list-style:none;margin:15px 0}.toc li{padding:8px 0}.toc a{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s}.toc a:hover{color:#764ba2;text-decoration:underline}.info-box{background:#dbeafe;border-left:4px solid #3b82f6;padding:20px;margin:20px 0;border-radius:8px;color:#1e40af}.info-box strong{color:#1d4ed8;display:block;margin-bottom:8px}.info-box p{margin:8px 0;font-size:.95em}.info-box ul{margin:12px 0 0 24px}.info-box li{margin:6px 0;font-size:.95em}.faq-list{margin:20px 0}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden}.faq-item summary{padding:18px 44px 18px 20px;font-weight:600;color:#1f2937;cursor:pointer;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.4em;color:#667eea;font-weight:400;transition:transform .2s ease}.faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-item summary:hover{background:#f9fafb}.faq-item p{padding:0 20px 18px;margin:0;color:#6b7280;line-height:1.7}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}.status-indicator.green{background:#22c55e}.status-indicator.yellow{background:#eab308}.status-indicator.red{background:#ef4444}.footer{background:#f3f4f6;border-top:1px solid #e5e7eb;padding:40px 20px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-content p{margin:8px 0;color:#6b7280}.footer-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s}.footer-link:hover{color:#764ba2;text-decoration:underline}.footer-meta{font-size:.85em;margin-top:20px;color:#9ca3af}@media (max-width: 768px){.page-header{padding:40px 16px}.page-header h1{font-size:1.8em}.page-header p{font-size:1em}.tab-navigation{gap:0;margin:30px -20px 0;padding:0 20px;overflow-x:auto}.tab-button{padding:12px 16px;font-size:.9em;flex-shrink:0}.tab-content{padding:30px 0}.content-wrapper h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1em}.info-box,.toc{padding:16px}ul,ol{margin-left:20px}.nav-container{padding:0 16px}.nav-logo{margin-right:16px;font-size:1.25em}.nav-link{padding:6px 10px;font-size:.9em}}@media (max-width: 480px){.nav-container{height:auto;flex-wrap:wrap;padding:10px 16px;gap:10px}.nav-right{gap:8px;flex-wrap:wrap}.nav-link{padding:4px 8px;font-size:.85em}.page-header{padding:30px 16px}.page-header h1{font-size:1.5em}.page-header p{font-size:.9em}.tab-navigation{gap:0;margin:20px -16px 0;padding:0 16px}.tab-button{padding:10px 12px;font-size:.8em}.tab-content{padding:20px 0}.content-wrapper{padding:0}.content-wrapper h2{font-size:1.3em}h3{font-size:1.1em;margin:20px 0 12px}h4{font-size:.95em}p{font-size:.95em;margin:12px 0}li{margin:8px 0}section{margin:25px 0}.toc{padding:12px;margin:20px 0}.info-box{padding:12px;margin:16px 0}ul,ol{margin:12px 0 12px 20px}}