/* ================================================================
   blog.css  —  WIT-IT Blog & Notícias
   ================================================================ */

/* ── NAV active ── */
.nav-links a.active { color: var(--text); }

/* ── BLOG HERO ── */
.blog-hero { padding: 7rem clamp(1.5rem,4vw,3rem) 3rem; position: relative; overflow: hidden; background: var(--bg); }
.blog-hero-glow { position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 50% 60% at 20% 60%, rgba(91,200,245,.1) 0%, transparent 65%),
              radial-gradient(ellipse 40% 50% at 80% 30%, rgba(123,92,255,.1) 0%, transparent 60%); }
.blog-hero-inner { position: relative; z-index: 2; }
.blog-hero-title { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:800; font-size:clamp(2.2rem,4vw,3.5rem); letter-spacing:-.012em; line-height:1.1; margin-bottom:.8rem; }
.blog-hero-title .amp { color: var(--sky); }
.blog-hero-sub { color:var(--muted2); font-size:1rem; line-height:1.7; max-width:540px; margin-bottom:2rem; }

/* ── FILTER ROW ── */
.filter-row  { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.search-wrap { position:relative; }
.search-ico  { position:absolute; left:.75rem; top:50%; transform:translateY(-50%); font-size:.85rem; }
.search-input { background:var(--surface); border:1px solid var(--border); border-radius:8px;
  padding:.45rem .75rem .45rem 2.1rem; color:var(--text); font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:.85rem;
  outline:none; width:220px; transition:border-color .2s; }
.search-input:focus { border-color:var(--sky); }
.search-input::placeholder { color:var(--muted); }

/* ── BLOG MAIN ── */
.blog-main { padding:3rem clamp(1.5rem,4vw,3rem) 5rem; }

/* ── SPINNER / STATES ── */
.loading-state,.empty-state { text-align:center; padding:5rem 2rem; display:flex; flex-direction:column; align-items:center; gap:1rem; color:var(--muted2); }
.empty-ico { font-size:3rem; }
.empty-state h3 { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:700; font-size:1.2rem; }
.spinner { width:36px; height:36px; border-radius:50%; border:3px solid var(--border); border-top-color:var(--sky); animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* ── FEATURED POST ── */
.featured-post { display:grid; grid-template-columns:1.2fr 1fr; background:var(--surface); border:1px solid var(--border); border-radius:20px; overflow:hidden; transition:transform .25s,box-shadow .25s; margin-bottom:2rem; }
.featured-post:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,0,0,.4); }
.fp-thumb { min-height:300px; display:flex; align-items:center; justify-content:center; font-size:4rem; position:relative; }
.fp-body  { padding:2.5rem; display:flex; flex-direction:column; justify-content:center; }
.fp-badge { display:inline-flex; align-items:center; gap:.4rem; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-bottom:.75rem; }
.fp-title { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:800; font-size:1.5rem; line-height:1.25; letter-spacing:-.012em; margin-bottom:.75rem; }
.fp-excerpt { color:var(--muted2); font-size:.92rem; line-height:1.7; margin-bottom:1.2rem; }
.fp-meta  { display:flex; align-items:center; gap:.65rem; font-size:.78rem; color:var(--muted2); }
.fp-ava   { width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.65rem; font-weight:700; color:#fff; flex-shrink:0; }
.hot-badge-fp { position:absolute; top:1rem; left:1rem; background:rgba(255,79,123,.85); color:#fff; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:.2rem .55rem; border-radius:5px; }

/* ── POSTS GRID ── */
.posts-grid-page { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; margin-bottom:2.5rem; }
.post-card-pub { background:var(--surface); border:1px solid var(--border); border-radius:16px; overflow:hidden; text-decoration:none; color:inherit; display:block; transition:transform .25s,border-color .25s,box-shadow .25s; }
.post-card-pub:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.13); box-shadow:0 20px 55px rgba(0,0,0,.4); }
.pc-thumb   { height:170px; display:flex; align-items:center; justify-content:center; font-size:2.8rem; }
.pc-body    { padding:1.2rem; }
.pc-cat     { font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-bottom:.4rem; }
.pc-title   { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:700; font-size:.97rem; line-height:1.35; margin-bottom:.5rem; letter-spacing:-.01em; }
.pc-excerpt { color:var(--muted2); font-size:.8rem; line-height:1.55; margin-bottom:.7rem; }
.pc-meta    { display:flex; align-items:center; gap:.55rem; font-size:.73rem; color:var(--muted); }
.pc-ava     { width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.58rem; font-weight:700; color:#fff; flex-shrink:0; }

/* ── PAGINATION ── */
.pagination { display:flex; align-items:center; justify-content:center; gap:1rem; }
.pg-btn { background:var(--surface); border:1px solid var(--border); color:var(--text); padding:.5rem 1.2rem; border-radius:8px; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:.85rem; cursor:pointer; transition:border-color .2s,color .2s; }
.pg-btn:hover:not(:disabled) { border-color:var(--sky); color:var(--sky); }
.pg-btn:disabled { opacity:.35; cursor:not-allowed; }
.pg-info { color:var(--muted2); font-size:.85rem; }

/* ── BLOG FOOTER ── */
.blog-footer { background:var(--bg2); border-top:1px solid var(--border); padding:1.5rem clamp(1.5rem,4vw,3rem); }
.blog-footer-inner { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }

/* ================================================================
   AUTH PAGES
   ================================================================ */
.auth-page { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; }
.auth-bg   { position:fixed; inset:0; z-index:0; }
.auth-glow { position:absolute; inset:0; background:radial-gradient(ellipse 55% 55% at 30% 40%, rgba(91,200,245,.12) 0%, transparent 65%), radial-gradient(ellipse 40% 50% at 70% 70%, rgba(123,92,255,.1) 0%, transparent 60%); }
.auth-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size:48px 48px; }
.auth-card { background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:2.5rem; width:100%; max-width:420px; position:relative; z-index:2; box-shadow:0 30px 80px rgba(0,0,0,.4); }
.auth-logo { display:block; text-align:center; margin-bottom:1.8rem; }
.auth-logo img { height:60px; filter:drop-shadow(0 4px 12px rgba(91,200,245,.3)); }
.auth-title { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:800; font-size:1.5rem; letter-spacing:-.015em; text-align:center; margin-bottom:.35rem; }
.auth-sub   { color:var(--muted2); font-size:.88rem; text-align:center; margin-bottom:1.8rem; }
.auth-form  { display:flex; flex-direction:column; gap:1.1rem; }
.auth-msg   { padding:.75rem 1rem; border-radius:8px; font-size:.85rem; margin-bottom:.75rem; }
.auth-msg.error { background:rgba(255,79,123,.1); border:1px solid rgba(255,79,123,.3); color:#FF8FAB; }
.auth-msg.info  { background:rgba(91,200,245,.1);  border:1px solid rgba(91,200,245,.3);  color:var(--sky); }

.field { display:flex; flex-direction:column; gap:.35rem; }
.field label { font-size:.82rem; font-weight:600; color:var(--muted2); letter-spacing:.03em; }
.field input,.field textarea,.field select { background:var(--bg2); border:1px solid var(--border); border-radius:8px; padding:.65rem .85rem; color:var(--text); font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:.9rem; outline:none; transition:border-color .2s; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:var(--sky); }
.field input::placeholder,.field textarea::placeholder { color:var(--muted); }
.field select { appearance:none; cursor:pointer; }
.field-hint { font-size:.73rem; color:var(--muted); margin-top:.15rem; }
.req { color:var(--pink); }
.pw-wrap { position:relative; }
.pw-wrap input { width:100%; padding-right:2.5rem; }
.pw-toggle { position:absolute; right:.7rem; top:50%; transform:translateY(-50%); background:none; border:none; cursor:pointer; font-size:.9rem; color:var(--muted); }
.btn-full { width:100%; justify-content:center; }
.btn-link { background:none; border:none; color:var(--sky); font-size:.85rem; cursor:pointer; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; text-decoration:underline; margin-top:.25rem; text-align:center; }

/* ================================================================
   DASHBOARD
   ================================================================ */
.dashboard-page { display:grid; grid-template-columns:240px 1fr; min-height:100vh; }
.sidebar { background:var(--bg2); border-right:1px solid var(--border); display:flex; flex-direction:column; position:sticky; top:0; height:100vh; overflow-y:auto; }
.sidebar-logo { padding:1.5rem 1.2rem 1rem; border-bottom:1px solid var(--border); }
.sidebar-logo img { height:40px; filter:drop-shadow(0 2px 8px rgba(91,200,245,.3)); }
.sidebar-nav  { flex:1; padding:1rem .75rem; display:flex; flex-direction:column; gap:.25rem; overflow-y:auto; }
.snav-item    { display:flex; align-items:center; gap:.65rem; padding:.6rem .85rem; border-radius:9px; color:var(--muted2); text-decoration:none; font-size:.875rem; font-weight:500; transition:background .2s,color .2s; }
.snav-item:hover  { background:var(--surface); color:var(--text); }
.snav-item.active { background:rgba(91,200,245,.1); color:var(--sky); }
.snav-ico { font-size:1rem; }
.sidebar-footer { padding:1rem; border-top:1px solid var(--border); display:flex; align-items:center; gap:.75rem; }
.sidebar-user   { display:flex; align-items:center; gap:.6rem; flex:1; min-width:0; }
.user-ava  { width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,var(--sky),var(--violet)); display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:700; color:#fff; flex-shrink:0; }
.user-info { display:flex; flex-direction:column; min-width:0; }
.user-name { font-size:.82rem; font-weight:600; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.user-role { font-size:.7rem; color:var(--muted); }
.btn-icon  { background:none; border:none; cursor:pointer; font-size:1rem; color:var(--muted); transition:color .2s; padding:.3rem; border-radius:6px; }
.btn-icon:hover { color:var(--pink); }

.dash-main   { background:var(--bg); display:flex; flex-direction:column; overflow-y:auto; }
.dash-header { padding:1.5rem 2rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; background:var(--bg); position:sticky; top:0; z-index:10; }
.dash-title  { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:800; font-size:1.4rem; letter-spacing:-.012em; }
.dash-sub    { color:var(--muted2); font-size:.82rem; margin-top:.15rem; }
.dash-panel  { padding:1.5rem 2rem; flex:1; }

.dash-filters       { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-bottom:1.2rem; }
.dash-filters-right { display:flex; align-items:center; gap:.75rem; margin-left:auto; }
.dash-select { background:var(--surface); border:1px solid var(--border); border-radius:8px; color:var(--text); padding:.45rem .75rem; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:.85rem; outline:none; cursor:pointer; transition:border-color .2s; }
.dash-select:focus { border-color:var(--sky); }
.dash-search { background:var(--surface); border:1px solid var(--border); border-radius:8px; color:var(--text); padding:.45rem .75rem; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:.85rem; outline:none; transition:border-color .2s; width:180px; }
.dash-search:focus { border-color:var(--sky); }
.dash-search::placeholder { color:var(--muted); }

.table-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:12px; }
.articles-table { width:100%; border-collapse:collapse; }
.articles-table th { background:var(--surface); padding:.75rem 1rem; text-align:left; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--muted2); border-bottom:1px solid var(--border); }
.articles-table td { padding:.85rem 1rem; font-size:.85rem; border-bottom:1px solid var(--border); vertical-align:middle; }
.articles-table tr:last-child td { border-bottom:none; }
.articles-table tr:hover td { background:rgba(255,255,255,.02); }
.table-loading { text-align:center; color:var(--muted2); padding:2.5rem !important; }

