/* St. Brielle Civilian Residency — local draft/resume layer */
.sb-draft-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  min-width:0;
}
.sb-draft-status{
  color:#64777d!important;
  font:500 8px/1.4 var(--font-geist-mono,ui-monospace,monospace)!important;
  letter-spacing:.06em!important;
  text-transform:uppercase;
  white-space:nowrap;
}
.sb-draft-save{
  min-height:32px;
  padding:0 13px!important;
  border:1px solid rgba(174,138,82,.34)!important;
  background:rgba(174,138,82,.055)!important;
  color:#cdb88d!important;
  font:600 8px var(--font-geist-mono,ui-monospace,monospace)!important;
  letter-spacing:.09em!important;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}
.sb-draft-save:hover,
.sb-draft-save:focus-visible{
  border-color:rgba(174,138,82,.68)!important;
  background:rgba(174,138,82,.11)!important;
  color:#e4d4b1!important;
  outline:none;
  transform:translateY(-1px);
}

.sb-draft-resume{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  margin-bottom:2px;
  padding:18px 20px;
  border:1px solid rgba(174,138,82,.34);
  background:
    radial-gradient(circle at 0 50%,rgba(174,138,82,.10),transparent 25rem),
    linear-gradient(135deg,rgba(27,35,37,.97),rgba(10,14,16,.98));
  box-shadow:0 16px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
}
.sb-draft-resume>div:first-child{min-width:0}
.sb-draft-resume span{
  display:block;
  color:#b89561;
  font:600 8px var(--font-geist-mono,ui-monospace,monospace);
  letter-spacing:.16em;
}
.sb-draft-resume strong{
  display:block;
  margin-top:6px;
  color:#ddd8cb;
  font:400 23px/1.05 var(--font-cormorant,Georgia,serif);
}
.sb-draft-resume small{
  display:block;
  margin-top:7px;
  color:#6f7e83;
  font:500 8px/1.55 var(--font-geist-mono,ui-monospace,monospace);
  letter-spacing:.045em;
  text-transform:uppercase;
}
.sb-draft-resume>div:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.sb-draft-resume-button,
.sb-draft-discard-button{
  min-height:38px;
  padding:0 15px;
  cursor:pointer;
  font:600 8px var(--font-geist-mono,ui-monospace,monospace);
  letter-spacing:.09em;
  text-transform:uppercase;
  transition:.22s ease;
}
.sb-draft-resume-button{
  border:1px solid #ae8a52;
  background:#ae8a52;
  color:#0d1113;
}
.sb-draft-resume-button:hover,
.sb-draft-resume-button:focus-visible{
  background:#c3a16a;
  border-color:#c3a16a;
  box-shadow:0 10px 28px rgba(174,138,82,.14);
  outline:none;
  transform:translateY(-1px);
}
.sb-draft-discard-button{
  border:1px solid rgba(233,226,211,.12);
  background:transparent;
  color:#718087;
}
.sb-draft-discard-button:hover,
.sb-draft-discard-button:focus-visible{
  border-color:rgba(233,226,211,.28);
  color:#b9bfbd;
  outline:none;
}

@media(max-width:920px){
  .sb-draft-status{white-space:normal;text-align:right}
}
@media(max-width:680px){
  .sb-draft-controls{gap:8px}
  .sb-draft-status{max-width:130px;font-size:7px!important}
  .sb-draft-save{padding-inline:10px!important}
  .sb-draft-resume{grid-template-columns:1fr;gap:14px;padding:16px}
  .sb-draft-resume>div:last-child{justify-content:flex-start;flex-wrap:wrap}
  .sb-draft-resume-button,.sb-draft-discard-button{flex:1 1 150px}
}