/* V20 — My Life Journal: editable welcome and new gold-foil cover artwork. */
.mini-home .join-title{
  flex:1; min-width:0; width:auto; flex-wrap:wrap;
  font-family:'Fraunces',Georgia,serif; line-height:1.25;
  white-space:normal; gap:6px 8px;
}
.mini-home .join-title>.ic{flex:0 0 auto}
.mini-home .welcome-heading{
  min-width:0; max-width:100%; flex:0 1 auto;
  padding:4px 0; border:0; background:transparent;
  color:hsl(var(--th) calc(var(--ts) * 15%) 31.4%); font:inherit; font-weight:700; font-size:clamp(15px,3.8vw,21px);
  white-space:normal; overflow-wrap:anywhere; text-align:left; cursor:pointer;
}
.mini-home .welcome-heading:focus-visible,
.mini-home .welcome-edit-btn:focus-visible{outline:2px solid hsl(var(--th) calc(var(--ts) * 19.2%) 43.3%);outline-offset:3px}
.mini-home .welcome-edit-btn{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:3px;
  padding:5px 8px; border:1px solid hsl(var(--th) calc(var(--ts) * 19.7%) 83.2%); border-radius:99px;
  background:#fff9f9; color:hsl(var(--th) calc(var(--ts) * 19.5%) 40.2%); font-size:11px;
  font-family:inherit; font-weight:700; cursor:pointer;
}
.mini-home .welcome-edit-btn .ic{width:14px;height:14px}
.mini-home .mini-welcome{align-items:center; gap:10px}
.mini-home .notebook-illustration{object-fit:contain}
.mini-home .notebook-name{
  left:20%;top:60.5%;width:64%;height:13%;
  background:transparent; box-shadow:none; border:0;
  padding:4px 7px; color:hsl(var(--th) calc(var(--ts) * 19.3%) 34.7%); text-shadow:0 1px 1px hsl(42 55% 96.9%);
}
.mini-home .notebook-name strong{
  font-family:'Fraunces',Georgia,serif;
  font-weight:700; font-size:clamp(12px,2.8vw,20px); line-height:1.1;
}
.mini-home .notebook-name small{color:hsl(var(--th) calc(var(--ts) * 19%) 46%);font-size:clamp(8px,1.9vw,12px)}
.mini-home .planner-notebook .notebook-name{top:60.5%;background:transparent}
.cover-colour-choice{position:relative}
.cover-colour-choice input:checked+.cover-colour-preview{border-color:hsl(42 41.6% 51.8%);box-shadow:0 0 0 2px hsl(42 64.3% 80%),0 3px 9px hsl(var(--th) calc(var(--ts) * 15.3%) 37% / 0.133)}
@media(max-width:380px){
  .mini-home .join-title{gap:4px 5px}
  .mini-home .welcome-heading{font-size:15px}
  .mini-home .welcome-edit-btn{font-size:10px;padding:4px 7px}
  .mini-home .notebook-name strong{font-size:12px}
}

/* Stronger name contrast than the V18 premium skin (which used white text for dark covers). */
.mini-home .notebook-name strong{color:hsl(var(--th) calc(var(--ts) * 17.5%) 34.4%) !important;text-shadow:0 1px 1px hsl(42 55% 96.9%) !important}
.mini-home .notebook-name small{color:hsl(var(--th) calc(var(--ts) * 15.5%) 44.4%) !important;text-shadow:0 1px 1px hsl(42 55% 96.9%) !important}
.mini-home .welcome-heading{box-shadow:none !important}

/* Every cover itself opens the notebook, so its small action row only needs Edit and Delete. */
.mini-home .notebook-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}
.mini-home .notebook-controls button{padding:6px 7px;font-size:clamp(10px,2.3vw,12px);gap:4px}
.mini-home .notebook-controls .ic{width:15px;height:15px}