.badge { display:inline-flex; align-items:center; gap:.3rem; padding:.2rem .6rem; border-radius:100px; font-size:.7rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.badge-published { background:rgba(0,255,157,.1); border:1px solid rgba(0,255,157,.3); color:var(--green); }
.badge-draft     { background:rgba(255,170,0,.1);  border:1px solid rgba(255,170,0,.3);  color:var(--amber); }
.badge-blog      { background:rgba(91,200,245,.1); border:1px solid rgba(91,200,245,.3); color:var(--sky); }
.badge-news      { background:rgba(255,79,123,.1); border:1px solid rgba(255,79,123,.3); color:var(--pink); }

.act-btn { background:none; border:1px solid var(--border); border-radius:6px; padding:.3rem .6rem; font-size:.75rem; cursor:pointer; color:var(--muted2); transition:all .2s; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; text-decoration:none; display:inline-flex; align-items:center; gap:.3rem; }
.act-btn:hover { border-color:var(--sky); color:var(--sky); }
.act-btn.danger:hover { border-color:var(--pink); color:var(--pink); }

/* ================================================================
   EDITOR
   ================================================================ */
.editor-layout        { display:grid; grid-template-columns:1fr 280px; gap:1.5rem; padding:1.5rem 2rem; flex:1; }
.editor-content       { display:flex; flex-direction:column; gap:1rem; min-width:0; }
.editor-title-input   { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:700; font-size:1.5rem; background:transparent; border:none; border-bottom:1px solid var(--border); color:var(--text); padding:.5rem 0; outline:none; width:100%; transition:border-color .2s; }
.editor-title-input:focus { border-bottom-color:var(--sky); }
.editor-title-input::placeholder { color:var(--muted); }
.editor-excerpt { resize:vertical; background:var(--bg2); border:1px solid var(--border); border-radius:8px; color:var(--text); padding:.65rem .85rem; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:.9rem; outline:none; transition:border-color .2s; }
.editor-excerpt:focus { border-color:var(--sky); }
.editor-meta   { display:flex; flex-direction:column; gap:1rem; }
.meta-section  { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:1.1rem; }
.meta-section-title { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:700; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted2); margin-bottom:.9rem; }
.meta-info-row { display:flex; justify-content:space-between; align-items:center; font-size:.82rem; padding:.35rem 0; border-bottom:1px solid var(--border); }
.meta-info-row:last-child { border-bottom:none; }
.meta-info-row span { color:var(--muted2); }
.meta-info-row strong { color:var(--text); }
.cover-preview { margin-top:.65rem; border-radius:8px; overflow:hidden; border:1px solid var(--border); }
.cover-preview img { width:100%; height:120px; object-fit:cover; display:block; }
.danger-zone  { border-color:rgba(255,79,123,.3) !important; }
.save-status  { font-size:.8rem; color:var(--muted2); }

