*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --accent:#10b981;--accent-dark:#059669;--accent-light:#d1fae5;
  --bg:#f9fafb;--surface:#ffffff;--surface2:#f3f4f6;--border:#e5e7eb;
  --text:#111827;--muted:#6b7280;--red:#ef4444;--green:#10b981;
  --mono:'IBM Plex Mono',monospace;--sans:'Bricolage Grotesque',sans-serif;
  --radius:10px;--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);
}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}

/* LAYOUT */
.container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.content-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start;padding:32px 0;}
.site-main{min-height:60vh;}

/* HEADER */
.site-header{background:var(--surface);border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:100;box-shadow:var(--shadow);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-img{height:44px;width:auto;}
.logo-text{font-size:1.4rem;font-weight:800;color:var(--accent);letter-spacing:-0.03em;}
.main-nav{display:flex;gap:4px;}
.nav-link{padding:7px 14px;border-radius:7px;font-size:0.85rem;font-weight:600;color:var(--muted);transition:all 0.15s;}
.nav-link:hover{background:var(--accent-light);color:var(--accent);text-decoration:none;}
.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;}

/* FOOTER */
.site-footer{background:#0f1117;color:#9ca3af;padding:48px 0 0;}
.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:40px;}
.footer-logo{height:40px;}
.footer-logo-text{font-size:1.3rem;font-weight:800;color:var(--accent);}
.footer-tagline{font-size:0.8rem;color:#6b7280;margin-top:6px;}
.footer-socials{display:flex;gap:12px;margin-top:12px;}
.social-link{font-size:0.78rem;color:#6b7280;background:rgba(255,255,255,0.05);padding:5px 12px;border-radius:6px;transition:all 0.15s;}
.social-link:hover{background:var(--accent);color:#fff;text-decoration:none;}
.footer-nav{display:flex;gap:40px;}
.footer-nav-col{display:flex;flex-direction:column;gap:6px;}
.footer-nav-col h4{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#4b5563;margin-bottom:4px;}
.footer-nav-col a{font-size:0.82rem;color:#6b7280;transition:color 0.15s;}
.footer-nav-col a:hover{color:var(--accent);text-decoration:none;}
.footer-bottom{border-top:1px solid #1f2937;padding:14px 0;display:flex;justify-content:space-between;font-size:0.72rem;color:#4b5563;flex-wrap:wrap;gap:8px;}
.footer-disclaimer{font-style:italic;}

/* HERO */
.hero-section{padding:48px 0 32px;}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent-dark);padding:5px 14px;border-radius:20px;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;margin-bottom:14px;}
.hero-title{font-size:2.4rem;font-weight:800;letter-spacing:-0.04em;line-height:1.15;margin-bottom:12px;}
.hero-title span{color:var(--accent);}
.hero-sub{font-size:1rem;color:var(--muted);max-width:580px;margin-bottom:20px;}
.hero-ticker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;overflow:hidden;margin-top:20px;}
.ticker-track{display:flex;gap:32px;animation:ticker 25s linear infinite;white-space:nowrap;width:max-content;}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:0.75rem;}
.ticker-item .code{color:var(--muted);}
.ticker-item .rate{font-weight:500;}
.ticker-item .chg.up{color:var(--green);}
.ticker-item .chg.dn{color:var(--red);}

/* RATES GRID */
.rates-section{padding:24px 0;}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.section-title{font-size:1.2rem;font-weight:700;letter-spacing:-0.02em;}
.see-all-link{font-size:0.82rem;color:var(--accent);font-weight:600;}
.rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.rate-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:all 0.2s;}
.rate-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.1);}
.rate-card.featured{border-color:rgba(16,185,129,0.4);background:linear-gradient(135deg,rgba(16,185,129,0.04) 0%,var(--surface) 60%);}
.rate-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.rate-flag{font-size:1.3rem;}
.rate-code{font-family:var(--mono);font-size:0.75rem;font-weight:700;color:var(--muted);}
.rate-chg{font-family:var(--mono);font-size:0.68rem;padding:2px 6px;border-radius:4px;}
.rate-chg.up{color:var(--green);background:rgba(16,185,129,0.1);}
.rate-chg.dn{color:var(--red);background:rgba(239,68,68,0.1);}
.rate-name{font-size:0.8rem;font-weight:600;margin-bottom:10px;}
.rate-values{display:flex;align-items:center;gap:0;}
.rate-val-item{flex:1;text-align:center;}
.rate-val-label{display:block;font-size:0.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px;}
.rate-val{font-family:var(--mono);font-size:1.05rem;font-weight:700;}
.rate-val.buy{color:var(--green);}
.rate-val.sell{color:var(--red);}
.rate-divider{width:1px;height:32px;background:var(--border);margin:0 8px;}
.rate-spread{font-family:var(--mono);font-size:0.65rem;color:var(--muted);margin-top:8px;text-align:center;}

