/* Modern, clean overrides for improved UX and SEO */
:root{
  --bg: #ffffff;
  --text: #1f2937;
  --muted: #6b7280;
  --primary: #2563eb;
  --primary-600:#1d4ed8;
  --border:#e5e7eb;
  --surface:#f9fafb;
}

html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Topbar, header, nav */
#topbar{background:var(--surface)!important;border-bottom:1px solid var(--border)!important}
#topbar a{color:var(--muted)}
#header{max-width:1200px;width:100%;margin:12px auto;display:flex;align-items:center;gap:16px}
#logo img{height:auto;max-height:64px;width:auto}
#nav{background:var(--primary)!important}
#nav a{color:#fff!important}
#nav a:hover{background:var(--primary-600)!important}

/* Content wrappers */
#wrapper{max-width:1200px;margin:0 auto;padding:0 16px}
.main{border-radius:8px;border:1px solid var(--border);background:#fff}

/* Titles and lists */
.title, h1, h2, h3{color:#111827}
.list li{line-height:1.8}
.list a:hover{text-decoration:underline}

/* Daily keywords widget */
.kw-panel{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface);margin:12px 0}
.kw-panel h3{margin:0 0 8px 0;font-size:16px}
.kw-panel .row{display:flex;gap:8px;flex-wrap:wrap}
.kw-panel textarea{width:100%;min-height:90px;padding:8px;border:1px solid var(--border);border-radius:6px;resize:vertical}
.kw-panel input[type="text"]{flex:1 1 260px;min-width:220px;padding:8px;border:1px solid var(--border);border-radius:6px}
.kw-panel .btn{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer}
.kw-panel .btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.kw-panel .btn:hover{filter:brightness(.98)}
.seo-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.kw-tag{display:inline-block;padding:6px 10px;background:#eef2ff;color:#1e3a8a;border-radius:999px;text-decoration:none}
.kw-tag:hover{background:#e0e7ff}

/* Language toggle */
.lang-switch{margin-left:auto;display:flex;align-items:center;gap:8px}
.lang-switch .btn{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;color:var(--muted)}
.lang-switch .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}

/* Breadcrumbs and meta */
.breadcrumb{color:var(--muted)}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--primary)}

/* Utilities */
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}
.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.p8{padding:8px}.p12{padding:12px}.p16{padding:16px}

@media (max-width: 1260px){
  #topbar, #nav{min-width:0}
}