/* V14 · Fixed three-slot action geometry and task-number optical alignment.
   All percentages reference original non-stretched 941×1305 newspaper artwork.
   The three horizontal slots share one grid; no separate guessed x-coordinates. */
.paper-wrap .task-number{
  top:27.35%;
  height:10.1%;
  align-items:center;
}
.paper-wrap .task-number strong{
  line-height:1;
  transform:translateY(-2px);
}
.paper-wrap .task-number span{
  align-self:center;
  margin-top:0;
  transform:translateY(3px);
}
/* Preserve the Hi Sofia baseline as a greeting, not a numeric count. */
.paper-wrap[data-state="new"] .task-number strong{transform:none}
/* One evenly spaced action row: side centres return to the original painted
   flourish anchors (about 21.1% / 78.9% of the paper) while main shrinks
   from ~210px to ~174px at 440px paper width. */
.paper-wrap .task-action-row{
  position:absolute;
  z-index:8;
  left:12.73%;top:50.90%;
  width:74.54%;height:8.2%;
  display:grid;
  grid-template-columns:22% 53% 22%;
  column-gap:1.5%;
  align-items:center;
  overflow:visible;
}
.paper-wrap .task-action-row .main-cta{
  position:relative;
  grid-column:2;grid-row:1;
  left:auto;right:auto;top:auto;bottom:auto;
  width:100%;height:100%;
  min-width:0;justify-self:stretch;
  gap:3px;
}
.paper-wrap .task-action-row .main-cta>img{object-fit:contain}
.paper-wrap .task-action-row .main-cta span{
  font-size:clamp(13.5px,3.88vw,18.1px);
  letter-spacing:0;
}
.paper-wrap .task-action-row .main-cta b{font-size:clamp(17px,4.4vw,20px)}
.paper-wrap .task-action-row .cta-flourish{
  position:relative;
  top:auto;left:auto;right:auto;bottom:auto;
  width:55%;height:auto;
  justify-self:center;align-self:center;
  object-fit:contain;
  pointer-events:none;
  transform:none;
}
.paper-wrap .task-action-row .cta-flourish-left{grid-column:1;grid-row:1}
.paper-wrap .task-action-row .cta-flourish-right{grid-column:3;grid-row:1}
.paper-wrap .task-action-row .extra-words{
  position:absolute;
  inset:0;
  left:0;right:auto;top:0;bottom:auto;
  width:100%;height:100%;
  display:grid;
  grid-template-columns:22% 53% 22%;
  column-gap:1.5%;
  align-items:center;
  overflow:visible;
  z-index:9;
  pointer-events:none;
}
.paper-wrap .task-action-row .extra-words[hidden]{display:none!important}
.paper-wrap .task-action-row .extra-words button,
.paper-wrap .task-action-row .extra-words button:first-child,
.paper-wrap .task-action-row .extra-words button:last-child{
  position:relative;
  top:auto;left:auto;right:auto;bottom:auto;
  width:100%;height:auto;
  max-width:none;min-width:0;min-height:0;
  margin:0;padding:0;
  display:block;
  justify-self:center;align-self:center;
  transform:none;
  pointer-events:auto;
  font-size:clamp(9.4px,2.65vw,11.7px);
}
.paper-wrap .task-action-row .extra-words button:first-child{grid-column:1;grid-row:1;aspect-ratio:1086/703}
.paper-wrap .task-action-row .extra-words button:last-child{grid-column:3;grid-row:1;aspect-ratio:1082/716}
.paper-wrap .task-action-row .extra-words button:active{transform:scale(.975)}
.paper-wrap .task-action-row .extra-words button span{font-size:inherit}
/* Preview-only switcher: does not write storage, alter tasks, or call APIs. */
.preview-state-trigger{
  position:absolute;left:5px;top:4px;z-index:21;
  border:1px solid #d3ad77a8;border-radius:999px;
  padding:5px 8px;background:#261244bb;color:#f9ddaf;
  font:600 10px/1 'STFangsong','Songti SC',serif;
  box-shadow:0 2px 5px #16072a70;
}
.preview-state-panel{
  position:absolute;z-index:25;left:5px;top:33px;
  width:min(280px,calc(100% - 12px));
  padding:11px 11px 12px;border:1px solid #e0b87a;
  border-radius:13px;background:#f8e6ccf5;
  color:#542d69;box-shadow:0 9px 20px #13052ab3;
}
.preview-state-panel[hidden]{display:none!important}
.preview-state-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font:700 13px/1.2 'STFangsong','Songti SC',serif}
.preview-state-heading button{border:0;background:transparent;color:#64377a;font:600 20px/1;padding:0 4px}
.preview-state-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.preview-state-options button{
  min-height:32px;border:1px solid #d1ae84;border-radius:8px;
  background:#fff5e4;color:#613b6a;
  font:700 12px/1.2 'STFangsong','Songti SC',serif;
}
.preview-state-options button[aria-pressed="true"]{background:#774b98;color:#fff5db;border-color:#ad83b0}
body.preview-clean .preview-state-trigger,body.preview-clean .preview-state-panel{display:none!important}
@media(max-height:780px){
  .paper-wrap .task-action-row .main-cta span{font-size:clamp(12.2px,3.47vw,15.8px)}
  .paper-wrap .task-action-row .extra-words button{font-size:clamp(8.6px,2.38vw,10.5px)}
}