:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f5f7fb;line-height:1.55}*{box-sizing:border-box}body{margin:0}.container{width:min(1050px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid #e3e8f0;position:sticky;top:0}.nav{display:flex;justify-content:space-between;align-items:center;min-height:68px}.nav nav{display:flex;gap:18px}.brand{font-weight:800;font-size:1.15rem}a{color:#3157c7;text-decoration:none}main{padding:34px 0 60px}.hero{padding:36px 0}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:0}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:22px;box-shadow:0 8px 25px rgba(31,45,61,.05)}.meta{color:#718096;font-size:.9rem}.button,button{display:inline-block;border:0;border-radius:9px;background:#3157c7;color:white;padding:10px 15px;font-weight:700;cursor:pointer}.button.secondary{background:#edf2ff;color:#3157c7}form{display:grid;gap:15px}label{display:grid;gap:7px;font-weight:700}input,textarea,select{width:100%;padding:11px;border:1px solid #cbd4e1;border-radius:8px;font:inherit;background:#fff}.auth-card{max-width:480px;margin:30px auto}.editor{max-width:850px;margin:auto}.alert{padding:12px 15px;border-radius:9px;margin-bottom:16px}.alert.error{background:#ffe7e7;color:#9b1c1c}.alert.success{background:#e3f8ea;color:#176b38}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7ebf1}.actions{display:flex;gap:12px;align-items:center}.actions form,.comment form{display:inline}.link{background:none;padding:0;color:#3157c7}.danger{color:#b42318}.article{max-width:850px;margin:auto}.article h1{font-size:clamp(2rem,5vw,3.2rem)}.article-body{white-space:normal;font-size:1.08rem}.comments{max-width:850px;margin:35px auto}.comment{margin:14px 0}.site-footer{border-top:1px solid #e3e8f0;padding:24px 0;background:#fff;color:#718096}@media(max-width:700px){.nav{align-items:flex-start;padding:14px 0}.nav nav{flex-wrap:wrap;justify-content:flex-end}.page-heading{align-items:flex-start;flex-direction:column}.actions{min-width:130px}}