/* EasyMDE overrides */
.EasyMDEContainer .CodeMirror { background:var(--bg2) !important; color:var(--text) !important; border:1px solid var(--border) !important; border-radius:0 0 8px 8px !important; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important; font-size:.9rem !important; min-height:380px; }
.editor-toolbar { background:var(--surface) !important; border:1px solid var(--border) !important; border-radius:8px 8px 0 0 !important; }
.editor-toolbar button { color:var(--muted2) !important; }
.editor-toolbar button:hover,.editor-toolbar button.active { color:var(--text) !important; background:var(--surf2) !important; }
.editor-toolbar i.separator { border-color:var(--border) !important; }

/* ================================================================
   MODALS / TOAST
   ================================================================ */
.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.6); backdrop-filter:blur(6px); z-index:500; display:flex; align-items:center; justify-content:center; padding:1.5rem; }
.modal-box     { background:var(--surface); border:1px solid var(--bord2); border-radius:18px; padding:2rem; width:100%; max-width:420px; box-shadow:0 30px 80px rgba(0,0,0,.5); }
.modal-title   { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:800; font-size:1.15rem; margin-bottom:.6rem; }
.modal-desc    { color:var(--muted2); font-size:.88rem; line-height:1.6; margin-bottom:1.5rem; }
.modal-actions { display:flex; gap:.75rem; justify-content:flex-end; margin-top:1.5rem; }

