:root{--mi-bg:#f5f7fb;--mi-card:#fff;--mi-text:#172033;--mi-muted:#64748b;--mi-accent:#5b4bff;--mi-line:#e5e7eb}*{box-sizing:border-box}body.content-site{margin:0;background:var(--mi-bg);color:var(--mi-text);font:16px/1.55 Arial,sans-serif}.content-header{background:#111827;color:#fff}.content-nav{max-width:1120px;margin:auto;padding:14px 20px;display:flex;align-items:center;gap:24px}.content-brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em}.content-nav nav{display:flex;gap:14px;flex-wrap:wrap}.content-nav nav a{color:#cbd5e1;text-decoration:none;font-size:.9rem}.content-nav nav a:hover{color:#fff}.content-main{max-width:1120px;margin:auto;padding:48px 20px 72px}.content-hero{max-width:720px;margin-bottom:32px}.content-kicker{color:var(--mi-accent);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.content-main h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:.35rem 0 1rem}.content-lead{color:var(--mi-muted);font-size:1.1rem}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:var(--mi-card);border:1px solid var(--mi-line);border-radius:16px;overflow:hidden}.article-card img{width:100%;height:180px;object-fit:cover;display:block}.article-card__body{padding:18px}.article-card h2{font-size:1.2rem;line-height:1.25;margin:8px 0}.article-card a{color:inherit;text-decoration:none}.article-card p,.article-card time{color:var(--mi-muted);font-size:.92rem}.empty-state{grid-column:1/-1;background:var(--mi-card);border:1px dashed #cbd5e1;border-radius:16px;padding:52px 24px;text-align:center;color:var(--mi-muted)}.article-page{max-width:760px}.article-cover{width:100%;max-height:430px;object-fit:cover;border-radius:16px;margin:8px 0 28px}.article-body{font-size:1.06rem}.article-body pre{padding:16px;overflow:auto;background:#0f172a;color:#e2e8f0;border-radius:12px}.article-body img{max-width:100%;border-radius:12px}.article-meta{color:var(--mi-muted);font-size:.9rem}.share-box,.comments-box{margin-top:32px;padding:20px;background:#fff;border:1px solid var(--mi-line);border-radius:16px}.button{border:0;border-radius:9px;padding:10px 14px;background:var(--mi-accent);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.comment{border-top:1px solid var(--mi-line);padding:12px 0}.comment small{color:var(--mi-muted)}.comment-form{display:flex;gap:8px;margin-top:14px}.comment-form input{min-width:0;flex:1;padding:10px;border:1px solid var(--mi-line);border-radius:9px}.admin-form{display:grid;gap:13px;background:#fff;border:1px solid var(--mi-line);padding:22px;border-radius:16px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--mi-line);border-radius:8px}.admin-form textarea{min-height:170px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.status{font-size:.9rem;color:var(--mi-muted)}
@media(max-width:720px){.content-nav{display:block}.content-nav nav{margin-top:10px}.content-main{padding-top:32px}.articles-grid{grid-template-columns:1fr}.article-card img{height:205px}.comment-form{display:block}.comment-form .button{margin-top:8px;width:100%}}