@font-face { font-family:"Vazir"; src:url("../fonts/Vazir-Regular.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Vazir"; src:url("../fonts/Vazir-Bold.woff2") format("woff2"); font-weight:700; font-display:swap; }
:root { color-scheme:dark; --page:#071525; --surface:#0d2037; --soft:#112841; --line:rgba(171,196,224,.18); --text:#edf4fb; --muted:#9aadc1; --accent:#32c2bd; font-family:"Vazir",Tahoma,sans-serif; }
* { box-sizing:border-box; } body { min-width:320px; margin:0; color:var(--text); background:var(--page); line-height:1.9; } a { color:inherit; } img { display:block; max-width:100%; }
.content-shell { width:min(1040px,calc(100% - 28px)); margin:auto; padding:20px 0 48px; }
.content-nav { display:flex; align-items:center; gap:8px; margin-bottom:20px; }
.content-nav a { padding:5px 10px; border:1px solid var(--line); border-radius:8px; color:var(--muted); text-decoration:none; font-size:.8rem; }
.content-nav a:first-child { margin-left:auto; color:var(--accent); }
.content-head { margin:24px 0 18px; } .content-head h1,.article h1 { margin:.15rem 0; line-height:1.5; } .muted { color:var(--muted); }
.post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.post-card { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.post-card>a { text-decoration:none; } .post-card img,.image-placeholder { width:100%; aspect-ratio:16/9; object-fit:cover; background:var(--soft); }
.post-copy { padding:13px; } .post-copy h2 { margin:2px 0 6px; font-size:1rem; line-height:1.65; } .post-copy p { margin:0; color:var(--muted); font-size:.82rem; }
.kind { color:var(--accent); font-size:.72rem; } .tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
.tags span { padding:2px 7px; border-radius:999px; color:var(--muted); background:var(--soft); font-size:.68rem; }
.article { width:min(780px,100%); margin:auto; } .article-hero { width:100%; aspect-ratio:16/9; margin:18px 0; border-radius:14px; object-fit:cover; }
.article-body { white-space:pre-wrap; font-size:1rem; } .article-video { aspect-ratio:16/9; margin-top:24px; }
.article-video iframe { width:100%; height:100%; border:0; border-radius:14px; }
.article-video button { width:100%; height:100%; border:1px solid var(--line); border-radius:14px; color:var(--accent); background:var(--soft); font:inherit; cursor:pointer; }
.admin-shell { width:min(1180px,calc(100% - 24px)); } .admin-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr); gap:18px; }
.editor,.admin-list { padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.editor label { display:grid; gap:4px; margin-bottom:10px; color:var(--muted); font-size:.78rem; }
.editor input,.editor textarea,.editor select { width:100%; padding:9px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--soft); font:inherit; }
.editor textarea { min-height:90px; resize:vertical; } .editor textarea[name=body] { min-height:260px; }
.editor-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; } .publish { display:flex!important; grid-template-columns:none!important; align-items:center; }
.publish input { width:auto; } .submit { padding:9px 18px; border:0; border-radius:8px; color:#062329; background:var(--accent); font:inherit; font-weight:700; }
.admin-list ul { margin:0; padding:0; list-style:none; } .admin-list li { display:flex; justify-content:space-between; gap:8px; padding:10px 0; border-bottom:1px solid var(--line); font-size:.8rem; }
.empty { padding:35px; border:1px dashed var(--line); border-radius:12px; color:var(--muted); text-align:center; }
@media (max-width:800px) { .post-grid { grid-template-columns:1fr 1fr; } .admin-grid { grid-template-columns:1fr; } }
@media (max-width:520px) { .post-grid,.editor-row { grid-template-columns:1fr; } }