@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(fonts/X7nP4b87HvSqjb_WIi2yDCRwoQ_k7367_B-i2yQag0-mac3OwyLMFg.ttf) format('truetype');
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(fonts/X7nP4b87HvSqjb_WIi2yDCRwoQ_k7367_B-i2yQag0-mac3OLyXMFg.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshRTM.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDGUmRTM.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/XRXI3I6Li01BKofiOc5wtlZ2di8HDFwmRTM.ttf) format('truetype');
}
:root{--bg:#fffaf3;--ink:#2e3a40;--soft:#5a6870;--accent:#b8541c;--accent-d:#8f3f12;--teal:#2f6474;--band:#fdeedd;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.65 "Nunito","Segoe UI",system-ui,-apple-system,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal)}a:hover{color:var(--accent-d)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
.wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem}.skip:focus{left:1rem;z-index:10}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2{font-family:"Fredoka","Nunito",system-ui,sans-serif;font-weight:600;line-height:1.2;color:#24343b}
h1{font-size:clamp(2rem,4.5vw,3rem);margin:.2em 0 .4em}h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:1.2em 0 .5em}
.site-header{background:#fff;border-bottom:1px solid #f1e3d1}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.8rem;padding-bottom:.8rem}
.brand{display:flex;align-items:center;gap:.5rem;font-family:"Fredoka","Nunito",sans-serif;font-weight:600;font-size:1.3rem;color:var(--ink);text-decoration:none}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin:0;padding:0}
nav a{text-decoration:none;color:var(--ink);font-weight:600;padding:.3rem 0;border-bottom:3px solid transparent}
nav a[aria-current]{border-color:var(--accent)}nav a:hover{border-color:#f2a65a}
.hero{background:linear-gradient(160deg,#fff3e3,#e9f3f2);padding:3rem 0 3.5rem}
.hero-grid,.split{display:grid;gap:2.5rem;align-items:center;grid-template-columns:1fr 1.1fr}
.lead{font-size:1.2rem;color:var(--soft)}
.hero-covers{display:flex;gap:1rem}.hero-covers img{width:50%;border-radius:10px;box-shadow:0 10px 24px rgba(46,58,64,.18)}
.hero-covers img:last-child{transform:translateY(1.5rem)}
.actions{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:.75rem 1.4rem;border-radius:999px;border:2px solid var(--accent)}
.btn:hover{background:var(--accent-d);border-color:var(--accent-d);color:#fff}
.btn-alt{background:#fff;color:var(--accent-d)}.btn-alt:hover{background:#fff3e8;color:var(--accent-d)}
.btn-big{font-size:1.2rem;padding:.9rem 1.8rem}
.section{padding:1.5rem 1.25rem 2.5rem}
.band{background:var(--band);padding:1.5rem 0 2.5rem}
.editions{padding-left:1.2rem}.editions li{margin:.4rem 0}
.chart{max-width:320px;margin:0 auto;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.12);transform:rotate(2deg)}
.page-head{background:linear-gradient(160deg,#fff3e3,#e9f3f2);padding:2.5rem 0 2rem}.page-head .lead{max-width:46rem}
.book{display:grid;grid-template-columns:240px 1fr;gap:2rem;align-items:start;background:var(--card);border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 16px rgba(46,58,64,.08)}
.book img{border-radius:8px}.book h2{margin-top:0}.meta{color:var(--soft)}
.ticks{list-style:none;padding:0}.ticks li{padding-left:1.8rem;position:relative;margin:.4rem 0}
.ticks li::before{content:"♥";position:absolute;left:0;color:var(--accent)}
.previews{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.previews img{border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.small{font-size:.92rem;color:var(--soft)}
.prose{max-width:46rem}.prose h2{font-size:1.3rem}
.site-footer{background:#24343b;color:#f4ece2;padding:1.5rem 0;text-align:center;font-size:.95rem}
.site-footer a{color:#ffd3a8}
@media (max-width:760px){.hero-grid,.split,.book{grid-template-columns:1fr}.hero{padding:2rem 0}.book img{max-width:220px}.hero-covers{max-width:380px}.site-header .wrap{justify-content:center}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}