.btn-danger { background:rgba(255,79,123,.15); border:1px solid rgba(255,79,123,.4); color:var(--pink); padding:.7rem 1.4rem; border-radius:8px; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:600; font-size:.9rem; cursor:pointer; transition:background .2s; }
.btn-danger:hover { background:rgba(255,79,123,.25); }

.toast { position:fixed; bottom:1.5rem; right:1.5rem; z-index:600; background:var(--surface); border:1px solid var(--bord2); border-radius:10px; padding:.85rem 1.3rem; font-size:.88rem; color:var(--text); box-shadow:0 10px 30px rgba(0,0,0,.4); animation:slideUp .3s ease; }
@keyframes slideUp { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }

/* ================================================================
   ARTICLE VIEW
   ================================================================ */
.article-hero         { padding:7rem clamp(1.5rem,4vw,3rem) 3rem; background:var(--bg); position:relative; overflow:hidden; border-bottom:1px solid var(--border); }
.article-hero-content { position:relative; z-index:2; max-width:780px; }
.back-link    { color:var(--sky); text-decoration:none; font-size:.85rem; display:inline-block; margin-bottom:1.2rem; transition:opacity .2s; }
.back-link:hover { opacity:.75; }
.article-title { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:800; font-size:clamp(1.8rem,3vw,2.8rem); letter-spacing:-.018em; line-height:1.15; margin-bottom:1.2rem; }
.article-byline { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; }
.byline-ava  { width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.85rem; font-weight:700; color:#fff; flex-shrink:0; background:linear-gradient(135deg,var(--sky),var(--violet)); }
.byline-name { font-weight:600; font-size:.9rem; }
.byline-date { font-size:.78rem; color:var(--muted2); margin-top:.1rem; }
.article-cover { width:100%; max-height:480px; object-fit:cover; display:block; }
.article-body  { padding:3rem clamp(1.5rem,4vw,3rem); }
.article-content { max-width:720px; margin:0 auto; font-size:1.02rem; line-height:1.85; color:var(--text); }
.article-content h1,.article-content h2,.article-content h3 { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:700; letter-spacing:-.012em; margin:2rem 0 .75rem; line-height:1.2; }
.article-content h2 { font-size:1.5rem; }
.article-content h3 { font-size:1.15rem; }
.article-content p  { margin-bottom:1.2rem; }
.article-content a  { color:var(--sky); text-decoration:underline; }
.article-content ul,.article-content ol { padding-left:1.5rem; margin-bottom:1.2rem; }
.article-content li { margin-bottom:.4rem; }
.article-content blockquote { border-left:3px solid var(--sky); padding-left:1.2rem; color:var(--muted2); font-style:italic; margin:1.5rem 0; }
.article-content code { background:var(--surface); padding:.2rem .45rem; border-radius:4px; font-size:.88rem; color:var(--green); }
.article-content pre { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:1.2rem; overflow-x:auto; margin:1.5rem 0; }
.article-content pre code { background:none; padding:0; color:var(--text); }
.article-content img { max-width:100%; border-radius:10px; margin:1.5rem 0; }
.article-share { max-width:720px; margin:2.5rem auto 0; padding-top:1.5rem; border-top:1px solid var(--border); display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; }
.share-btn { background:var(--surface); border:1px solid var(--border); color:var(--muted2); padding:.4rem .9rem; border-radius:7px; font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:.8rem; cursor:pointer; transition:all .2s; }
.share-btn:hover { border-color:var(--sky); color:var(--sky); }
.related-wrap  { padding:3rem clamp(1.5rem,4vw,3rem) 5rem; border-top:1px solid var(--border); }
.related-title { font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-weight:800; font-size:1.2rem; letter-spacing:-.012em; margin-bottom:1.5rem; }
.related-grid  { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:900px){
  .featured-post { grid-template-columns:1fr; }
  .fp-thumb { min-height:200px; }
  .posts-grid-page,.related-grid { grid-template-columns:1fr 1fr; }
  .dashboard-page { grid-template-columns:1fr; }
  .sidebar { display:none; }
  .editor-layout { grid-template-columns:1fr; }
}
@media(max-width:620px){
  .posts-grid-page,.related-grid { grid-template-columns:1fr; }
  .filter-row,.dash-filters { flex-direction:column; align-items:flex-start; }
  .dash-filters-right { margin-left:0; }
  .blog-footer-inner { flex-direction:column; gap:.75rem; text-align:center; }
}