/* Export cards: retain space for the writing, not for interface labels. */
.screen-card h2{
  max-width:calc(100% - 38px);
  margin:0 0 5px;
}

.screen-card .sub,
.editor #page-subtitle{display:none}

.screen-card i{margin:12px 0}

.screen-card .card-body{
  padding-right:2px;
  font-size:var(--body-size);
  line-height:var(--leading);
}

.screen-card footer{
  display:flex;
  align-items:baseline;
  gap:8px;
}

.screen-card .card-work-name{
  font-weight:700;
  letter-spacing:.04em;
}

.screen-card .card-footer-detail{opacity:.78}
.screen-card .card-footer-detail::before{
  margin-right:8px;
  content:"·";
}

/* Keep the title, footer and page number compact and on one bottom baseline. */
.screen-card{
  padding:24px 25px 50px;
}

.screen-card h2{
  margin:0 0 4px;
  font-size:var(--title-size,28px);
  line-height:1.1;
}

.screen-card i{margin:10px 0 12px}
.screen-card .card-body{flex:1;min-height:0}
.screen-card footer{
  position:absolute;
  right:76px;
  bottom:25px;
  left:25px;
  margin:0;
  padding:0;
  line-height:1;
}

.screen-card .card-number{
  right:25px;
  bottom:25px;
  line-height:1;
}

.style-hint{
  margin:2px 0 0;
  color:#9a908a;
  font-size:10px;
  line-height:1.6;
}