:root{
    --paper:#EFEAE0;
    --paper-2:#E6DFCF;
    --ink:#2B2420;
    --ink-soft:#5b5248;
    --wine:#8C1F28;
    --wine-deep:#6e161d;
    --gold:#C9A227;
    --pine:#2F4538;
    --line:#c9bfa8;
    --display: 'PT Serif', Georgia, serif;
    --body: 'PT Sans', Arial, sans-serif;
    --mono: 'PT Mono', monospace;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:var(--body);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}

  ::selection{background:var(--gold); color:var(--ink);}

  :focus-visible{
    outline:2px solid var(--wine);
    outline-offset:3px;
  }

  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 28px;
  }

  /* ---------- folk-pattern divider: везана диамантена лента (шевица) ---------- */
  .shevitsa{
    width:100%;
    height:20px;
    background-color:var(--paper-2);
    background-image:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2216%22%20viewBox%3D%220%200%2028%2016%22%3E%3Cpath%20d%3D%22M7%201%20L13%208%20L7%2015%20L1%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%25238C1F28%22%20stroke-width%3D%221.6%22/%3E%3Cpath%20d%3D%22M21%201%20L27%208%20L21%2015%20L15%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%25238C1F28%22%20stroke-width%3D%221.6%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221.4%22%20fill%3D%22%25238C1F28%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%228%22%20r%3D%221.4%22%20fill%3D%22%25238C1F28%22/%3E%3C/svg%3E");
    background-repeat:repeat-x;
    background-position:center;
    border-top:1px solid var(--wine);
    border-bottom:1px solid var(--wine);
    opacity:0.92;
  }
  .shevitsa.gold{
    border-top-color:var(--gold);
    border-bottom-color:var(--gold);
    background-image:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2216%22%20viewBox%3D%220%200%2028%2016%22%3E%3Cpath%20d%3D%22M7%201%20L13%208%20L7%2015%20L1%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%2523C9A227%22%20stroke-width%3D%221.6%22/%3E%3Cpath%20d%3D%22M21%201%20L27%208%20L21%2015%20L15%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%2523C9A227%22%20stroke-width%3D%221.6%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221.4%22%20fill%3D%22%2523C9A227%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%228%22%20r%3D%221.4%22%20fill%3D%22%2523C9A227%22/%3E%3C/svg%3E");
  }
  .shevitsa.pine{
    border-top-color:var(--pine);
    border-bottom-color:var(--pine);
    background-image:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2216%22%20viewBox%3D%220%200%2028%2016%22%3E%3Cpath%20d%3D%22M7%201%20L13%208%20L7%2015%20L1%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%25232F4538%22%20stroke-width%3D%221.6%22/%3E%3Cpath%20d%3D%22M21%201%20L27%208%20L21%2015%20L15%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%25232F4538%22%20stroke-width%3D%221.6%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221.4%22%20fill%3D%22%25232F4538%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%228%22%20r%3D%221.4%22%20fill%3D%22%25232F4538%22/%3E%3C/svg%3E");
  }

  /* ---------- masthead ---------- */
  header.masthead{
    padding:22px 0 0;
    background:var(--paper);
    position:sticky;
    top:0;
    z-index:50;
  }
  .masthead-inner{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:14px;
    padding-bottom:18px;
    border-bottom:1px solid var(--line);
  }
  .brand{
    font-family:var(--display);
    font-weight:700;
    font-size:2.1rem;
    letter-spacing:0.5px;
    text-decoration:none;
  }
  .brand small{
    display:block;
    font-family:var(--mono);
    font-size:0.62rem;
    font-weight:400;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--ink-soft);
    margin-top:4px;
  }
  nav.primary{
    display:flex;
    gap:22px;
    flex-wrap:wrap;
    font-family:var(--mono);
    font-size:0.78rem;
    letter-spacing:0.5px;
    text-transform:uppercase;
  }
  nav.primary a{
    text-decoration:none;
    color:var(--ink);
    padding-bottom:3px;
    border-bottom:2px solid transparent;
    transition:border-color .2s ease, color .2s ease;
  }
  nav.primary a:hover{
    border-bottom-color:var(--wine);
    color:var(--wine);
  }
  nav.primary a.cta{
    color:var(--paper);
    background:var(--wine);
    padding:7px 14px;
    border-radius:2px;
    border-bottom:none;
  }
  nav.primary a.cta:hover{
    background:var(--wine-deep);
  }

  /* ---------- hero ---------- */
  .hero{
    padding:64px 0 56px;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:48px;
    align-items:center;
  }
  .hero-eyebrow{
    font-family:var(--mono);
    font-size:0.75rem;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--wine);
    margin-bottom:14px;
    display:inline-block;
  }
  .hero h1{
    font-family:var(--display);
    font-size:clamp(2.2rem, 4vw, 3.4rem);
    line-height:1.08;
    margin:0 0 20px;
  }
  .hero p.lede{
    font-size:1.08rem;
    color:var(--ink-soft);
    max-width:46ch;
    margin:0 0 26px;
  }
  .hero-meta{
    font-family:var(--mono);
    font-size:0.78rem;
    color:var(--ink-soft);
    display:flex;
    gap:18px;
  }
  .hero-art{
    aspect-ratio:4/5;
    border-radius:2px;
    background:
      radial-gradient(circle at 30% 25%, rgba(201,162,39,0.55), transparent 55%),
      linear-gradient(160deg, var(--pine) 0%, var(--ink) 78%);
    position:relative;
    overflow:hidden;
    box-shadow:inset 0 0 0 6px rgba(239,234,224,0.08);
  }
  .hero-art::before{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:16px;
    background-color:rgba(43,36,32,0.4);
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2216%22%20viewBox%3D%220%200%2028%2016%22%3E%3Cpath%20d%3D%22M7%201%20L13%208%20L7%2015%20L1%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%2523EFEAE0%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M21%201%20L27%208%20L21%2015%20L15%208%20Z%22%20fill%3D%22none%22%20stroke%3D%22%2523EFEAE0%22%20stroke-width%3D%221.5%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221.3%22%20fill%3D%22%2523EFEAE0%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%228%22%20r%3D%221.3%22%20fill%3D%22%2523EFEAE0%22/%3E%3C/svg%3E");
    background-repeat:repeat-x;
    background-position:center;
    z-index:2;
    opacity:0.9;
  }
  .hero-art::after{
    content:"";
    position:absolute; inset:0;
    background-image:
      linear-gradient(135deg, rgba(239,234,224,0.12) 25%, transparent 25%, transparent 75%, rgba(239,234,224,0.12) 75%),
      linear-gradient(135deg, rgba(239,234,224,0.12) 25%, transparent 25%, transparent 75%, rgba(239,234,224,0.12) 75%);
    background-size:46px 46px;
    background-position:0 0, 23px 23px;
  }
  .hero-art span{
    position:absolute;
    bottom:20px; left:20px;
    font-family:var(--mono);
    font-size:0.7rem;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--paper);
    opacity:0.85;
  }

  /* ---------- section scaffolding ---------- */
  section.block{
    padding:56px 0;
  }
  .block-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:20px;
    margin-bottom:34px;
    flex-wrap:wrap;
  }
  .block-head h2{
    font-family:var(--display);
    font-size:1.9rem;
    margin:0;
  }
  .block-head .tag{
    font-family:var(--mono);
    font-size:0.72rem;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--ink-soft);
  }

  /* card grids */
  .grid{
    display:grid;
    gap:28px;
  }
  .grid.cols-3{grid-template-columns:repeat(3,1fr);}
  .grid.cols-2{grid-template-columns:repeat(2,1fr);}

  .card{
    background:var(--paper-2);
    border:1px solid var(--line);
    padding:22px;
    border-radius:2px;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px -14px rgba(43,36,32,0.4);
    border-color:var(--wine);
  }
  .card .thumb{
    aspect-ratio:16/10;
    border-radius:2px;
    margin-bottom:16px;
    background:linear-gradient(135deg, var(--wine) 0%, var(--ink) 130%);
    position:relative;
    overflow:hidden;
  }
  .card .thumb::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:11px;
    background-color:rgba(43,36,32,0.35);
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%3E%3Cpath%20d%3D%22M0%201%20L10%2012%20L20%201%22%20fill%3D%22none%22%20stroke%3D%22%2523EFEAE0%22%20stroke-width%3D%221.6%22/%3E%3C/svg%3E");
    background-repeat:repeat-x;
    background-position:center;
    opacity:0.8;
  }
  .card .thumb.alt1{background:linear-gradient(135deg, var(--gold) 0%, var(--ink) 130%);}
  .card .thumb.alt2{background:linear-gradient(135deg, var(--pine) 0%, var(--ink) 130%);}
  .card .eyebrow{
    font-family:var(--mono);
    font-size:0.68rem;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--wine);
    display:block;
    margin-bottom:8px;
  }
  .card h3{
    font-family:var(--display);
    font-size:1.25rem;
    margin:0 0 10px;
    line-height:1.25;
  }
  .card p{
    font-size:0.93rem;
    color:var(--ink-soft);
    margin:0 0 14px;
  }
  .card .byline{
    font-family:var(--mono);
    font-size:0.7rem;
    color:var(--ink-soft);
    display:flex;
    justify-content:space-between;
  }

  /* current-affairs list */
  .list-item{
    display:grid;
    grid-template-columns:90px 1fr auto;
    gap:18px;
    align-items:start;
    padding:18px 0;
    border-bottom:1px solid var(--line);
  }
  .list-item:first-child{padding-top:0;}
  .list-item .date{
    font-family:var(--mono);
    font-size:0.72rem;
    color:var(--wine);
    padding-top:4px;
  }
  .list-item h3{
    font-family:var(--display);
    font-size:1.15rem;
    margin:0 0 6px;
  }
  .list-item p{
    margin:0;
    color:var(--ink-soft);
    font-size:0.92rem;
  }
  .list-item .arrow{
    font-family:var(--mono);
    color:var(--ink-soft);
    padding-top:4px;
  }

  /* books */
  .book-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
  }
  .book{
    text-align:left;
  }
  .book .cover{
    aspect-ratio:2/3;
    border-radius:2px;
    margin-bottom:12px;
    position:relative;
    display:flex;
    align-items:flex-end;
    padding:14px;
    color:var(--paper);
    font-family:var(--display);
    font-weight:700;
    font-size:1.05rem;
    line-height:1.2;
    overflow:hidden;
  }
  .book .cover::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:12px;
    background-color:rgba(43,36,32,0.3);
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M7%201%20L7%2013%20M1%207%20L13%207%22%20stroke%3D%22%2523EFEAE0%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E");
    background-repeat:repeat-x;
    background-position:center;
    opacity:0.85;
  }
  .book .cover.c1{background:linear-gradient(165deg,var(--wine),#3a0e12);}
  .book .cover.c2{background:linear-gradient(165deg,var(--pine),#16221a);}
  .book .cover.c3{background:linear-gradient(165deg,var(--gold),#7a611a);}
  .book .cover.c4{background:linear-gradient(165deg,var(--ink-soft),var(--ink));}
  .book .author{
    font-family:var(--mono);
    font-size:0.72rem;
    color:var(--ink-soft);
    margin:0 0 4px;
  }
  .book .why{
    font-size:0.85rem;
    color:var(--ink-soft);
    margin:6px 0 0;
  }

  /* initiatives */
  .init-card{
    background:var(--paper);
    border:1px solid var(--line);
    border-left:4px solid var(--pine);
    padding:24px;
    border-radius:2px;
  }
  .init-card h3{
    font-family:var(--display);
    font-size:1.2rem;
    margin:0 0 10px;
  }
  .init-card p{
    color:var(--ink-soft);
    font-size:0.93rem;
    margin:0 0 16px;
  }
  .init-card .status{
    font-family:var(--mono);
    font-size:0.68rem;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--pine);
  }

  /* write-an-article panel */
  .write-panel{
    background:var(--ink);
    color:var(--paper);
    border-radius:3px;
    padding:48px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
  }
  .write-panel h2{
    font-family:var(--display);
    font-size:1.9rem;
    margin:0 0 14px;
  }
  .write-panel p{
    color:#cfc6b8;
    margin:0 0 0;
    max-width:42ch;
  }
  .mock-form{
    background:var(--paper);
    color:var(--ink);
    border-radius:2px;
    padding:24px;
  }
  .mock-form .field{
    margin-bottom:14px;
  }
  .mock-form label{
    display:block;
    font-family:var(--mono);
    font-size:0.68rem;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--ink-soft);
    margin-bottom:6px;
  }
  .mock-form input, .mock-form select, .mock-form textarea{
    width:100%;
    border:1px solid var(--line);
    background:var(--paper-2);
    padding:10px 12px;
    font-family:var(--body);
    font-size:0.92rem;
    border-radius:2px;
    color:var(--ink);
  }
  .mock-form textarea{resize:vertical; min-height:70px;}
  .mock-form button{
    width:100%;
    background:var(--wine);
    color:var(--paper);
    border:none;
    padding:12px;
    font-family:var(--mono);
    font-size:0.78rem;
    letter-spacing:1.5px;
    text-transform:uppercase;
    border-radius:2px;
    cursor:pointer;
    transition:background .2s ease;
  }
  .mock-form button:hover{background:var(--wine-deep);}
  .form-note{
    font-family:var(--mono);
    font-size:0.7rem;
    color:var(--ink-soft);
    margin:12px 0 0;
    text-align:center;
  }

  /* footer */
  footer{
    padding:48px 0 60px;
    font-family:var(--mono);
    font-size:0.78rem;
    color:var(--ink-soft);
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:14px;
  }
  .social-links{
    display:flex;
    gap:18px;
    list-style:none;
    margin:0;
    padding:0;
  }
  .social-links a{
    text-decoration:none;
    color:var(--ink-soft);
    letter-spacing:1px;
    text-transform:uppercase;
    border-bottom:1px solid transparent;
    transition:color .2s ease, border-color .2s ease;
  }
  .social-links a:hover{
    color:var(--wine);
    border-color:var(--wine);
  }

  @media (max-width: 900px){
    .hero{grid-template-columns:1fr; padding-top:40px;}
    .hero-art{order:-1; aspect-ratio:16/9;}
    .grid.cols-3, .grid.cols-2{grid-template-columns:1fr;}
    .book-row{grid-template-columns:repeat(2,1fr);}
    .write-panel{grid-template-columns:1fr; padding:32px 24px;}
    .list-item{grid-template-columns:70px 1fr; }
    .list-item .arrow{display:none;}
    nav.primary{font-size:0.7rem; gap:14px;}
  }

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .card{transition:none;}
  }

/* ---------- editors page ---------- */
.editors-hero{
  padding:56px 0 40px;
}
.editors-hero h1{
  font-family:var(--display);
  font-size:clamp(2rem, 3.5vw, 2.8rem);
  margin:0 0 14px;
}
.editors-hero p{
  color:var(--ink-soft);
  max-width:60ch;
  font-size:1.02rem;
}
.editor-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:32px;
  padding:8px 0 56px;
}
.editor-card{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:20px;
  background:var(--paper-2);
  border:1px solid var(--line);
  padding:24px;
  border-radius:2px;
}
.editor-photo{
  width:120px;
  height:120px;
  border-radius:50%;
  background:linear-gradient(150deg, var(--wine), var(--ink));
}
.editor-photo.p2{background:linear-gradient(150deg, var(--pine), var(--ink));}
.editor-photo.p3{background:linear-gradient(150deg, var(--gold), var(--ink-soft));}
.editor-photo.p4{background:linear-gradient(150deg, var(--ink-soft), var(--ink));}
.editor-card h3{
  font-family:var(--display);
  font-size:1.3rem;
  margin:0 0 4px;
}
.editor-role{
  font-family:var(--mono);
  font-size:0.7rem;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--wine);
  display:block;
  margin-bottom:10px;
}
.editor-card p.bio{
  font-size:0.9rem;
  color:var(--ink-soft);
  margin:0 0 12px;
}
.editor-contact{
  font-family:var(--mono);
  font-size:0.72rem;
  color:var(--ink-soft);
}
.editor-contact a{
  color:var(--wine);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.editor-contact a:hover{border-color:var(--wine);}

@media (max-width: 700px){
  .editor-grid{grid-template-columns:1fr;}
  .editor-card{grid-template-columns:80px 1fr;}
  .editor-photo{width:80px; height:80px;}
}

/* ---------- admin panel ---------- */
.admin-bar{
  background:var(--ink);
  color:var(--paper);
  padding:14px 0;
}
.admin-bar .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
}
.admin-bar .who{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:var(--mono);
  font-size:0.78rem;
}
.admin-bar select{
  background:var(--paper);
  color:var(--ink);
  border:none;
  padding:8px 12px;
  border-radius:2px;
  font-family:var(--mono);
  font-size:0.78rem;
}
.admin-bar .role-tag{
  color:#cfc6b8;
}

.tabs{
  display:flex;
  gap:8px;
  margin:36px 0 28px;
  border-bottom:1px solid var(--line);
}
.tab-btn{
  background:none;
  border:none;
  font-family:var(--mono);
  font-size:0.78rem;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--ink-soft);
  padding:10px 4px;
  margin-right:22px;
  cursor:pointer;
  border-bottom:2px solid transparent;
}
.tab-btn.active{
  color:var(--wine);
  border-bottom-color:var(--wine);
}
.tab-panel{display:none;}
.tab-panel.active{display:block;}

