:root { --primary:#2c5282; --accent:#d4a84b; --light:#f8fafc; --dark:#1a202c; --gray:#6b7280; --white:#ffffff; }
    * { box-sizing:border-box; margin:0; padding:0; }
    body { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--dark); background:var(--light); line-height:1.6; }
    header { background:var(--primary); position:sticky; top:0; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
    nav { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; height:64px; }
    .logo { font-size:22px; font-weight:800; color:var(--white); text-decoration:none; }
    .nav-links { display:flex; align-items:center; gap:4px; list-style:none; }
    .nav-links a { color:rgba(255,255,255,0.9); text-decoration:none; padding:8px 12px; border-radius:6px; font-size:14px; font-weight:500; transition:.2s; }
    .nav-links a:hover, .nav-links a.active { background:rgba(255,255,255,0.15); color:var(--white); }
    .nav-links .nav-cta { background:var(--accent); color:var(--dark); font-weight:700; }
    .dropdown { position:relative; }
    .dropdown-toggle::after { content:" ▼"; font-size:10px; }
    .dropdown-menu { display:none; position:absolute; top:100%; left:0; min-width:220px; background:var(--white); border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,0.12); padding:8px 0; list-style:none; }
    .dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu { display:block; }
    .dropdown-menu a { color:var(--dark); display:block; padding:8px 16px; font-size:13px; }
    .dropdown-menu a:hover { background:#f7fafc; color:var(--primary); }
    .dropdown-header { padding:8px 16px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--primary); background:#f7fafc; pointer-events:none; }
    .dropdown-divider { height:1px; margin:6px 0; background:#e2e8f0; overflow:hidden; }
    .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
    .hamburger span { width:24px; height:2px; background:var(--white); }
    .lang-switcher a { color:rgba(255,255,255,0.7); text-decoration:none; font-size:13px; margin-left:8px; }
    .lang-switcher a.active { color:var(--white); font-weight:700; }
    @media (max-width:1024px) { .nav-links { display:none; position:absolute; top:64px; left:0; right:0; background:var(--primary); flex-direction:column; padding:16px; } .nav-links.open { display:flex; } .hamburger { display:flex; } .dropdown-menu { position:static; box-shadow:none; background:rgba(0,0,0,0.1); } .dropdown-menu a { color:var(--white); } }
    .hero { background:linear-gradient(135deg, var(--primary) 0%, #1a365d 100%); color:var(--white); padding:80px 20px; text-align:center; }
    .hero h1 { font-size:42px; margin-bottom:16px; }
    .hero p { font-size:18px; max-width:700px; margin:0 auto; opacity:.9; }
    .content { max-width:760px; margin:60px auto; padding:0 20px; text-align:center; }
    .content h2 { font-size:28px; margin-bottom:16px; color:var(--primary); }
    .content p { color:var(--gray); margin-bottom:24px; }
    .cta { display:inline-block; background:var(--accent); color:var(--dark); padding:14px 28px; border-radius:8px; text-decoration:none; font-weight:700; }
    footer { background:var(--dark); color:rgba(255,255,255,0.7); padding:40px 20px; text-align:center; font-size:14px; }
  .content h3 { color:var(--primary); margin:36px 0 12px; font-size:20px; text-align:left; }
.content p { text-align:left; color:var(--gray); margin-bottom:16px; }
.content ul, .content ol { text-align:left; margin:0 0 20px 20px; color:var(--gray); }
.content li { margin-bottom:8px; }
.spec-table { width:100%; border-collapse:collapse; margin:20px 0; font-size:14px; }
.spec-table th, .spec-table td { border:1px solid #e2e8f0; padding:10px 12px; text-align:left; }
.spec-table th { background:var(--primary); color:var(--white); }
.spec-table tr:nth-child(even) { background:#f7fafc; }
.cta-row { text-align:center; margin:40px 0 20px; }
.related-links { margin-top:32px; padding-top:24px; border-top:1px solid #e2e8f0; text-align:center; }
.related-links a { color:var(--primary); text-decoration:none; font-weight:600; margin:0 10px; }
.related-links a:hover { text-decoration:underline; }
.note { font-size:13px; color:var(--gray); font-style:italic; }
  .cluster-nav { background:#edf2f7; padding:48px 20px; margin-top:48px; }
.cluster-nav-inner { max-width:1200px; margin:0 auto; }
.cluster-nav h3 { color:var(--primary); margin-bottom:24px; font-size:20px; text-align:center; }
.cluster-nav-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:14px; }
.cluster-nav a { background:var(--white); padding:12px 16px; border-radius:6px; color:var(--primary); text-decoration:none; font-weight:500; box-shadow:0 2px 4px rgba(0,0,0,0.05); transition:.2s; }
.cluster-nav a:hover { background:var(--primary); color:var(--white); }
.cluster-nav a.current { background:var(--accent); color:var(--dark); font-weight:700; }
@media (max-width:640px) { .cluster-nav-grid { grid-template-columns:1fr; } }
  .content-figure { margin:28px 0; text-align:center; }
.content-img { max-width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.content-figure figcaption { font-size:13px; color:var(--gray); margin-top:8px; font-style:italic; }
.table-wrap { overflow-x:auto; margin:20px 0; }
.spec-table { min-width:600px; }
body { font-display:swap; }
@media (max-width:640px) {
  .hero h1 { font-size:28px; }
  .hero p { font-size:16px; }
  .content { margin:40px auto; }
  .content h2 { font-size:22px; }
  .content h3 { font-size:17px; }
  .nav-links a { padding:12px 16px; font-size:15px; }
  .dropdown-menu a { padding:12px 20px; }
  .cta { padding:14px 24px; font-size:16px; min-width:160px; }
  .spec-table { font-size:13px; }
  .spec-table th, .spec-table td { padding:8px 10px; }
}

/* ===== Content Section ===== */
.content-section { background: var(--white); padding: 64px 20px; border-top: 1px solid #e2e8f0; }
.content-section:first-of-type { border-top: none; }
.content-section h2 { max-width: 900px; margin: 0 auto 16px; color: var(--primary); font-size: 1.75rem; text-align: center; line-height: 1.3; font-weight: 700; }
.content-section p { max-width: 760px; margin: 0 auto; color: var(--gray); text-align: center; line-height: 1.7; }
@media (max-width: 640px) {
  .content-section { padding: 48px 16px; }
  .content-section h2 { font-size: 1.45rem; }
}

/* ===== FAQ Section ===== */
.faq-section { margin-top: 48px; text-align: left; }
.faq-section h3 { color: var(--primary); margin-bottom: 24px; font-size: 20px; }
.faq-item { margin-bottom: 24px; text-align: left; }
.faq-item h4 { color: var(--primary); margin-bottom: 8px; font-size: 16px; font-weight: 600; }
.faq-item p { color: var(--gray); font-size: 15px; line-height: 1.7; margin-bottom: 0; }