/* THE WORLD OF LIRI — shared printable styles */
:root{
  --cream:#fffaf0; --ink:#3b2f24; --soft:#7a6650; --line:#eadcc2; --card:#fffdf8;
  --yellow:#fff3c4; --yellow-s:#f5c842;
  --peach:#ffe3d0; --peach-s:#f6a878;
  --coral:#ffd9d2; --coral-s:#ee8a78;
  --lav:#ece3fa; --lav-s:#a88ee0;
  --night:#dde6f7; --night-s:#6f8fcf;
  --blush:#fde0ea; --blush-s:#ec96b4;
  --sand:#f5ead6; --sand-s:#cfae78;
  --mint:#dcf3e8; --mint-s:#6cc49c;
  --leaf:#e2f1d2; --leaf-s:#7cb85a;
  --title:"Baloo 2","Nunito","Trebuchet MS","Arial Rounded MT Bold",sans-serif;
  --body:"Nunito","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);line-height:1.45;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:16px 16px 32px}
h1,h2,h3,.title{font-family:var(--title);font-weight:800;line-height:1.15;margin:0}
h1{font-size:clamp(26px,5vw,38px)}
.sub{color:var(--soft);margin:6px 0 0;font-size:15px}
.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.back{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;padding:6px 0}
.back:hover{text-decoration:underline}
.btns{display:flex;flex-wrap:wrap;gap:8px}
.btn{font:inherit;font-weight:800;font-size:14px;border:2px solid var(--ink);background:#ffe89a;color:var(--ink);padding:9px 16px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.btn.alt{background:var(--card)}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,.back:focus-visible,a:focus-visible{outline:3px solid var(--lav-s);outline-offset:2px}
.footer{margin-top:22px;padding-top:10px;border-top:1.5px dashed var(--line);text-align:center;font-size:12px;color:var(--soft)}
.pill{display:inline-block;background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}
.sticker{position:absolute;pointer-events:none;line-height:1}
.print-only{display:none}

@page{size:auto;margin:12mm}
@media print{
  html,body{background:#fff}
  .no-print,.back,.btns,.speak{display:none !important}
  .screen-only{display:none !important}
  .print-only{display:block}
  .wrap{max-width:none;padding:0}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  a{color:inherit;text-decoration:none}
  .footer{margin-top:6mm;padding-top:2mm;font-size:8.5pt}
}