:root{--bg:#f4f6fa;--surface:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--red:#e9272b;--navy:#101827;--blue:#1c2d61;--shadow:0 8px 28px rgba(16,24,40,.06)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer}.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.site-header{background:#080d19;color:#f8fafc;border-bottom:1px solid #293244}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand{font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:850;letter-spacing:-.035em}.brand span,.red{color:var(--red)}.tagline{color:#8794aa;font-size:.82rem}.header-actions{display:flex;align-items:center;gap:8px}.pill{border:0;border-radius:999px;padding:9px 14px;background:#303b4e;color:#fff;font-weight:700}.pill.active,.btn{background:var(--red);color:#fff}.nav-row{border-top:1px solid #252d3d}.nav-links{display:flex;align-items:center;gap:28px;overflow-x:auto;padding:12px 0;white-space:nowrap;font-weight:650;font-size:.94rem}.nav-links a:hover{color:#ff6468}.main{flex:1;padding:30px 0 64px}.hero{background:linear-gradient(120deg,#0b1120,#192b5a);border-radius:18px;padding:clamp(26px,4vw,46px);color:white;box-shadow:var(--shadow);margin-bottom:26px}.eyebrow{font-size:.76rem;letter-spacing:.17em;font-weight:800;color:#ff9b9e;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,5vw,3.3rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.hero p{max-width:780px;color:#d5deef;font-size:1.06rem}.search{display:flex;gap:10px;margin-top:24px}.search input{min-width:0;flex:1}.input,.search input,.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;color:#101828;outline:none}.input:focus,.field input:focus,.field textarea:focus,.field select:focus,.search input:focus{border-color:#8a9ce4;box-shadow:0 0 0 3px #e8ecff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font-weight:800;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn.secondary{background:#eef1f6;color:#202939}.btn.small{padding:8px 12px;font-size:.9rem}.topic-grid{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}.topic{display:inline-flex;border:1px solid #d6dbe5;border-radius:999px;background:white;padding:8px 13px;color:#263246;font-size:.88rem}.topic:hover,.topic.active{background:var(--red);border-color:var(--red);color:white}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:26px 0 14px}.section-heading h2{font-size:1.4rem;margin:0;letter-spacing:-.025em}.muted{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:22px;margin:26px 0}.feature{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#1a2a5c;color:white;border-radius:16px;padding:clamp(24px,3vw,40px)}.feature .badge{background:var(--red);border-radius:5px;padding:4px 12px;font-size:.8rem;font-weight:800}.feature h2{font-size:clamp(1.8rem,4vw,2.55rem);margin:16px 0 24px;line-height:1.15}.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-pad{padding:24px}.popular h3{color:var(--red);margin:0 0 12px}.popular-list{list-style:none;margin:0;padding:0}.popular-list li{border-top:1px solid var(--line);padding:11px 0}.popular-list a{display:flex;justify-content:space-between;gap:12px}.count{border-radius:5px;background:#e8ecf3;padding:2px 8px;font-size:.85rem}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-card{min-width:0;overflow:hidden;transition:transform .18s,box-shadow .18s}.article-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #10182814}.article-card img{width:100%;height:220px;object-fit:cover;background:#e9edf5;display:block}.article-card-body{padding:18px}.category-label{font-size:.82rem;color:var(--red);font-weight:800}.article-card h3{margin:8px 0;font-size:1.15rem;line-height:1.35}.article-card p{color:var(--muted);margin:8px 0 12px}.article-meta{color:var(--muted);font-size:.85rem}.read-more{margin-top:10px}.empty{padding:30px;color:var(--muted);background:white;border:1px solid var(--line);border-radius:14px}.site-footer{background:#080d19;color:#d8dfeb;margin-top:auto;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:.9rem}.prose-content{overflow-wrap:anywhere;line-height:1.9;font-size:1.05rem}.prose-content p{margin:0 0 1.1em}.prose-content h2,.prose-content h3,.prose-content h4{line-height:1.3;margin:1.5em 0 .65em}.prose-content h2{font-size:1.7rem}.prose-content h3{font-size:1.35rem}.prose-content ul,.prose-content ol{padding-left:1.5rem;margin:1em 0}.prose-content ul{list-style:disc}.prose-content ol{list-style:decimal}.prose-content blockquote{border-left:4px solid #94a3b8;padding-left:1rem;color:#667085}.prose-content img{display:block;max-width:100%;height:auto;border-radius:12px;margin:1.5rem auto}.prose-content .align-left{margin-left:0;margin-right:auto;max-width:75%}.prose-content .align-right{margin-left:auto;margin-right:0;max-width:75%}.prose-content a{color:#285ad6;text-decoration:underline}.prose-content table{width:100%;border-collapse:collapse;margin:1.2rem 0;display:block;overflow-x:auto}.prose-content td,.prose-content th{border:1px solid #cbd5e1;padding:10px;text-align:left;vertical-align:top}.prose-content th{background:#f1f5f9}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:24px 0}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}.admin-top{background:#080d19;color:#fff}.admin-top-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0}.admin-layout{width:min(1240px,calc(100% - 40px));margin:28px auto 70px}.admin-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.admin-title-row h1{font-size:2rem;margin:0}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.stat{padding:24px}.stat strong{display:block;font-size:2rem;line-height:1.1;margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.table th{background:#f8fafc;font-size:.88rem}.table tr:last-child td{border-bottom:0}.form-card{padding:24px;margin-bottom:22px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-weight:700;font-size:.93rem}.field textarea{min-height:115px;resize:vertical}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.editor-toolbar button{border:1px solid #cbd5e1;background:#f8fafc;border-radius:6px;padding:6px 9px;font-size:.84rem}.rich-editor{border:1px solid #cbd5e1;border-radius:10px;background:white;min-height:330px;padding:15px;outline:none;overflow-wrap:anywhere}.rich-editor:focus{border-color:#8091dc;box-shadow:0 0 0 3px #e8ecff}.rich-editor img{max-width:100%;height:auto;border-radius:8px}.hint{font-size:.82rem;color:var(--muted)}.alert{padding:13px 16px;border-radius:10px;background:#fff1f1;color:#9d171b;margin-bottom:18px}.status{display:inline-block;border-radius:999px;padding:4px 10px;background:#eef1f6;font-size:.82rem;font-weight:800}.status.published{background:#dcfce7;color:#166534}.status.draft{background:#fff7d6;color:#854d0e}.about-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.profile-photo{width:100%;max-width:230px;aspect-ratio:1;object-fit:contain;object-position:center top;border-radius:20px;background:transparent}.comments{display:grid;gap:12px}.comment{padding:16px;border:1px solid var(--line);border-radius:12px}.mobile-menu{display:none}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:1fr}.profile-photo{max-width:180px}}@media(max-width:640px){.container,.admin-layout{width:calc(100% - 28px)}.brand-row{align-items:flex-start;flex-direction:column;padding:15px 0}.header-actions{flex-wrap:wrap}.nav-links{gap:20px}.main{padding:20px 0 40px}.hero{border-radius:13px;padding:24px 18px}.search{flex-direction:column}.search .btn{width:100%}.article-grid{grid-template-columns:1fr}.article-card img{height:210px}.footer-inner{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr;gap:10px}.stat{padding:18px}.admin-title-row h1{font-size:1.65rem}.two-col{grid-template-columns:1fr}.form-card{padding:17px}.admin-top-inner{align-items:flex-start}.admin-actions{width:100%}.admin-actions .btn{flex:1}.panel-pad{padding:17px}}
body.dark-mode{--bg:#050914;--surface:#101827;--ink:#f4f7fb;--muted:#98a5bb;--line:#283246;background:var(--bg);color:var(--ink)}body.dark-mode .panel,body.dark-mode .empty,body.dark-mode .topic,body.dark-mode .comment{background:#101827;color:#f4f7fb;border-color:#283246}body.dark-mode .input,body.dark-mode .field input,body.dark-mode .field textarea,body.dark-mode .field select,body.dark-mode .search input{background:#101827;color:#f4f7fb;border-color:#354157}body.dark-mode .table th{background:#111b2d}body.dark-mode .table td{border-color:#283246}body.dark-mode .table th{border-color:#283246}body.dark-mode .count{background:#303b4e;color:#fff}body.dark-mode .editor-toolbar button{background:#202c40;color:#fff;border-color:#3b4a62}body.dark-mode .rich-editor{background:#0d1422;color:#f4f7fb;border-color:#354157}body.dark-mode .btn.secondary{background:#303b4e;color:#fff}

/* Header controls: clearly visible bilingual and day/night buttons. */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.header-actions .language-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #3b465b;background:#202b3e;color:#f8fafc;transition:background .18s,border-color .18s,transform .18s}
.header-actions .language-pill:hover,.header-actions .theme-toggle:hover{transform:translateY(-1px);border-color:#71809a}
.header-actions .language-pill.active{background:var(--red);border-color:var(--red);color:#fff}
.header-actions .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid #3b465b;background:#303b4e;color:#fff;white-space:nowrap}
.theme-icon{font-size:1.05rem;line-height:1}
.theme-label{font-size:.9rem}
@media(max-width:640px){.brand-row{align-items:stretch}.header-actions{justify-content:flex-start}.header-actions .language-pill,.header-actions .theme-toggle{min-height:40px;padding:8px 12px}.theme-label{font-size:.85rem}}


/* v2.1.7 responsive polish: compact controls and comfortable phone layouts */
img, video, iframe { max-width: 100%; }
.container, .admin-layout { min-width: 0; }
.header-actions { min-width: 0; }
.nav-links { scrollbar-width: thin; }
.prose-content pre, pre { max-width: 100%; overflow-x: auto; }
.prose-content code { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .container, .admin-layout { width: calc(100% - 24px); }
  .brand-row { gap: 10px; padding: 12px 0; }
  .brand { font-size: clamp(1.18rem, 5.4vw, 1.55rem); line-height: 1.2; }
  .tagline { font-size: .76rem; line-height: 1.35; margin-top: 4px; }
  .header-actions { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
  .header-actions .language-pill,
  .header-actions .theme-toggle {
    min-height: 34px; padding: 6px 9px; font-size: .78rem; line-height: 1.1;
    font-weight: 650; gap: 5px; flex: 0 0 auto;
  }
  .theme-icon { font-size: .9rem; }
  .theme-label { font-size: .76rem; }
  .nav-links { gap: 16px; padding: 10px 0; font-size: .86rem; }
  .main { padding: 16px 0 32px; }
  .hero { padding: 20px 15px; margin-bottom: 18px; }
  .hero h1 { font-size: clamp(1.7rem, 7.5vw, 2.25rem); overflow-wrap: anywhere; }
  .hero p { font-size: .94rem; line-height: 1.6; }
  .eyebrow { font-size: .68rem; letter-spacing: .11em; }
  .search { gap: 8px; margin-top: 18px; }
  .search input, .input, .field input, .field textarea, .field select { font-size: 16px; padding: 11px 12px; }
  .topic-grid { gap: 6px; margin: 16px 0 22px; }
  .topic { font-size: .78rem; padding: 6px 10px; }
  .section-heading { align-items: flex-start; flex-wrap: wrap; margin: 20px 0 12px; }
  .section-heading h1, .section-heading h2 { font-size: 1.2rem; }
  .article-card img { height: auto; aspect-ratio: 16 / 9; }
  .article-card-body { padding: 14px; }
  .article-card h3 { font-size: 1.03rem; }
  .panel-pad { padding: 15px; }
  .prose-content { font-size: 1rem; line-height: 1.8; }
  .prose-content h2 { font-size: 1.4rem; }
  .prose-content h3 { font-size: 1.18rem; }
  .prose-content .align-left, .prose-content .align-right { max-width: 100%; }
  .prose-content table { font-size: .88rem; }
  .prose-content td, .prose-content th { padding: 7px; }
  .btn { max-width: 100%; white-space: normal; }
  .admin-layout { margin-top: 16px; }
  .admin-title-row h1 { font-size: 1.45rem; overflow-wrap: anywhere; }
  .admin-top-inner { flex-wrap: wrap; }
  .admin-actions .btn { min-width: 0; }
  .table { min-width: 620px; }
  .rich-editor { min-height: 260px; padding: 11px; }
  .editor-toolbar button { padding: 6px 7px; font-size: .78rem; }
  .footer-inner { font-size: .82rem; }
}
@media (max-width: 380px) {
  .container, .admin-layout { width: calc(100% - 18px); }
  .header-actions .language-pill, .header-actions .theme-toggle { padding: 6px 7px; font-size: .73rem; }
  .theme-label { font-size: .71rem; }
  .brand { font-size: 1.16rem; }
  .hero { padding: 17px 12px; }
  .hero h1 { font-size: 1.65rem; }
  .panel-pad { padding: 12px; }
}