:root {
  --fonia-primary: #2563eb;
  --fonia-dark: #0f172a;
  --fonia-bg: #f8fafc;
  --fonia-text: #0f172a;
  --fonia-muted: #64748b;
  --fonia-border: #e2e8f0;
}
body.fonia-blog-body { margin:0; font-family: Inter, Arial, sans-serif; color: var(--fonia-text); background:#fff; }
.fonia-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.fonia-header { border-bottom:1px solid var(--fonia-border); background:#fff; position:sticky; top:0; z-index:40; }
.fonia-header-inner { display:flex; align-items:center; justify-content:space-between; min-height:88px; gap:24px; }
.fonia-logo img, .fonia-footer-logo img { max-height:42px; width:auto; display:block; }
.fonia-logo { color:var(--fonia-dark); font-weight:800; text-decoration:none; }
.fonia-nav { display:flex; gap:32px; align-items:center; flex-wrap:wrap; }
.fonia-nav a { text-decoration:none; color:var(--fonia-dark); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.fonia-nav a.active, .fonia-nav a:hover { color:var(--fonia-primary); }
.fonia-btn { display:inline-flex; align-items:center; justify-content:center; background:var(--fonia-dark); color:#fff !important; padding:14px 22px; border-radius:16px; text-decoration:none; font-weight:800; }
.fonia-hero { background:var(--fonia-bg); padding:72px 0 56px; border-bottom:1px solid var(--fonia-border); }
.fonia-badge { display:inline-block; background:#dbeafe; color:var(--fonia-primary); border-radius:999px; padding:8px 14px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.18em; margin-bottom:18px; }
.fonia-hero h1 { margin:0 0 16px; font-size:clamp(42px,5vw,74px); line-height:1.05; font-weight:900; letter-spacing:-0.04em; }
.fonia-article h1 { margin:0 0 16px; font-size:clamp(34px,3.7vw,58px); line-height:1.02; font-weight:900; letter-spacing:-0.04em; max-width:14ch; text-wrap:balance; }
.fonia-hero p { max-width:720px; color:var(--fonia-muted); font-size:18px; line-height:1.7; }
.fonia-main, .fonia-single-main { padding:64px 0; }
.fonia-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:56px; }
.fonia-post-card { margin-bottom:56px; }
.fonia-post-thumb { display:block; position:relative; border-radius:24px; overflow:hidden; background:#e5e7eb; margin-bottom:20px; aspect-ratio:21/9; }
.fonia-post-thumb img, .fonia-featured img { width:100%; height:100%; object-fit:cover; display:block; }
.fonia-thumb-placeholder { width:100%; height:100%; min-height:320px; display:flex; align-items:center; justify-content:center; color:#94a3b8; background:#f1f5f9; }
.fonia-cat-pill { position:absolute; top:18px; left:18px; background:rgba(255,255,255,.94); padding:8px 12px; border-radius:12px; font-size:11px; font-weight:800; text-transform:uppercase; }
.fonia-post-meta { color:#94a3b8; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; margin-bottom:16px; }
.fonia-post-card h2 { margin:0 0 12px; font-size:40px; line-height:1.1; font-weight:900; letter-spacing:-.03em; }
.fonia-post-card h2 a { color:var(--fonia-dark); text-decoration:none; }
.fonia-post-card h2 a:hover, .fonia-readmore:hover { color:var(--fonia-primary); }
.fonia-post-card p { color:var(--fonia-muted); font-size:18px; line-height:1.8; }
.fonia-readmore { color:var(--fonia-primary); text-decoration:none; font-weight:900; text-transform:uppercase; letter-spacing:.14em; font-size:12px; }
.fonia-box { background:#fff; border:1px solid var(--fonia-border); border-radius:28px; padding:28px; margin-bottom:24px; }
.fonia-cta-box { background:var(--fonia-dark); color:#fff; }
.fonia-cta-box p { color:#cbd5e1; }
.fonia-box h4 { margin:0 0 18px; font-size:12px; text-transform:uppercase; letter-spacing:.18em; color:#94a3b8; }
.fonia-simple-list { list-style:none; padding:0; margin:0; }
.fonia-simple-list li { margin-bottom:18px; }
.fonia-simple-list small { display:block; color:var(--fonia-primary); font-weight:800; text-transform:uppercase; margin-bottom:6px; }
.fonia-simple-list a { text-decoration:none; color:var(--fonia-dark); font-weight:700; line-height:1.5; }
.fonia-tags { display:flex; flex-wrap:wrap; gap:10px; }
.fonia-tags a { text-decoration:none; background:#f8fafc; color:#475569; padding:9px 14px; border-radius:12px; font-size:13px; font-weight:700; }
.fonia-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; color:#94a3b8; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; margin-bottom:28px; }
.fonia-breadcrumbs a { color:#94a3b8; text-decoration:none; }
.fonia-featured { border-radius:28px; overflow:hidden; background:#e5e7eb; margin:24px 0 32px; min-height:320px; }
.fonia-entry-content { font-size:18px; line-height:1.9; color:#334155; }
.fonia-entry-content h2, .fonia-entry-content h3 { color:var(--fonia-dark); margin-top:2em; }
.fonia-entry-content a { color:var(--fonia-primary); }
.fonia-entry-content blockquote { border-left:4px solid var(--fonia-primary); background:#f8fafc; padding:20px 24px; border-radius:0 16px 16px 0; margin:32px 0; }
.fonia-footer { border-top:1px solid var(--fonia-border); padding:56px 0 24px; margin-top:40px; }
.fonia-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:32px; }
.fonia-footer h4 { margin-top:0; }
.fonia-footer ul { list-style:none; padding:0; margin:0; }
.fonia-footer li { margin-bottom:12px; color:var(--fonia-muted); }
.fonia-footer a { color:var(--fonia-dark); text-decoration:none; }
.fonia-footer p { color:var(--fonia-muted); line-height:1.8; }
.fonia-footer-bottom { border-top:1px solid var(--fonia-border); padding-top:20px; display:flex; justify-content:space-between; gap:20px; align-items:center; flex-wrap:wrap; }
.fonia-footer-bottom div { display:flex; gap:20px; flex-wrap:wrap; }
.fonia-pagination .page-numbers { display:inline-flex; min-width:40px; height:40px; align-items:center; justify-content:center; border-radius:12px; border:1px solid var(--fonia-border); margin-right:8px; text-decoration:none; color:var(--fonia-dark); }
.fonia-pagination .current { background:var(--fonia-dark); color:#fff; }
.fonia-muted { color:#94a3b8; }
@media (max-width: 900px) {
  .fonia-grid, .fonia-footer-grid { grid-template-columns:1fr; }
  .fonia-nav { gap:16px; }
  .fonia-post-card h2 { font-size:32px; }
  .fonia-hero h1 { font-size:44px; }
  .fonia-article h1 { font-size:40px; max-width:none; }
}


body.fonia-menu-open { overflow: hidden; }
.fonia-nav-desktop { display:flex; }
.fonia-menu-toggle { display:none; background:none; border:0; padding:8px; width:44px; height:44px; border-radius:12px; cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.fonia-menu-toggle span { display:block; width:22px; height:2px; background:var(--fonia-dark); border-radius:999px; transition:transform .25s ease, opacity .25s ease; }
.fonia-header.is-open .fonia-menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.fonia-header.is-open .fonia-menu-toggle span:nth-child(2) { opacity:0; }
.fonia-header.is-open .fonia-menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.fonia-mobile-menu { display:none; border-top:1px solid var(--fonia-border); background:#fff; }
.fonia-mobile-menu-inner { min-height:calc(100vh - 88px); padding:24px 20px 40px; display:flex; flex-direction:column; gap:22px; }
.fonia-mobile-menu-inner a { color:var(--fonia-dark); text-decoration:none; font-weight:800; text-transform:uppercase; letter-spacing:.12em; font-size:16px; }
.fonia-mobile-menu-inner a.active { color:var(--fonia-primary); }

@media (max-width: 900px) {
  .fonia-header { position:sticky; top:0; }
  .fonia-header-inner { min-height:76px; }
  .fonia-nav-desktop { display:none; }
  .fonia-menu-toggle { display:inline-flex; }
  .fonia-mobile-menu { display:block; }
  .fonia-site, .fonia-main, .fonia-single-main { padding-top:0; }
  .fonia-hero { padding:40px 0 48px; }
  .fonia-hero h1 { font-size:42px; line-height:1.04; }
  .fonia-article h1 { font-size:34px; line-height:1.04; max-width:none; }
  .fonia-breadcrumbs { margin-top:8px; }
}

@media (max-width: 767px) {
  .fonia-container { padding-left:16px; padding-right:16px; }
  .fonia-header-inner { min-height:72px; }
  .fonia-logo img { max-height:34px; width:auto; }
  .fonia-hero { padding:32px 0 40px; }
  .fonia-badge { font-size:11px; padding:12px 18px; }
  .fonia-hero h1 { font-size:30px; line-height:1.05; }
  .fonia-article h1 { font-size:28px; line-height:1.05; max-width:none; }
  .fonia-article .fonia-post-meta, .fonia-post-meta { font-size:12px; gap:10px; flex-wrap:wrap; }
  .fonia-mobile-menu-inner { min-height:calc(100vh - 72px); gap:18px; }
  .fonia-post-card h2 { font-size:24px; }
  .fonia-featured { margin:24px 0 28px; }
}


.fonia-nav{gap:24px;}
.fonia-btn{background:#051630;color:#fff !important;padding:12px 22px;border-radius:14px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:none;min-width:148px;}
.fonia-btn:hover,.fonia-btn:focus{background:#2563eb;color:#fff !important;}
.fonia-lang-btn{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:transparent;color:#051630;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;text-decoration:none;}
.fonia-lang-btn:hover{color:#2563eb;}
.fonia-lang-flag{font-size:16px;line-height:1;}
.fonia-mobile-lang{display:inline-flex;align-items:center;gap:10px !important;font-size:18px !important;}
@media (max-width: 900px){.fonia-mobile-menu-inner a{font-size:28px;letter-spacing:0;text-transform:none;}}