/* RATES TABLE */
.page-hero{padding:32px 0 24px;}
.page-hero h1{font-size:2rem;font-weight:800;letter-spacing:-0.03em;margin-bottom:6px;}
.page-hero h1 span{color:var(--accent);}
.page-hero p{color:var(--muted);}
.page-hero.small{padding:24px 0 16px;}
.last-updated{font-family:var(--mono);font-size:0.68rem;color:var(--muted);display:inline-block;margin-top:6px;}
.table-filters{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.chip{padding:5px 14px;border-radius:20px;font-size:0.75rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:none;color:var(--muted);transition:all 0.2s;font-family:var(--sans);}
.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;}
.rates-full-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.table-head{display:grid;grid-template-columns:200px 1fr 1fr 1fr 1fr 80px 70px;padding:10px 16px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:0.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;background:var(--surface2);}
.table-row{display:grid;grid-template-columns:200px 1fr 1fr 1fr 1fr 80px 70px;padding:13px 16px;border-bottom:1px solid var(--border);align-items:center;transition:background 0.12s;}
.table-row:last-child{border-bottom:none;}
.table-row:hover{background:rgba(16,185,129,0.03);}
.table-row[style*="none"]{display:none!important;}
.table-empty{padding:32px;text-align:center;color:var(--muted);}
.t-currency{display:flex;align-items:center;gap:8px;}
.t-flag{font-size:1.1rem;}
.t-name{font-weight:600;font-size:0.85rem;}
.t-code{font-family:var(--mono);font-size:0.62rem;color:var(--muted);}
.t-cell{font-family:var(--mono);font-size:0.82rem;}
.t-cell.buy{color:var(--green);font-weight:600;}
.t-cell.sell{color:var(--red);font-weight:600;}
.t-cell.muted{color:var(--muted);}
.t-cell.accent{color:var(--accent);}
.t-cell.up{color:var(--green);}
.t-cell.dn{color:var(--red);}

/* BLOG */
.posts-grid{display:flex;flex-direction:column;gap:0;}
.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:200px 1fr;margin-bottom:14px;transition:border-color 0.2s;}
.post-card:hover{border-color:var(--accent);}
.post-card-list{grid-template-columns:240px 1fr;}
.post-thumb{display:block;overflow:hidden;}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.post-thumb:hover img{transform:scale(1.04);}
.post-card-body{padding:18px;}
.post-cat{display:inline-block;background:var(--accent-light);color:var(--accent-dark);font-size:0.65rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.post-title{font-size:1rem;font-weight:700;letter-spacing:-0.01em;margin-bottom:6px;line-height:1.35;}
.post-title a{color:var(--text);}
.post-title a:hover{color:var(--accent);text-decoration:none;}
.post-excerpt{font-size:0.82rem;color:var(--muted);margin-bottom:10px;line-height:1.5;}
.post-meta{display:flex;align-items:center;justify-content:space-between;font-size:0.72rem;color:var(--muted);}
.read-more{color:var(--accent);font-weight:600;}
.empty-state{color:var(--muted);font-size:0.85rem;padding:24px 0;}

/* SINGLE POST */
.post-single{min-width:0;}
.post-featured-img img{width:100%;border-radius:var(--radius);margin-bottom:20px;max-height:400px;object-fit:cover;}
.post-single-header{margin-bottom:20px;}
.post-single-title{font-size:2rem;font-weight:800;letter-spacing:-0.03em;line-height:1.2;margin:10px 0 8px;}
.post-single-meta{font-size:0.75rem;color:var(--muted);font-family:var(--mono);}
.post-content{line-height:1.75;font-size:0.95rem;}
.post-content h1,.post-content h2,.post-content h3{font-weight:700;letter-spacing:-0.02em;margin:24px 0 10px;color:var(--text);}
.post-content h2{font-size:1.3rem;}
.post-content h3{font-size:1.1rem;}
.post-content p{margin-bottom:16px;}
.post-content a{color:var(--accent);}
.post-content ul,.post-content ol{margin:0 0 16px 24px;}
.post-content blockquote{border-left:3px solid var(--accent);padding:10px 16px;background:var(--accent-light);border-radius:0 6px 6px 0;margin:16px 0;font-style:italic;color:var(--accent-dark);}
.post-content code{font-family:var(--mono);background:var(--surface2);padding:2px 6px;border-radius:4px;font-size:0.85em;}
.post-content pre{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0;}
.post-content img{border-radius:8px;margin:8px 0;}
.related-posts{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);}
.related-posts h3{font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:12px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.related-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:0.78rem;font-weight:600;color:var(--text);transition:border-color 0.15s;}
.related-card:hover{border-color:var(--accent);text-decoration:none;}
.related-card img{width:100%;height:70px;object-fit:cover;}
.related-card span{display:block;padding:8px;}

