/*
Theme Name: Your Story Name — Pencil & Paper
Author: Your Story Name
Description: Original, accessible, mobile-ready pencil-art storytelling theme. Activating creates editable Home, Library, How It Works, For Parents, About, Contact, Privacy and Terms pages. Works with the separate Your Story Name Daily AI Storybooks plugin.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: your-story-name-theme
Tags: custom-logo, one-column, two-columns, custom-menu, featured-images, block-styles, accessibility-ready, education
*/
:root{--story-ink:#303e35;--story-deep:#365548;--story-paper:#fbf9f3;--story-light:#f5f3eb;--story-sage:#e8eee5;--story-line:#e5e6dc;--story-muted:#737b73;--story-tan:#e8dfd1;--story-serif:Georgia,"Iowan Old Style","Baskerville",serif;--story-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--story-paper);margin:0;color:var(--story-ink);font:16px/1.7 var(--story-sans);-webkit-font-smoothing:antialiased}a{color:var(--story-deep);text-decoration-color:#9daf9e;text-underline-offset:4px}a:hover{color:#233c2e}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a1baa4;outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--story-serif);line-height:1.14;letter-spacing:-.035em;font-weight:400;color:var(--story-ink)}p{margin:0 0 1.2em}.story-container{max-width:1220px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.story-skip-link{position:absolute;top:-1000px;left:15px;background:#fff;padding:12px 18px;z-index:10000}.story-skip-link:focus{top:12px}.story-announcement{background:#e9ede4;text-align:center;color:#58725c;letter-spacing:.055em;font-size:11px;font-weight:600;padding:8px 12px}.story-tiny-star{font-size:10px;color:#a1ae98;margin:0 16px}.story-dot{margin:0 16px;color:#adb9a8}.story-site-header{background:var(--story-paper);border-bottom:1px solid #e5e7dd;position:relative;z-index:20}.story-nav-wrap{height:95px;display:flex;align-items:center;gap:32px}.story-brand{display:flex;align-items:center;gap:10px;color:var(--story-ink);text-decoration:none;flex-shrink:0}.story-brand:hover{color:var(--story-ink)}.story-mark{width:51px;height:51px;object-fit:contain}.story-brand-image img{height:55px!important;width:auto!important;max-width:80px}.story-brand-type{display:flex;flex-direction:column;gap:0}.story-brand-type strong{font:400 25px/1.15 var(--story-serif);letter-spacing:-.045em;white-space:nowrap}.story-brand-type small{font:500 10px/1.4 var(--story-sans);color:#858b7b;letter-spacing:.055em;white-space:nowrap;margin-top:3px}.story-main-nav{margin-left:auto}.story-menu{list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:26px;padding:0;margin:0}.story-menu li{margin:0}.story-menu a{font-size:13px;text-decoration:none;color:#687069;font-weight:600;white-space:nowrap;transition:color .15s}.story-menu a:hover,.story-menu .current-menu-item>a{color:#28573a}.story-header-cta{background:var(--story-deep);color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;padding:13px 17px;border-radius:4px;transition:background .16s}.story-header-cta:hover{background:#223a2d;color:#fff}.story-header-cta span{font-size:16px;padding-left:13px}.story-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:none;border:1px solid #cbd4c9;padding:10px;width:44px;height:44px;cursor:pointer;border-radius:5px}.story-menu-toggle span{display:block;background:var(--story-deep);height:2px;width:19px}
/* WordPress blocks and editable homepage */
.story-home-main,.story-page-blocks{overflow:hidden}.story-home-content>.wp-block-group{margin-left:0;margin-right:0}.story-home-content>.wp-block-group>.wp-block-group__inner-container{max-width:inherit}.story-hero-bg{background:var(--story-paper);padding:60px 25px 66px}.story-hero-columns{max-width:1180px;margin:0 auto!important;gap:7.4%!important;align-items:center}.story-hero-copy{flex-basis:54%!important}.story-hero-visual{flex-basis:46%!important;position:relative}.story-kicker{color:#758975;font:700 11px/1.5 var(--story-sans);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}.story-kicker span{margin-left:8px;font-size:18px}.story-hero-title{font:400 clamp(60px,6.1vw,96px)/1.05 var(--story-serif);letter-spacing:-.072em;margin:0 0 24px;max-width:635px}.story-hero-title em,.story-section-title em,.story-final-cta em{color:#758b76;font-weight:400}.story-hero-description{font-size:17px;line-height:1.85;color:#747b74;max-width:485px;margin-bottom:28px}.story-hero-actions{gap:12px!important;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 22px!important}.wp-block-button.story-button-primary .wp-block-button__link,.story-button.story-button-primary{background:var(--story-deep);color:white;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--story-deep);border-radius:4px;padding:16px 24px;min-height:55px;font:700 13px/1.2 var(--story-sans);text-decoration:none;white-space:nowrap}.wp-block-button.story-button-primary .wp-block-button__link:hover,.story-button.story-button-primary:hover{background:#254234;color:#fff}.wp-block-button.story-button-outline .wp-block-button__link{background:transparent;color:var(--story-deep);border:1px solid #cbd4c9;border-radius:4px;padding:16px 25px;min-height:55px;font:700 13px/1.2 var(--story-sans)}.wp-block-button.story-button-outline .wp-block-button__link:hover{background:#eef1eb}.story-trust-line{font-size:11px;letter-spacing:.01em;color:#858d84}.story-trust-line span{padding:0 9px;color:#c1c8ba}.story-feature-art{background:#f0eee4;margin:0!important;padding:13px;box-shadow:0 20px 64px rgba(50,60,45,.07);border:1px solid #e5e4dc;transform:rotate(1.25deg);border-radius:4px;position:relative}.story-feature-art:before{content:"";display:block;position:absolute;inset:-10px 13px 10px -11px;border:1px solid #e0e3da;z-index:-1;transform:rotate(-2.3deg)}.story-feature-art img{width:100%;height:auto;aspect-ratio:1000/1100;object-fit:cover;display:block;filter:grayscale(.12) contrast(.98)}.story-art-caption{font:italic 13px/1.5 var(--story-serif);color:#879188;text-align:center;margin:20px 0 0}
.story-values-band{background:#e9eee6;border-block:1px solid #dde6da;text-align:center;padding:21px}.story-values-band p{margin:0;font:600 12px/1.8 var(--story-sans);color:#6b816e;letter-spacing:.07em}.story-values-band span{padding:0 15px;color:#a4b3a4}.story-section{padding:94px 25px 100px;max-width:1240px;margin:auto!important}.story-section>.story-kicker,.story-section>.story-section-title,.story-section>.story-section-lead{text-align:center}.story-section-title{font-size:clamp(38px,4.5vw,58px);line-height:1.1;letter-spacing:-.055em;margin:0 0 18px}.story-section-lead{color:#7a847d;line-height:1.8;max-width:650px;margin:0 auto 48px;font-size:16px}.story-age-section{padding-bottom:107px}.story-age-cards{display:flex;gap:21px!important;max-width:1110px;margin:0 auto!important}.story-age-card{height:100%;border:1px solid #e5e7df;background:#fffdfa;padding:35px 28px 29px;border-radius:5px;box-shadow:0 8px 34px rgba(50,63,47,.018)}.story-age-icon{font:42px/1 var(--story-serif);color:#9cae95;margin:0 0 29px}.story-age-card h3{font-size:27px;margin:0 0 6px}.story-age-range{font-size:10px;letter-spacing:.16em;font-weight:800;color:#7a9579;margin:0 0 15px}.story-age-card p:last-child{font-size:14px;line-height:1.85;color:#7d867b;margin:0}.story-worlds-section{max-width:unset;background:#f3f1e9;padding:95px max(24px,calc((100vw - 1180px)/2)) 107px}.story-worlds-grid{gap:25px!important;max-width:1120px;margin:0 auto!important}.story-world-card{background:#fffdf8;border:1px solid #e4e3d9;padding:12px 12px 26px;border-radius:5px;height:100%}.story-world-art{margin:0!important;background:#f0ece4;overflow:hidden}.story-world-art img{display:block;object-fit:cover;aspect-ratio:1/.85;width:100%;transition:transform .3s}.story-world-card:hover .story-world-art img{transform:scale(1.03)}.story-world-card>.story-world-tag,.story-world-card>h3,.story-world-card>p:last-child{margin-left:14px;margin-right:14px}.story-world-tag{font-size:10px;font-weight:800;color:#91a18d;letter-spacing:.12em;margin-top:20px!important;margin-bottom:11px!important}.story-world-card h3{font-size:27px;margin-top:0;margin-bottom:10px}.story-world-card p:last-child{font-size:13px;line-height:1.8;color:#798178;margin-bottom:0}.story-steps-section{max-width:1170px}.story-steps-section .story-section-title{margin-bottom:53px}.story-steps-grid{gap:36px!important}.story-steps-grid>.wp-block-column{border-top:1px solid #cfdacf;padding-top:22px}.story-steps-grid h3{font-size:28px;margin:0 0 12px}.story-steps-grid h3 strong{font:700 17px var(--story-serif);color:#9cad9b;margin-right:10px}.story-steps-grid p{font-size:14px;color:#81877e;line-height:1.9;margin:0}.story-final-cta{background:#e8eee5;text-align:center;padding:85px 25px 95px}.story-final-cta h2{font-size:clamp(39px,4.6vw,58px);margin:0 0 15px}.story-final-cta>p:not(.story-kicker){color:#7a8b78;font-size:15px;margin:0 0 26px}.story-final-cta .wp-block-buttons{margin-bottom:0}
/* Inner pages */
.story-standard-page{min-height:58vh;padding-top:62px;padding-bottom:100px}.story-page-heading{max-width:890px;margin:0 auto 48px;text-align:center}.story-page-heading h1{font-size:clamp(43px,6vw,68px);letter-spacing:-.055em;margin:10px 0 20px}.story-heading-rule{height:1px;width:85px;background:#a6b1a4;display:block;margin:auto}.story-page-article{max-width:940px;margin:auto}.story-page-article .entry-content{color:#657168;font-size:16px;line-height:1.9}.story-page-article h2{font-size:33px;margin:32px 0 14px}.story-page-article h3{font-size:25px;margin:0 0 15px}.story-page-article .story-page-lead{font:400 24px/1.7 var(--story-serif);color:#506759;max-width:760px;margin:0 0 40px}.story-page-article ul{padding-left:25px}.story-page-article li{padding-bottom:9px}.story-page-article a{color:#446d50}.story-explainer-cols{gap:17px!important;margin-bottom:45px!important}.story-explainer-card{height:100%;padding:24px;background:#f3f3ed;border:1px solid #e5e7de;border-radius:4px}.story-explainer-card h3{font-size:24px}.story-explainer-card p:last-child{font-size:14px;line-height:1.9}.story-step-number{color:#91a893;font:400 32px/1 var(--story-serif);margin:0 0 23px}.story-inline-cta{font-weight:700;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.story-about-quote{padding:18px 35px;border-left:3px solid #93a890;background:#f2f4ed;color:#577261;font:italic 26px/1.6 var(--story-serif);margin:35px 0}.story-about-quote p{margin:0}.story-contact-mail{font:400 30px var(--story-serif);padding:12px 0}.story-library-page .story-standard-page{padding-top:8px}.story-library-page .story-page-article{max-width:unset}.story-library-page .entry-content{line-height:normal}.story-library-page .entry-content>.wp-block-shortcode{margin:0}.story-plugin-wait{text-align:center;background:#edf0e9;border:1px solid #dee6dc;margin:50px auto 90px;max-width:760px;border-radius:6px;padding:70px 55px}.story-plugin-wait h2{font-size:48px;margin:0 0 15px}.story-plugin-wait>p:not(.story-kicker){max-width:500px;margin:0 auto 15px;font-size:15px;line-height:1.8}.story-wait-icon{font:64px var(--story-serif);color:#8da68c}.story-plugin-wait .story-admin-hint{border-top:1px solid #c9d8c6;margin-top:27px!important;padding-top:23px;color:#52634e}.story-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:40px 0}.story-post-card{padding:27px;border:1px solid #e6e9de;background:#fffefa}.story-post-card h2{font-size:28px}.story-featured-image{margin-bottom:24px}.story-pagination{margin:35px 0}.story-error-page{text-align:center;min-height:54vh;padding-top:90px;padding-bottom:95px}.story-error-page h1{font-size:clamp(42px,5.5vw,70px);max-width:650px;margin:0 auto 18px}.story-error-page p:not(.story-kicker){color:#7a817a}.story-error-star{font-size:80px;color:#9aad94}
/* Plugin layout integration, without changing or implementing plugin functionality. */
.story-library-page .ysn-wrap{max-width:1140px;margin:15px auto 30px;padding:0 15px;color:var(--story-ink)}.story-library-page .ysn-wrap .ysn-topline,.story-library-page .ysn-wrap .ysn-footer{display:none}.story-library-page .ysn-wrap .ysn-hero{padding-top:50px}.story-library-page .ysn-wrap .ysn-hero h1{letter-spacing:-.06em}.story-library-page .ysn-wrap .ysn-join-layout{background:#fffefa;border-color:#e3e6df}.story-library-page .ysn-wrap .ysn-primary{background:var(--story-deep)!important}.story-library-page .ysn-wrap .ysn-primary:hover{background:#254234!important}.story-library-page .ysn-wrap .ysn-levels a.is-active{background:var(--story-deep);border-color:var(--story-deep)}
/* Footer */
.story-site-footer{background:#f0f1ea;border-top:1px solid #e0e5db;padding:62px 0 20px}.story-footer-top{display:flex;justify-content:space-between;gap:70px;padding-bottom:55px}.story-footer-brand{max-width:430px}.story-footer-brand>img{opacity:.8}.story-footer-brand h2{font-size:31px;margin:12px 0 13px}.story-footer-brand p{font-size:13px;color:#819083;line-height:1.85;margin:0}.story-footer-links{display:flex;gap:95px;padding-top:11px}.story-footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.story-footer-links strong{font:700 12px var(--story-sans);color:#526d57;padding-bottom:8px}.story-footer-links a{color:#7a897d;font-size:13px;text-decoration:none}.story-footer-links a:hover{color:#365548}.story-footer-bottom{border-top:1px solid #dde4d9;display:flex;justify-content:space-between;padding-top:20px;color:#99a199;font-size:11px;gap:15px}
@media(max-width:1100px){.story-nav-wrap{gap:20px}.story-menu{gap:16px}.story-menu a{font-size:12px}.story-hero-bg{padding-top:50px}.story-hero-title{font-size:clamp(56px,6.2vw,78px)}}
@media(max-width:930px){.story-nav-wrap{height:78px}.story-main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#faf9f3;box-shadow:0 20px 25px rgba(0,0,0,.05);border-top:1px solid var(--story-line);padding:19px 30px}.story-main-nav.is-open{display:block}.story-menu{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.story-menu a{font-size:15px}.story-menu-toggle{display:flex;margin-left:auto}.story-header-cta{margin-left:0}.story-hero-columns{gap:4%!important}.story-hero-copy{flex-basis:54%!important}.story-hero-visual{flex-basis:46%!important}.story-hero-title{font-size:62px}.story-worlds-section{padding-left:25px;padding-right:25px}.story-world-card h3{font-size:24px}.story-footer-links{gap:40px}}
@media(max-width:740px){.story-container{padding-left:20px;padding-right:20px}.story-tiny-star{margin:0 4px}.story-dot{margin:0 4px}.story-announcement{font-size:10px;letter-spacing:0}.story-header-cta{display:none}.story-brand-type strong{font-size:23px}.story-hero-bg{padding:51px 20px 61px}.story-hero-columns{display:flex!important;flex-direction:column;gap:20px!important}.story-hero-copy,.story-hero-visual{width:100%;flex-basis:auto!important}.story-hero-copy{text-align:center;order:1}.story-hero-visual{order:2;max-width:430px;margin:30px auto 0}.story-hero-title{font-size:clamp(53px,11vw,77px);margin:0 auto 19px}.story-hero-description{margin:0 auto 25px;font-size:15px}.story-hero-actions{justify-content:center}.story-trust-line{text-align:center}.story-feature-art{margin:0 auto!important}.story-values-band{padding:18px 14px}.story-values-band p{font-size:10px}.story-values-band span{padding:0 4px}.story-section{padding:66px 20px}.story-section-title{font-size:44px}.story-section-lead{font-size:15px;margin-bottom:35px}.story-age-cards,.story-worlds-grid,.story-steps-grid,.story-explainer-cols{flex-direction:column;gap:14px!important}.story-age-card{padding:26px}.story-age-icon{margin-bottom:13px}.story-age-card h3{font-size:27px}.story-worlds-section{padding:68px 20px}.story-worlds-grid{max-width:440px}.story-world-art img{aspect-ratio:1.35/1}.story-steps-grid{gap:22px!important}.story-steps-grid h3{font-size:28px}.story-final-cta{padding:68px 20px}.story-standard-page{padding-top:49px;padding-bottom:68px}.story-page-heading{margin-bottom:30px}.story-page-article .story-page-lead{font-size:21px}.story-post-grid{grid-template-columns:1fr}.story-site-footer{padding-top:49px}.story-footer-top{flex-direction:column;gap:28px}.story-footer-links{justify-content:space-between;gap:30px;max-width:420px}.story-footer-bottom{flex-direction:column;gap:7px}}
@media(max-width:420px){.story-brand-type strong{font-size:21px}.story-brand-type small{font-size:9px}.story-mark{width:43px;height:43px}.story-announcement{font-size:9px}.story-hero-title{font-size:54px}.story-hero-actions{width:100%;display:flex;flex-direction:column;align-items:stretch}.story-hero-actions .wp-block-button{width:100%}.story-hero-actions .wp-block-button__link{width:100%}.story-section-title{font-size:38px}.story-values-band{font-size:9px}.story-footer-bottom{font-size:10px}.story-plugin-wait{padding:44px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}