* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Heebo', sans-serif; color: #1a1a1a; background: #fff; line-height: 1.7; }
a { text-decoration: none; color: inherit; }
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 1000; background: rgba(26, 39, 68, 0.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(201, 169, 110, 0.2); }
.header-inner { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 24px; height: 72px; }
.header-logo { font-family: 'Frank Ruhl Libre', serif; color: #c9a96e; font-size: 1.3rem; font-weight: 700; }
.header-nav { display: flex; gap: 28px; align-items: center; }
.header-nav a { color: rgba(255,255,255,0.8); font-size: 0.92rem; font-weight: 500; transition: color 0.3s; }
.header-nav a:hover { color: #c9a96e; }
.btn-gold { background: linear-gradient(135deg, #c9a96e, #a8873f); color: #0f1a2e; padding: 10px 24px; border-radius: 6px; font-weight: 700; font-size: 0.88rem; }
.header-phone { color: #dfc292 !important; font-weight: 600; font-size: 0.95rem; direction: ltr; }
.article-hero { background: linear-gradient(160deg, #0f1a2e 0%, #1a2744 40%, #243656 100%); padding: 140px 24px 60px; text-align: center; }
.article-hero h1 { font-family: 'Frank Ruhl Libre', serif; color: #fff; font-size: 2.4rem; max-width: 800px; margin: 0 auto 16px; line-height: 1.3; }
.article-meta { color: rgba(255,255,255,0.6); font-size: 0.9rem; display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }
.breadcrumb { max-width: 800px; margin: 24px auto; padding: 0 24px; font-size: 0.85rem; color: #7a7a7a; }
.breadcrumb a { color: #c9a96e; }
.article-body { max-width: 800px; margin: 0 auto; padding: 32px 24px 48px; }
.article-body h2 { font-family: 'Frank Ruhl Libre', serif; font-size: 1.5rem; color: #1a2744; margin: 40px 0 16px; padding-right: 16px; border-right: 4px solid #c9a96e; }
.article-body p { font-size: 1.05rem; line-height: 1.85; color: #333; margin-bottom: 20px; }
.article-body ul, .article-body ol { margin: 16px 0 20px 0; padding-right: 24px; }
.article-body li { font-size: 1rem; line-height: 1.8; color: #333; margin-bottom: 8px; }
.article-body blockquote { background: #f7f5f0; border-right: 4px solid #c9a96e; padding: 20px 24px; margin: 24px 0; border-radius: 0 8px 8px 0; font-style: italic; color: #4a4a4a; }
.article-body strong { color: #1a2744; }
.cta-section { background: linear-gradient(135deg, #0f1a2e, #1a2744); border-radius: 12px; padding: 40px; text-align: center; margin: 48px 0; }
.cta-section h3 { font-family: 'Frank Ruhl Libre', serif; color: #fff; font-size: 1.5rem; margin-bottom: 12px; }
.cta-section p { color: rgba(255,255,255,.7); margin-bottom: 24px; }
.cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.cta-buttons a { padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: .95rem; }
.back-to-top { position: fixed; bottom: 30px; left: 30px; width: 44px; height: 44px; background: #1a2744; color: #c9a96e; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; opacity: 0; transition: opacity 0.3s; z-index: 999; }
.back-to-top.visible { opacity: 1; }
@media (max-width: 768px) {
 .header-nav { display: none; }
 .article-hero h1 { font-size: 1.7rem; }
 .article-hero { padding: 120px 16px 40px; }
 footer > div > div:first-child { grid-template-columns: 1fr !important; gap: 32px !important; }
}

/* Accessibility */
.skip-link {
 position: absolute; top: -100%; left: 0; right: 0;
 background: #0f1a2e; color: #c9a96e;
 padding: 16px; text-align: center; font-size: 1.1rem;
 font-weight: 700; z-index: 10000; transition: top 0.3s;
}
.skip-link:focus { top: 0; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
 outline: 3px solid #c9a96e !important;
 outline-offset: 2px !important;
}
.sr-only {
 position: absolute !important; width: 1px !important; height: 1px !important;
 padding: 0 !important; margin: -1px !important; overflow: hidden !important;
 clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
/* TL;DR and Pro-tip boxes */
.tldr { background:#fffbeb;border-right:4px solid #d69e2e;padding:15px 20px;margin:20px 0;border-radius:4px;font-size:1rem;line-height:1.8;color:#333; }
.tldr strong { color: #92400e; }
.pro-tip { background:#f0f4f8;border-right:4px solid #1a365d;padding:20px;margin:30px 0;border-radius:4px; }
.pro-tip h3 { color:#1a365d;margin-top:0;margin-bottom:16px;font-family:'Heebo',sans-serif;font-size:1.1rem; }
.pro-tip ul { margin: 12px 0; padding-right: 20px; }
.pro-tip li { margin-bottom: 10px; color: #333; font-size: 0.95rem; line-height: 1.7; }