/* SIDEBAR */
.sidebar{min-width:0;}
.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px;}
.widget-title{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.widget-rate-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:0.82rem;}
.widget-rate-row:last-of-type{border-bottom:none;}
.widget-rate-val{font-family:var(--mono);font-weight:700;}
.widget-rate-val.sell{color:var(--red);}
.widget-link{display:block;text-align:center;margin-top:10px;font-size:0.78rem;font-weight:600;color:var(--accent);}
.widget-label{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted);margin-bottom:6px;}
.disclaimer-widget p{font-size:0.72rem;color:var(--muted);line-height:1.5;}
.disclaimer-widget strong{color:var(--text);}

/* AD ZONES */
.ad-zone{text-align:center;margin:16px 0;}
.ad-header{background:var(--surface2);border-bottom:1px solid var(--border);padding:8px 0;}
.ad-footer{background:var(--surface2);border-top:1px solid var(--border);padding:8px 0;}
.ad-inline{background:var(--surface2);border:1px dashed var(--border);border-radius:8px;padding:12px;position:relative;}
.ad-label{position:absolute;top:-8px;left:12px;font-size:0.55rem;color:var(--muted);background:var(--surface2);padding:1px 6px;text-transform:uppercase;letter-spacing:0.08em;border:1px solid var(--border);border-radius:3px;}
.ad-sidebar img{width:100%;border-radius:6px;}

