:root{--navy: #0d1b2a;--navy-light: #1a2e45;--gold: #c9a84c;--gold-light: #e8c97a;--steel-blue: #4a7fa5;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-light: #6b7280;--bg-page: #f8f7f4;--bg-card: #ffffff;--border: #e5e2d8;--max-width: 860px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(16px,1.8vw,18px);line-height:1.75;color:var(--text-primary);background:var(--bg-page)}.site-header{background:var(--navy);padding:14px 24px;text-align:center}.site-header a{font-family:Playfair Display,serif;font-size:clamp(20px,3vw,26px);font-weight:700;color:#fff;text-decoration:none;letter-spacing:.02em}.site-header a span{color:var(--gold)}.breadcrumb{background:var(--navy-light);padding:10px 24px;font-size:13px;color:#9ca3af;max-width:100%}.breadcrumb a{color:var(--gold-light);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#d1d5db}.hero-section{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:clamp(32px,5vw,60px) 24px}.hero-inner{max-width:var(--max-width);margin:0 auto;display:flex;gap:40px;align-items:center;flex-wrap:wrap}.hero-text{flex:1;min-width:260px}.category-tag{display:inline-block;background:var(--gold);color:var(--navy);font-family:Playfair Display,serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:3px;margin-bottom:16px}.hero-text h1{font-family:Playfair Display,serif;font-size:clamp(22px,4vw,36px);font-weight:700;color:#fff;line-height:1.25;margin-bottom:16px}.hero-subtitle{font-size:clamp(15px,1.8vw,17px);color:#cbd5e1;line-height:1.65;margin-bottom:20px}.hero-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#94a3b8}.hero-img{flex:0 0 auto;width:clamp(260px,45%,560px)}.hero-img img{width:100%;height:auto;border-radius:8px;display:block;box-shadow:0 8px 32px #0006}.main-container{max-width:var(--max-width);margin:0 auto;padding:40px 24px 60px}.toc{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:6px;padding:20px 24px;margin-bottom:36px}.toc strong{font-family:Playfair Display,serif;font-size:15px;color:var(--navy);display:block;margin-bottom:10px}.toc ol{padding-left:20px}.toc li{margin:6px 0;font-size:14px}.toc a{color:var(--steel-blue);text-decoration:none}.toc a:hover{text-decoration:underline}.article-body h2{font-family:Playfair Display,serif;font-size:clamp(20px,3vw,26px);font-weight:700;color:var(--navy);margin:40px 0 14px;line-height:1.3}.article-body h3{font-family:Playfair Display,serif;font-size:clamp(17px,2.2vw,20px);font-weight:600;color:var(--navy-light);margin:28px 0 10px}.article-body p{margin-bottom:18px;color:var(--text-primary)}.article-body a{color:var(--steel-blue)}.article-body a:hover{text-decoration:underline}.article-img{width:100%;height:auto;border-radius:8px;display:block;margin:28px 0 10px;box-shadow:0 4px 16px #0000001f}.img-caption{font-size:13px;color:var(--text-light);text-align:center;font-style:italic;margin-bottom:28px}.data-table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:14px;background:var(--bg-card);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #00000012}.data-table th{background:var(--navy);color:#fff;padding:12px 14px;text-align:left;font-family:Playfair Display,serif;font-size:13px;font-weight:600;letter-spacing:.03em}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:top}.data-table tr:nth-child(2n) td{background:#f5f4f0}.data-table tr:last-child td{border-bottom:none}.callout{background:linear-gradient(135deg,#fdf8ec,#fef3c7);border-left:4px solid var(--gold);border-radius:6px;padding:16px 20px;margin:24px 0;font-size:15px;color:var(--text-primary)}.callout strong{display:block;font-family:Playfair Display,serif;color:var(--navy);margin-bottom:6px;font-size:16px}.faq-section{margin-top:48px;border-top:2px solid var(--border);padding-top:36px}.faq-section h2{font-family:Playfair Display,serif;font-size:clamp(20px,3vw,26px);color:var(--navy);margin-bottom:24px}.faq-item{border:1px solid var(--border);border-radius:6px;margin-bottom:12px;background:var(--bg-card);overflow:hidden}.faq-q{padding:14px 18px;font-weight:600;font-size:15px;color:var(--navy);background:#f5f4f0;border-bottom:1px solid var(--border)}.faq-a{padding:14px 18px;font-size:14px;color:var(--text-secondary);line-height:1.7}.cta-block{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:10px;padding:clamp(28px,4vw,48px);text-align:center;margin:48px 0}.cta-block h2{font-family:Playfair Display,serif;color:#fff;font-size:clamp(18px,2.5vw,24px);margin-bottom:14px}.cta-block p{color:#cbd5e1;font-size:15px;margin-bottom:24px}.cta-btn{display:inline-block;background:var(--gold);color:var(--navy);font-family:Playfair Display,serif;font-weight:700;font-size:15px;padding:13px 32px;border-radius:5px;text-decoration:none;transition:background .2s}.cta-btn:hover{background:var(--gold-light)}.related-section{border-top:1px solid var(--border);padding-top:28px;margin-top:36px}.related-section h2{font-family:Playfair Display,serif;font-size:20px;color:var(--navy);margin-bottom:14px}.related-links{list-style:none;padding:0}.related-links li{margin:8px 0}.related-links a{color:var(--steel-blue);font-size:15px;text-decoration:none}.related-links a:hover{text-decoration:underline}.author-bio{display:flex;gap:20px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px;margin-top:36px}.author-avatar{flex:0 0 52px;width:52px;height:52px;background:var(--navy);color:var(--gold);font-family:Playfair Display,serif;font-weight:700;font-size:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.author-info h3{font-family:Playfair Display,serif;font-size:17px;color:var(--navy);margin-bottom:2px}.author-role{font-size:13px;color:var(--gold);margin-bottom:8px}.author-info p{font-size:14px;color:var(--text-secondary);line-height:1.65}.author-info a{color:var(--steel-blue)}.site-footer{background:var(--navy);text-align:center;padding:28px 24px;margin-top:60px;font-size:13px;color:#94a3b8}.site-footer a{color:var(--gold-light);text-decoration:none}@media(max-width:680px){.hero-inner{flex-direction:column}.hero-img{width:100%}.author-bio{flex-direction:column}.data-table{font-size:13px}.data-table th,.data-table td{padding:9px 10px}}