.submission-card{
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:2px;
  padding:20px 22px;
  margin-bottom:16px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.submission-card .meta{
  font-family:var(--mono);
  font-size:0.68rem;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:8px;
  display:flex;
  gap:10px;
}
.submission-card h3{
  font-family:var(--display);
  font-size:1.15rem;
  margin:0 0 6px;
}
.submission-card p{
  margin:0;
  color:var(--ink-soft);
  font-size:0.9rem;
}
.submission-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:130px;
}
.btn-approve, .btn-reject{
  font-family:var(--mono);
  font-size:0.7rem;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:9px 14px;
  border-radius:2px;
  border:1px solid var(--line);
  background:var(--paper);
  cursor:pointer;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.btn-approve:hover{background:var(--pine); color:var(--paper); border-color:var(--pine);}
.btn-reject:hover{background:var(--wine); color:var(--paper); border-color:var(--wine);}
.badge{
  font-family:var(--mono);
  font-size:0.65rem;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:4px 9px;
  border-radius:10px;
  display:inline-block;
}
.badge.pending{background:#e9dfc4; color:#7a611a;}
.badge.approved{background:#d9e5da; color:var(--pine);}
.badge.rejected{background:#ecd6d6; color:var(--wine-deep);}

.admin-form{
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:2px;
  padding:26px;
  max-width:640px;
}
.admin-form .field{margin-bottom:16px;}
.admin-form label{
  display:block;
  font-family:var(--mono);
  font-size:0.68rem;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:6px;
}
.admin-form input, .admin-form select, .admin-form textarea{
  width:100%;
  border:1px solid var(--line);
  background:var(--paper);
  padding:10px 12px;
  font-family:var(--body);
  font-size:0.92rem;
  border-radius:2px;
  color:var(--ink);
}
.admin-form textarea{resize:vertical; min-height:140px;}
.admin-form button{
  background:var(--wine);
  color:var(--paper);
  border:none;
  padding:11px 20px;
  font-family:var(--mono);
  font-size:0.75rem;
  letter-spacing:1px;
  text-transform:uppercase;
  border-radius:2px;
  cursor:pointer;
}
.admin-form button:hover{background:var(--wine-deep);}

.published-card{
  border-bottom:1px solid var(--line);
  padding:16px 0;
}
.published-card .meta{
  font-family:var(--mono);
  font-size:0.68rem;
  color:var(--ink-soft);
  display:flex;
  gap:10px;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:1px;
}
.published-card h3{
  font-family:var(--display);
  font-size:1.1rem;
  margin:0 0 4px;
}
.empty-state{
  font-family:var(--mono);
  font-size:0.82rem;
  color:var(--ink-soft);
  padding:30px 0;
}
.status-msg{
  font-family:var(--mono);
  font-size:0.72rem;
  color:var(--pine);
  margin-top:10px;
  min-height:1em;
}

@media (max-width: 700px){
  .submission-card{grid-template-columns:1fr;}
  .submission-actions{flex-direction:row;}
}