/* PAGINATION */
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 0;}
.page-btn{padding:8px 18px;background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:0.82rem;font-weight:600;color:var(--accent);transition:all 0.15s;}
.page-btn:hover{background:var(--accent);color:#fff;text-decoration:none;}
.page-info{font-family:var(--mono);font-size:0.75rem;color:var(--muted);}

/* BUTTONS */
.btn-primary{display:inline-block;padding:10px 22px;background:var(--accent);color:#fff;border-radius:8px;font-weight:700;font-size:0.88rem;transition:background 0.2s;}
.btn-primary:hover{background:var(--accent-dark);text-decoration:none;}

/* RESPONSIVE */
@media(max-width:900px){
  .content-with-sidebar{grid-template-columns:1fr;}
  .sidebar{display:none;}
  .rates-grid{grid-template-columns:repeat(2,1fr);}
  .hero-title{font-size:1.7rem;}
  .table-head,.table-row{grid-template-columns:160px 1fr 1fr 70px;}
  .table-head>*:nth-child(n+4),.table-row>*:nth-child(n+4){display:none;}
  .table-head>*:nth-child(7),.table-row>*:nth-child(7){display:block;}
  .post-card{grid-template-columns:1fr;}
  .post-thumb{height:180px;}
  .footer-inner{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .main-nav{display:none;}
  .main-nav.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:10px;gap:2px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
  .nav-toggle{display:flex;}
  .rates-grid{grid-template-columns:1fr 1fr;}
  .hero-title{font-size:1.4rem;}
}

/* BREADCRUMB */
.breadcrumb{padding:12px 0;font-size:0.78rem;color:var(--muted);margin-bottom:16px}
.breadcrumb a{color:var(--accent)}
.breadcrumb a:hover{text-decoration:underline}

/* CARD BOX */
.card-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}

/* CURRENCY HERO */
.currency-hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 0 20px;align-items:start}
.currency-flag-code{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.currency-flag{font-size:2.5rem;line-height:1}
.currency-hero-title{font-size:1.4rem;font-weight:800;letter-spacing:-0.03em;line-height:1.25;margin-bottom:4px}
.currency-hero-sub{font-family:var(--mono);font-size:0.68rem;color:var(--muted)}
.rate-summary-text{font-size:0.9rem;color:var(--muted);line-height:1.6}
.rate-hero-boxes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rate-hero-box{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px;text-align:center}
.rate-hero-box.buy{border-top:3px solid var(--green)}
.rate-hero-box.sell{border-top:3px solid var(--red)}
.rate-hero-box.official{border-top:3px solid var(--accent)}
.rate-hero-box.spread{border-top:3px solid #f59e0b}
.rate-hero-label{font-size:0.62rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);margin-bottom:6px;font-family:var(--mono)}
.rate-hero-buy{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:var(--green)}
.rate-hero-sell{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:var(--red)}
.rate-hero-official{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:var(--accent)}
.rate-hero-spread-val{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:#f59e0b}
.rate-hero-sub{font-size:0.62rem;color:var(--muted);margin-top:4px;font-family:var(--mono)}

/* CHART */
.chart-section{margin-bottom:0}
.chart-section canvas{width:100%!important;height:200px!important;display:block}

/* QUICK CONVERTER */
.quick-converter{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:16px}
.qc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qc-input{flex:1;min-width:80px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;font-family:var(--mono);font-size:1rem;outline:none}
.qc-input:focus{border-color:var(--accent)}
.qc-label{font-family:var(--mono);font-size:0.8rem;font-weight:700;color:var(--muted)}
.qc-arrow{color:var(--accent);font-size:1.2rem}
.qc-result{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--accent)}

/* SEO CONTENT */
.seo-content h2{font-size:1.1rem;font-weight:700;margin-bottom:10px;letter-spacing:-0.01em}
.seo-content h3{font-size:0.95rem;font-weight:700;margin:16px 0 8px;color:var(--accent)}
.seo-content p{font-size:0.88rem;color:var(--muted);line-height:1.7;margin-bottom:12px}

/* FAQ */
.faq-section h2{font-size:1.1rem;font-weight:700;margin-bottom:16px}
.faq-item{border-bottom:1px solid var(--border);padding:12px 0}
.faq-item:last-child{border-bottom:none}
.faq-item h3{font-size:0.88rem;font-weight:700;margin-bottom:6px;color:var(--text)}
.faq-item p{font-size:0.82rem;color:var(--muted);line-height:1.6}

/* CONVERTER PAGE */
.converter-card{max-width:680px}
.conv-field{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:4px;transition:border-color 0.2s}
.conv-field:focus-within{border-color:var(--accent)}
.conv-label{font-size:0.65rem;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:7px}
.conv-row{display:flex;align-items:center;gap:10px}
.conv-input{flex:1;background:none;border:none;outline:none;font-family:var(--mono);font-size:1.4rem;font-weight:500;color:var(--text)}
.conv-select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:0.82rem;font-weight:600;padding:6px 10px;border-radius:7px;outline:none;cursor:pointer;font-family:var(--sans)}
.swap-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--accent);cursor:pointer;transition:all 0.25s;font-size:1.1rem}
.swap-btn:hover{background:rgba(16,185,129,0.1);border-color:var(--accent);transform:rotate(180deg)}
.conv-result-box{background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.2);border-radius:10px;padding:18px;margin-top:16px;text-align:center}
.conv-result-main{font-family:var(--mono);font-size:1.8rem;font-weight:700;color:var(--accent)}
.conv-result-sub{font-size:0.72rem;font-family:var(--mono);color:var(--muted);margin-top:4px}

