.page{min-height:100%;padding-bottom:var(--space-16)}.container{max-width:var(--max-content);margin:0 auto;padding:0 var(--space-4)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-text-secondary);padding:var(--space-6) 0}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-accent-primary)}.page-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8)}.page-header h1{font-size:2rem;font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.01em}.page-header .subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0}.content h1{font-size:2rem;font-weight:600;margin-bottom:var(--space-4);letter-spacing:-.01em}.content .lead{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.content h2{font-size:1.5rem;margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.content h3{font-size:1.25rem;margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.content h4{font-size:1.125rem;margin-top:var(--space-4);margin-bottom:var(--space-2)}.content ul,.content ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.content li{margin-bottom:var(--space-2)}.warning-box{background:var(--color-accent-subtle);border-left:4px solid var(--color-accent-primary);padding:var(--space-4) var(--space-6);border-radius:0 8px 8px 0;margin-bottom:var(--space-8)}.warning-box p{margin:0}.info-box{background:#eff6ff;border-left:4px solid #3B82F6;padding:var(--space-4) var(--space-6);border-radius:0 8px 8px 0;margin-bottom:var(--space-6)}.info-box p{margin:0}.danger-box{background:#fef2f2;border-left:4px solid var(--color-error);padding:var(--space-4) var(--space-6);border-radius:0 8px 8px 0;margin-bottom:var(--space-6)}.danger-box p{margin:0}.summary-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-6);margin-top:var(--space-10)}.summary-box h2,.summary-box h3{margin-top:0;border-bottom:none}.next-page{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.next-page a{display:inline-block;font-weight:500;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary)}.next-page a:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--color-accent-primary);color:var(--color-text-inverted)}.btn-primary:hover{background:var(--color-accent-hover);text-decoration:none}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary);text-decoration:none}@media(min-width:640px){.container{padding:0 var(--space-6)}.content h1,.page-header h1{font-size:2.5rem}}@media(min-width:768px){.page-header{padding:var(--space-16) 0 var(--space-12)}.page-header h1{font-size:3rem}}:root{--color-bg-primary: #FDFCF8;--color-bg-secondary: #F5F3EF;--color-bg-tertiary: #EBE8E3;--color-text-primary: #1C1917;--color-text-secondary: #57534E;--color-text-tertiary: #78716C;--color-text-inverted: #FDFCF8;--color-accent-primary: #9A3412;--color-accent-hover: #7C2D12;--color-accent-subtle: #FED7AA;--color-accent-muted: #C2410C;--color-border: #E7E5E4;--color-success: #166534;--color-warning: #B45309;--color-error: #991B1B;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", "SF Mono", Monaco, "Cascadia Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--max-content: 720px;--max-wide: 1024px;--max-full: 1280px;--sidebar-width: 240px;--mobile-nav-height: 64px;--transition-fast: .15s ease;--transition-base: .2s ease-out;--transition-slow: .3s ease-in-out}*{box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;padding-bottom:var(--mobile-nav-height)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0 0 var(--space-4) 0;color:var(--color-text-primary)}h1{font-size:1.875rem;letter-spacing:-.01em}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin:0 0 var(--space-4) 0}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:.875rem}img{max-width:100%;height:auto}ul,ol{padding-left:var(--space-6);margin:0 0 var(--space-4) 0}li{margin-bottom:var(--space-2)}table{width:100%;border-collapse:collapse;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;font-size:1rem;margin-bottom:var(--space-6)}thead{background:var(--color-bg-tertiary)}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background:var(--color-bg-primary)}.desktop-nav{display:none;position:sticky;top:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);z-index:100;backdrop-filter:blur(8px)}.nav-container{max-width:var(--max-wide);margin:0 auto;padding:0 var(--space-6);height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:600;font-size:1.125rem;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.logo:hover{color:var(--color-accent-primary)}.logo-flag{font-size:1.25rem;line-height:1}.nav-links{display:flex;gap:var(--space-8)}.nav-link{font-size:1rem;color:var(--color-text-secondary);padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);text-decoration:none}.nav-link.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--color-bg-primary);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:100}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);flex:1;min-width:0}.mobile-nav-item:hover{color:var(--color-text-primary);text-decoration:none}.mobile-nav-item.active{color:var(--color-accent-primary)}.mobile-nav-icon{font-size:1.25rem;line-height:1}.mobile-nav-label{font-size:.75rem;font-weight:500}.main-content{min-height:calc(100vh - var(--mobile-nav-height))}@media(min-width:400px){.mobile-nav-item{padding:var(--space-2) var(--space-2)}}@media(min-width:768px){body{padding-bottom:0}.desktop-nav{display:block}.mobile-nav{display:none}.main-content{min-height:calc(100vh - 64px)}}