:root{--paper:#fffefa;--ink:#28392f;--green:#315c43;--soft:#edf2e9;--blue:#dceaf0;--line:#d6ded1;--text-size:22px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Literata',Georgia,serif;font-optical-sizing:auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #aa5b15;outline-offset:5px}a.skip{position:fixed;top:-80px;left:16px;z-index:9;background:white;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}
.header{max-width:1240px;margin:auto;padding:28px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:29px;font-weight:bold;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand svg{width:29px;height:34px}.nav{display:flex;gap:28px;font-family:'Nunito',Arial,sans-serif;font-size:15px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.nav [aria-current=page]{text-decoration:underline}
.hero{max-width:1220px;margin:35px auto 60px;display:grid;grid-template-columns: .85fr 1.15fr;align-items:center;padding:0 44px;gap:15px}.hero-copy{padding:25px 0}.hero h1{font-size:clamp(48px,6vw,76px);font-weight:normal;line-height:1.04;letter-spacing:-2px;margin:18px 0 24px}.hero p{font-size:21px;line-height:1.6;max-width:390px}.hero img{width:100%;height:auto;display:block}.label{font:15px/1.5 'Nunito',Arial,sans-serif;color:#5d6e62}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:white;text-decoration:none;font:16px/1.3 'Nunito',Arial,sans-serif}.button:hover{background:#234933}.button.secondary{color:var(--green);background:transparent}.button.secondary:hover{background:var(--soft)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.intro{max-width:740px;margin:80px auto;padding:0 28px;text-align:center}.intro h2{font-size:32px;font-weight:normal}.intro p{font-size:20px;line-height:1.7}.footer{max-width:1152px;margin:70px auto 0;padding:30px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:14px/1.6 'Nunito',Arial,sans-serif;color:#5d6e62}.footer a{text-decoration:none}
.reader-heading{max-width:1152px;margin:30px auto 0;padding:0 28px;text-align:center}.reader-heading .back{display:block;text-align:left;font:14px 'Nunito',Arial,sans-serif;text-decoration:none}.reader-heading h1{font-size:clamp(58px,8vw,90px);font-weight:normal;line-height:1.1;margin:38px 0 12px;letter-spacing:-3px}.reader-heading p{font-size:19px;margin:10px 0 20px}.cover{max-width:900px;margin:15px auto 16px}.cover img{display:block;width:100%;height:auto;aspect-ratio:3/2}.reading-toolbar{position:sticky;top:0;z-index:3;background:var(--paper);border-block:1px solid var(--line);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:900px;margin:0 auto 40px;font:14px 'Nunito',Arial,sans-serif}.reading-toolbar .controls{display:flex;gap:5px;align-items:center}.control{border:1px solid var(--line);background:transparent;border-radius:7px;min-height:44px;min-width:44px;padding:10px}.control:hover{background:var(--soft)}.progress-label{color:#526459}.resume{max-width:680px;margin:25px auto;padding:18px 22px;background:var(--soft);display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between;font:15px/1.5 'Nunito',Arial,sans-serif}.resume p{margin:0}.resume .button{min-height:44px}.story{max-width:690px;padding:0 22px;margin:0 auto;font-size:var(--text-size);line-height:1.85}.story p{margin:0 0 1.15em;scroll-margin-top:100px}.story p:first-child::first-letter{float:left;font-size:3.35em;line-height:.85;margin:10px 9px 0 0;color:var(--green)}.story .knock{font-style:italic;color:var(--green);margin-block:1.65em}.scene-sound{margin:0 0 32px;font:14px 'Nunito',Arial,sans-serif}.scene-sound button{background:var(--soft);border:0;border-radius:25px;padding:12px 18px;min-height:44px}.story-end{text-align:center;margin:55px auto 0;max-width:690px;padding:0 22px}.story-end .end-leaf{font-size:28px;color:var(--green)}.story-end h2{font-weight:normal;font-size:32px}.story-end p{line-height:1.7;font-size:18px}.extras{margin:45px auto;max-width:640px;border-block:1px solid var(--line);padding:22px 0;font:16px/1.6 'Nunito',Arial,sans-serif;text-align:left}.extras summary{cursor:pointer;min-height:44px;padding:8px}.extras h3{font-family:'Literata',Georgia,serif;font-size:25px;font-weight:normal}.choices{display:grid;gap:10px}.choices button{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:13px 18px;text-align:left;min-height:48px}.choices button[aria-pressed=true]{border-color:var(--green);background:#dae8d3}.feedback{min-height:55px}.about-fox{max-width:780px;margin:55px auto;padding:0 28px;font-size:21px;line-height:1.8}.about-fox h2{font-weight:normal}.note{font:14px/1.5 'Nunito',Arial,sans-serif;color:#5d6e62}.live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body[data-theme=evening]{--paper:#202c27;--ink:#eceee4;--green:#b7d8ae;--soft:#304238;--line:#536456;color-scheme:dark}body[data-theme=evening] .progress-label,body[data-theme=evening] .note,body[data-theme=evening] .label,body[data-theme=evening] .footer{color:#c1cbbc}body[data-theme=evening] .button{background:#b7d8ae;color:#202c27}body[data-theme=evening] .choices button[aria-pressed=true]{background:#415a47}
@media(max-width:700px){.header{padding:20px;gap:15px;align-items:flex-start}.brand{font-size:24px;gap:6px}.brand svg{width:22px;height:27px}.nav{gap:15px;font-size:13px;padding-top:8px}.hero{margin:15px auto 35px;padding:0 22px;grid-template-columns:1fr;gap:0}.hero-copy{padding:12px 0}.hero h1{font-size:51px;max-width:360px}.hero p{font-size:19px}.hero img{margin-top:16px}.reader-heading{padding:0 22px;margin-top:15px}.reader-heading h1{margin-top:30px}.cover{margin:8px 0 18px}.reading-toolbar{padding:8px 14px;margin-bottom:30px}.progress-label{font-size:12px}.story{padding:0 24px;line-height:1.75}.resume{margin:20px 18px}.footer{margin-top:45px;flex-direction:column;gap:8px}.intro{margin:45px auto}.about-fox{font-size:19px;margin-top:25px}.control{min-width:42px;padding:8px}.reading-toolbar .controls{gap:4px}}
.story-illustration{margin:36px -75px 44px}.story-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2}.sound-row{position:relative}.story .sound-row .knock{margin-block:1.65em}.margin-sound{position:absolute;left:-79px;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:52px;min-height:52px;padding:7px;background:var(--soft);border:1px solid var(--line);border-radius:10px;font:11px/1.2 'Nunito',Arial,sans-serif;color:var(--green)}.margin-sound svg{width:21px;height:21px}.margin-sound:hover{border-color:var(--green)}
@media(max-width:900px){.story-illustration{margin-inline:0}.margin-sound{left:0}.sound-row{padding-left:70px;min-height:54px;display:flex;align-items:center}.story .sound-row .knock{margin-block:20px}}
@media print{.margin-sound{display:none}.sound-row{padding-left:0}.story-illustration{margin-inline:0;break-inside:avoid}}
@media(max-width:360px){.header{flex-wrap:wrap;gap:5px}.nav{width:100%;justify-content:flex-end;padding-top:0}.hero h1{font-size:44px}.reading-toolbar{padding-inline:10px}.progress-label{max-width:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.header,.reading-toolbar,.resume,.scene-sound,.extras,.footer,.actions,.back{display:none!important}.cover{max-width:500px}.story{max-width:none;font-size:14pt}body{background:white;color:black}}

/* Кириллические звукоподражания сохраняют печатные формы букв. */
.story .knock{font-style:normal}.story{line-height:1.8}.hero h1,.reader-heading h1{font-optical-sizing:auto}
@media(max-width:480px){.header{flex-wrap:wrap;gap:8px}.nav{width:100%;justify-content:flex-end;padding-top:0}}

/* Мягкие края иллюстраций растворяются в фоне страницы. */
.story-illustration img,.cover img,.hero img,.about-fox img{
  border-radius:5%;
  -webkit-mask-image:url('assets/soft-picture-mask.svg');
  mask-image:url('assets/soft-picture-mask.svg');
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}
body{background:var(--paper);color:var(--ink)}body a{color:inherit}
.header .brand{font-size:29px;margin:0}.header .brand a{text-decoration:none}
.brand::before{content:'';width:25px;height:32px;display:block;background:currentColor;mask:url('assets/brand.svg') center/contain no-repeat}
.header .wp-block-navigation{font:15px Nunito,Arial,sans-serif}.header .wp-block-navigation__container{gap:24px}
.header .wp-block-navigation{width:auto;margin-left:auto}.story p[tabindex="-1"]:focus{outline:none}
.footer .wp-block-site-title{font:inherit;margin:0}.footer p{margin:0}
.wp-block-post-content.story{font-size:var(--text-size);line-height:1.8}
.wp-block-post-content.story>p,.wp-block-post-content.story .sound-row p{font-size:inherit;line-height:inherit}
.wp-block-post-content.story>:first-child{margin-top:0}
.wp-block-post-content.story>p:not(:first-child)::first-letter,.story .sound-row p::first-letter{float:none;font-size:inherit;line-height:inherit;margin:0;color:inherit}
.story .wp-block-image img,.cover img{width:100%;height:auto}.story .wp-block-image{max-width:none}
.wp-block-post-featured-image.cover{max-width:900px;margin:15px auto 16px}
.reader-heading .wp-block-post-excerpt__excerpt{margin:10px 0 20px;font-size:19px}
.hero.wp-block-columns{display:grid!important}.hero-copy>*{margin-top:0}.hero figure{margin:0}.hero .wp-block-button__link{font:16px Nunito,Arial,sans-serif}
.hero-copy .wp-block-buttons{margin-top:28px}.hero-copy .label{font:15px/1.5 Nunito,Arial,sans-serif}
.hero-copy p.label{margin-top:12px}.reader-heading p.label{margin:6px 0}
.page-content,.catalog{max-width:1152px;padding:25px 28px;margin:25px auto}.page-content>h1,.catalog>h1{font-size:clamp(38px,6vw,60px);font-weight:400}
.page-content .wp-block-post-content{max-width:100%}.catalog .wp-block-query{max-width:100%}
.story-card{padding-bottom:32px}.story-card h2{font-size:30px}.story-card p{font-size:18px}.story-card img,.shelf-list img{width:100%;height:auto;border-radius:5%;mask:url('assets/soft-picture-mask.svg') center/100% 100% no-repeat}
.shelf-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.shelf-list li{min-width:0}.shelf-list h2{font-size:28px}.shelf-list a{text-decoration:none}.shelf-list p{font-size:17px}
.shelf-action .note{min-height:22px}.story-comments{max-width:740px;margin:65px auto;padding:0 24px}.story-comments h2{font-size:30px}.story-comments label{display:block}.story-comments textarea,.story-comments input:not([type=submit]):not([type=checkbox]){width:100%;box-sizing:border-box;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;font:18px Nunito,Arial,sans-serif}.story-comments .submit{border:0;border-radius:8px;background:var(--green);color:var(--paper);padding:12px 20px;cursor:pointer}.comment-card{border-bottom:1px solid var(--line);padding:22px 0}.comment-form{font-family:Nunito,Arial,sans-serif}.comment-form-url{display:none}
.reader-heading > p.label{display:inline-block;max-width:100%;margin:0 8px 6px;font:14px/1.5 'Nunito',Arial,sans-serif;vertical-align:middle}
body.admin-bar .reading-toolbar{top:32px}
@media(max-width:700px){.shelf-list{grid-template-columns:1fr}.header .brand{font-size:24px}.hero.wp-block-columns{display:block!important}.catalog .wp-block-post-template{grid-template-columns:1fr}.header .wp-block-navigation__responsive-container.is-menu-open{background:var(--paper);color:var(--ink)}}
@media(max-width:782px){body.admin-bar .reading-toolbar{top:46px}}
@media(max-width:600px){body.admin-bar .reading-toolbar{top:0}}

.reader-heading .wp-block-post-title{font-size:clamp(38px,5vw,60px);line-height:1.15;letter-spacing:-1.5px;margin-top:28px}
.reader-heading .wp-block-post-excerpt{max-width:646px;margin-inline:auto}
.reader-heading .wp-block-post-excerpt__excerpt{margin-inline:0}
.reading-toolbar{flex-wrap:wrap}.reading-toolbar #continue{font-size:13px;margin-left:auto}.reading-toolbar .controls{margin-left:auto}

.reader-heading{margin-top:12px}.reader-heading .wp-block-post-title{margin-top:0;margin-bottom:8px}
.story-breadcrumbs{margin:0 auto 16px;max-width:646px;font:13px/1.5 Nunito,Arial,sans-serif}.story-breadcrumbs ol{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;list-style:none;padding:0;margin:0}.story-breadcrumbs li{display:inline;overflow-wrap:anywhere}.story-breadcrumbs li+li::before{content:"/";margin:0 8px;opacity:.5}.story-breadcrumbs a{text-decoration:none}.story-breadcrumbs a:hover{text-decoration:underline}.story-breadcrumbs [aria-current]{opacity:.75}

.character-profile{max-width:1000px;margin:24px auto 40px;padding:0 28px}.character-profile .character-back{font:14px Nunito,Arial,sans-serif;margin-bottom:18px}.character-intro.wp-block-columns{display:grid!important;grid-template-columns:240px 1fr;align-items:center;gap:42px;margin:0}.character-intro .wp-block-column{min-width:0}.character-intro h1{font-size:clamp(36px,4.5vw,54px);font-weight:400;line-height:1.15;margin:0 0 18px;letter-spacing:-1px}.character-intro p{font-size:20px;line-height:1.65}.character-avatar{margin:0}.character-avatar img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mask:url('assets/soft-picture-mask.svg') center/100% 100% no-repeat}.character-profile .wp-block-button__link{font:16px Nunito,Arial,sans-serif}.character-home.wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr;align-items:center;gap:36px;margin-top:38px}.character-home h2{font-size:30px;font-weight:400}.character-home p{font-size:18px;line-height:1.75}.character-home figure{margin:0}.character-home img{width:100%;height:auto;mask:url('assets/soft-picture-mask.svg') center/100% 100% no-repeat}.character-stories{max-width:1000px;margin-top:20px}.character-stories>h2{font-size:34px;font-weight:400}.character-stories h3{font-size:28px;font-weight:400;margin:12px 0}.character-stories .note{font-size:14px}.post-type-archive-sl_character .story-card img{max-height:260px;object-fit:contain}.post-type-archive-sl_character .wp-block-post-title{font-size:30px}.character-stories{scroll-margin-top:30px}
@media(max-width:700px){.character-profile{padding:0 22px;margin-top:15px}.character-intro.wp-block-columns{grid-template-columns:1fr;gap:16px}.character-avatar{max-width:180px;margin:auto}.character-intro h1{text-align:center;font-size:36px}.character-intro p{font-size:18px}.character-home.wp-block-columns{grid-template-columns:1fr;gap:8px}.character-home h2{margin-top:10px}.character-stories{padding:16px 22px}.character-stories h3{font-size:26px}}