@media(max-width:768px){
  .currency-hero{grid-template-columns:1fr}
  .rate-hero-boxes{grid-template-columns:1fr 1fr}
}

/* RATE CARD LINK */
.rate-card-link { text-decoration:none; color:inherit; display:block; }
.rate-card-link:hover .rate-card { border-color:var(--accent); transform:translateY(-2px); }
.table-row-link { text-decoration:none; color:inherit; display:block; }
.table-row-link:hover .table-row { background:rgba(16,185,129,0.04); }
.table-row-link[style*="none"] { display:none!important; }

/* MINI CONVERTER */
.mini-converter-section { margin:0 0 28px; }
.mini-converter-wrap { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:18px 20px; box-shadow:var(--shadow); }
.mini-converter-title { font-size:0.82rem; font-weight:700; color:var(--accent); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:12px; font-family:var(--mono); }
.mini-converter-body { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mc-field { display:flex; align-items:center; gap:0; flex:1; min-width:160px; background:var(--surface2); border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.mc-field:focus-within { border-color:var(--accent); }
.mc-input { flex:1; background:none; border:none; outline:none; padding:10px 12px; font-family:var(--mono); font-size:1rem; font-weight:600; color:var(--text); min-width:60px; }
.mc-select { background:var(--surface); border:none; border-left:1px solid var(--border); color:var(--text); padding:10px 8px; font-size:0.8rem; font-weight:700; outline:none; cursor:pointer; font-family:var(--sans); }
.mc-swap { background:var(--accent); border:none; color:#fff; width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:1rem; flex-shrink:0; transition:all 0.2s; display:flex; align-items:center; justify-content:center; }
.mc-swap:hover { background:var(--accent-dark); transform:rotate(180deg); }
.mc-full-link { font-size:0.78rem; font-weight:700; color:var(--accent); white-space:nowrap; text-decoration:none; padding:4px 0; }
.mc-full-link:hover { text-decoration:underline; }

@media(max-width:600px) {
  .mini-converter-body { flex-direction:column; align-items:stretch; }
  .mc-swap { width:100%; border-radius:6px; height:32px; }
}

/* CONVERTER MOBILE FIX */
@media(max-width:768px){
  .converter-card{padding:20px 16px;}
  .conv-row{flex-wrap:wrap;}
  .conv-input{font-size:1.1rem;min-width:0;}
  .conv-select{width:100%;margin-top:6px;padding:8px 10px;}
  .conv-result-main{font-size:1.4rem;}
  .content-with-sidebar .converter-card{max-width:100%;}
  table{font-size:0.75rem;}
  table td,table th{padding:7px 5px;}
}

/* PAGE & POST MOBILE FIXES */
.post-content {
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
.post-content img {
  max-width: 100%;
  height: auto;
}
.post-content table {
  width: 100%;
  overflow-x: auto;
  display: block;
}
.post-content pre {
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.post-single-title {
  font-size: 1.6rem;
  word-break: break-word;
}

/* STATIC PAGE — full width, no sidebar on mobile */
.page-full-width {
  max-width: 820px;
  margin: 0 auto;
  padding: 32px 20px;
}
.page-full-width .post-content h2 {
  font-size: 1.3rem;
  margin-top: 28px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
.page-full-width .post-content h3 {
  font-size: 1.05rem;
  margin-top: 20px;
}
.page-full-width .post-content ul,
.page-full-width .post-content ol {
  margin-left: 20px;
  line-height: 1.9;
}
.page-full-width .post-content li {
  margin-bottom: 6px;
}

@media(max-width:768px) {
  .page-full-width {
    padding: 20px 16px;
  }
  .post-single-title {
    font-size: 1.3rem;
  }
  .post-content {
    font-size: 0.9rem;
  }
  .content-with-sidebar {
    padding: 16px 0;
  }
}

/* MOBILE PADDING FIX */
@media(max-width:768px) {
  .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: hidden;
  }
  .content-with-sidebar {
    padding: 16px 0;
  }
}