/* Pencil Pete's shared page layout. Existing illustrations and lesson URLs stay in place. */
:root{--pp-blue:#155b83;--pp-ink:#19354a;--pp-muted:#4c6170;--pp-paper:#fffaf0;--pp-line:#dddccf;--pp-yellow:#ffe39a;--pp-red:#e55c56;--pp-font:system-ui,-apple-system,"Segoe UI",sans-serif;--pp-heading:"Trebuchet MS",var(--pp-font)}
body{font-family:var(--pp-font);font-size:17px;line-height:1.65;color:var(--pp-ink);background-color:#f5f0e4;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#b4d1db30 31px,#b4d1db30 32px)}
html body.wordpress{font-family:var(--pp-font);background-color:#f5f0e4;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#b4d1db30 31px,#b4d1db30 32px)}
body #container{width:calc(100% - 48px);max-width:1240px;margin:28px auto;border:1px solid #dce6eb;border-radius:12px;background:white;padding:30px 40px;box-shadow:0 4px 22px #19354a09;hyphens:none}
body #branding{padding:10px 0 26px 86px;margin:0;position:relative;min-height:94px;box-sizing:border-box}
body #header{padding-bottom:0}
#branding #site-title{font:700 34px/1.2 var(--pp-heading);margin:0 0 6px}
#branding #site-title a{color:var(--pp-ink)}
#branding #site-title a::before{content:"";position:absolute;left:7px;top:-4px;width:64px;height:94px;background-repeat:no-repeat;background-size:contain;background-position:center}
#branding #site-description{font:400 16px/1.5 var(--pp-font);color:var(--pp-muted);margin:0}
#menu-primary{margin:0 0 26px;background:#fff9e5;border:1px solid #e8ddb3;border-radius:8px}
#menu-primary .menu-items>li>a{font:600 15px/1.4 var(--pp-font);color:var(--pp-ink);padding:12px 14px;min-height:46px;text-transform:none;letter-spacing:0}
#menu-primary .menu-items .sub-menu a{font-family:var(--pp-font);font-size:15px;text-transform:none}
#menu-primary a:hover,#menu-primary a:focus-visible,#menu-primary .current-menu-item>a{background:#ffe8a7;color:var(--pp-ink)}
body #main{padding:6px 0 24px}
body.pp-resource #main>.main-wrap{width:100%;max-width:1040px;margin:0 auto;padding:0}
body.pp-resource #content{float:none;width:100%;max-width:1040px;margin:0 auto;padding:0}
body.pp-resource #sidebar{float:none;width:100%;max-width:728px;margin:20px auto 0;padding:0}
#sidebar-primary #custom_html-7{max-width:100%;overflow:hidden}
#custom_html-7 ins.adsbygoogle:not([data-adsbygoogle-status]){min-height:250px}
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
body.pp-resource #sidebar .widget{margin-bottom:0}
body.pp-resource #content .entry{margin-bottom:0;padding-bottom:0}
body #content .entry-title{font:700 clamp(28px,3vw,36px)/1.22 var(--pp-font);color:var(--pp-ink);margin:0 0 18px}
#content .entry-content{font:400 17px/1.65 var(--pp-font)}
#content .entry-content h2{font:650 26px/1.3 var(--pp-font);color:var(--pp-ink);margin:34px 0 14px}
#content .entry-content h3{font:650 21px/1.3 var(--pp-font);color:var(--pp-ink);margin:26px 0 12px}
#content .entry-content p{margin:0 0 18px}
#content .entry-content ul,#content .entry-content ol{margin:12px 0 22px 24px}
#content .entry-content li{margin:6px 0;padding-left:3px}
#content .entry-content a{color:var(--pp-blue);text-underline-offset:3px}
#content .entry-content>p{max-width:76ch}
.pp-breadcrumb{font-size:14px;line-height:1.5;color:var(--pp-muted);padding:0 0 12px;border-bottom:1px solid #e4ebef;margin:0 0 24px}
.pp-breadcrumb a{color:var(--pp-blue)}
.pp-note{font-size:14px;line-height:1.5;color:var(--pp-muted)}
.pp-panel,.pp-related{box-sizing:border-box;padding:24px;border:1px solid var(--pp-line);border-left:4px solid #e8bc48;border-radius:10px;background:var(--pp-paper);margin:28px 0;clear:both}
#content .pp-panel>h2:first-child,#content .pp-panel>h3:first-child{margin-top:0}
#content .pp-panel>:last-child{margin-bottom:0}
.pp-actions,.pp-jump,.pp-related>div{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:18px 0}
#content .pp-actions>p{display:contents}
#content a.pp-button,#content .pp-actions a,#content .pp-jump a,#content .pp-related a,#content .pp-offer a.button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid var(--pp-blue);border-radius:8px;background:#fff;color:var(--pp-blue);font:650 15px/1.35 var(--pp-font);text-decoration:none;margin:0;vertical-align:middle;box-shadow:none;max-width:100%;text-align:center}
#content a.pp-button,#content .pp-offer a.button{background:var(--pp-blue);color:#fff}
#content a.pp-button:hover,#content .pp-offer a.button:hover{background:#104868;color:#fff}
#content .pp-actions a:not(.pp-button):hover,#content .pp-jump a:hover,#content .pp-related a:hover{background:#eaf2f7}
#content a:focus-visible,#menu-primary a:focus-visible{outline:3px solid #d3a129;outline-offset:3px}
.pp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin:26px 0}
.pp-cards>section{box-sizing:border-box;padding:26px;border:1px solid var(--pp-line);border-top:5px solid #e8bc48;border-radius:10px;background:#fff;display:flex;flex-direction:column;min-width:0}
.pp-cards>section:nth-child(2){border-top-color:#67a9bc}.pp-cards>section:nth-child(3){border-top-color:#e68c72}
#content .pp-cards h2,#content .pp-cards h3{font-size:23px;line-height:1.3;margin:0 0 14px}
#content .pp-cards>section>p:last-child{margin-bottom:0}
#content .pp-cards>section>p:last-child:has(a.pp-button){margin-top:auto;padding-top:8px}
.pp-choice-body{margin-bottom:22px}
.pp-choice-footer{margin-top:auto}
#content .pp-choice-body .pp-note{margin-bottom:0}
#content .pp-choice-price{font-size:28px;font-weight:700;line-height:1.2;margin:0 0 16px}
.pp-choice-footer .pp-button{width:100%}
.pp-choice-footer .pp-offer{border:0;background:transparent;padding:0;margin:0}
.pp-choice-footer .pp-purchase-row{display:block}
.pp-choice-footer .pp-price{display:block}
.pp-choice-footer .pp-cart-control{margin-top:16px}
#content .pp-choice-footer .pp-cart-control a.button{width:100%}
.pp-offer{padding:22px;border:1px solid var(--pp-line);border-left:4px solid var(--pp-blue);border-radius:9px;background:var(--pp-paper);margin:24px 0}
.pp-purchase-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.pp-price{font:700 28px/1.2 var(--pp-font);white-space:nowrap;color:var(--pp-ink)}
.pp-cart-control{min-width:0}
#content .pp-cart-control .product{border:0!important;display:block!important;margin:0!important;padding:0!important}
#content .pp-offer .pp-note{margin:12px 0 0}
.pp-panel .pp-offer{border:0;border-top:1px solid var(--pp-line);border-radius:0;padding:22px 0 0;margin:22px 0 0;background:transparent}
.pp-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:36px;align-items:start;margin:8px 0 32px}
.pp-split figure{padding:14px;border:1px solid var(--pp-line);border-radius:10px;margin:0;background:#fff;max-width:380px;justify-self:end}
.pp-split figure img{width:100%;height:auto;display:block;margin:0}
.pp-split figcaption{font-size:14px;line-height:1.5;color:var(--pp-muted);padding-top:12px}
.pp-home-intro{padding:0 0 8px}
#content .pp-home-intro h2{font-size:clamp(30px,4vw,42px);line-height:1.15;max-width:760px;margin:10px 0 18px}
.pp-eyebrow{font-size:14px;font-weight:700;color:var(--pp-blue)}
.pp-home-art{height:155px;width:100%;object-fit:contain;display:block;margin:0 auto 18px}
.pp-card-art-link{display:block;border-radius:6px}
.pp-alphabet section{scroll-margin-top:24px}
.pp-letter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:10px;margin:16px 0 32px}
#content .pp-letter{display:flex;flex-direction:column;align-items:center;padding:8px;border:1px solid var(--pp-line);border-radius:8px;background:#fff;color:var(--pp-ink);text-decoration:none;min-height:108px;box-sizing:border-box}
.pp-letter img{width:75px;height:75px;object-fit:contain;margin:0}
.pp-letter span{font-size:20px;font-weight:700;line-height:1.4}
#content .pp-letter:hover{background:var(--pp-yellow)}
.pp-lesson .wp-block-embed{width:100%;margin:22px 0;clear:both}
.pp-lesson .wp-block-embed__wrapper{aspect-ratio:4/3;position:relative;background:#fff}
.pp-lesson .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;max-width:100%}
.pp-lesson .wp-block-image{display:none}
.pp-related strong{display:block;font-size:18px;line-height:1.4}
.pp-related>div{margin-bottom:0}
.pp-qa{padding:18px 0;border-bottom:1px solid var(--pp-line)}
.pp-qa summary{font-size:19px;line-height:1.4;font-weight:650;cursor:pointer}
.pp-qa[open] summary{margin-bottom:14px}
#content .pp-qa p:last-child{margin-bottom:0}
.pp-panel summary{font-weight:650;cursor:pointer}
.pp-theme-list{columns:2;column-gap:32px}
.pp-teacher-footer{box-sizing:border-box;max-width:1040px;margin:20px auto;padding:20px 24px;border:1px solid var(--pp-line);border-radius:10px;background:#fff;font-size:15px;line-height:1.6;text-align:center}
.pp-teacher-footer a{color:var(--pp-blue)}
#footer{font-size:14px;line-height:1.6;margin-top:24px;padding-top:22px;border-top:1px solid var(--pp-line)}
.entry-content a[target="_blank"]::after,#footer a[target="_blank"]::after{content:" ↗";font-size:.8em;white-space:nowrap}
.woocommerce-cart #content,.woocommerce-checkout #content,.woocommerce-account #content{max-width:100%;width:100%;padding-right:0}
@media(min-width:801px){#menu-primary-items{display:flex;flex-wrap:wrap;align-items:center;gap:2px}}
@media(max-width:900px){body #container{width:calc(100% - 24px);padding:26px}.pp-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.pp-cards>section{padding:22px}.pp-split{gap:26px}}
@media(max-width:760px){.pp-split{grid-template-columns:1fr}.pp-split figure{justify-self:start;width:100%;max-width:340px}.pp-theme-list{columns:1}}
@media(max-width:600px){body #container{width:100%;max-width:100%;padding:20px 16px;margin:0;border:0;border-radius:0}#branding #site-title{font-size:28px}#branding #site-description{font-size:15px}#menu-primary{margin-bottom:20px}body #main{padding-top:0}body #content .entry-title{font-size:27px}#content .entry-content h2{font-size:23px}.pp-panel,.pp-related,.pp-offer{padding:20px}.pp-cards{grid-template-columns:1fr}.pp-actions,.pp-jump,.pp-related>div{gap:10px}.pp-letter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pp-letter img{width:55px;height:55px}#content .pp-letter{min-height:94px}.pp-breadcrumb{font-size:13px}.pp-teacher-footer{margin:18px 12px}.pp-purchase-row{gap:14px}.pp-home-art{height:170px}}
@media print{#sidebar,#menu-primary,#wpadminbar,.pp-actions,.pp-teacher-footer,ins.adsbygoogle{display:none!important}body #container{border:0;box-shadow:none;margin:0;width:100%;max-width:100%}}

/* Pete's familiar character, with a quiet classroom-paper palette. */
#content .entry-content h2,#content .entry-content h3{font-family:var(--pp-heading)}
.pp-welcome{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px;align-items:center;padding:34px 36px;margin:0 0 28px;border:1px solid #eadbb5;border-radius:16px;background:linear-gradient(115deg,#fff9e8,#fffdf6 65%,#f2f9fb);overflow:hidden}
#content .pp-welcome h2{font:700 clamp(30px,3.8vw,44px)/1.15 var(--pp-heading);margin:8px 0 22px;max-width:100%;letter-spacing:-.7px}
#content .pp-welcome h2 span{position:relative;display:inline-block;z-index:0}
#content .pp-welcome h2 span::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:8px;border-bottom:4px solid #efb95c;border-radius:50%;transform:rotate(-1deg);z-index:-1}
.pp-welcome-copy>p{max-width:58ch}
.pp-welcome-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:310px}
.pp-welcome-pete{display:block;width:174px;height:260px;object-fit:contain;margin:38px 0 0}
#content .pp-pete-says{position:absolute;right:0;top:0;border:2px solid #edc664;border-radius:18px 18px 18px 4px;background:#fff;box-shadow:3px 3px 0 #f2df9f;color:var(--pp-ink);padding:10px 16px;font:700 19px/1.25 var(--pp-heading);transform:rotate(2deg);margin:0}
#content .pp-welcome-teacher{font-size:15px;margin:12px 0 0}
.pp-pete-note{display:flex;align-items:center;gap:24px;margin:0 0 26px;padding:20px 26px;border:1px solid #eadbb5;border-radius:12px;background:linear-gradient(100deg,#fff9e9,#fffdf8);box-sizing:border-box}
.pp-note-pete{display:block;flex:none;width:62px;height:92px;object-fit:contain;margin:0}
#content .pp-pete-note .pp-pete-quote{font:700 23px/1.3 var(--pp-heading);margin:0 0 8px;color:var(--pp-ink)}
#content .pp-pete-note p:last-child{font-size:16px;margin:0;max-width:75ch}
.pp-choice-preview{height:160px;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px;margin:-6px 0 22px;background:repeating-linear-gradient(0deg,#f9fcfd,#f9fcfd 27px,#deebf0 27px,#deebf0 28px);border-radius:7px;box-sizing:border-box}
.pp-choice-preview img{display:block;width:100px;height:130px;object-fit:contain;margin:0;border:1px solid #d0d9dc;background:white;box-shadow:3px 4px 0 #19354a0b}
.pp-choice-preview-both img{width:85px;height:110px}.pp-choice-preview-both img:first-child{transform:rotate(-3deg)}.pp-choice-preview-both img:last-child{transform:rotate(3deg)}
.pp-imagination{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:center;margin:32px 0;padding:28px;border:1px solid #d6e5e6;border-radius:12px;background:linear-gradient(115deg,#f4fbfb,#fffaf0)}
.pp-imagination>img{width:100%;height:auto;display:block;margin:0;object-fit:contain}
#content .pp-imagination h2{margin:4px 0 16px}#content .pp-imagination p:last-child{margin-bottom:0}
.pp-classroom-roots{display:flex;align-items:center;gap:28px;margin:32px 0;padding:24px 0;border-top:1px solid var(--pp-line)}
.pp-classroom-roots img{width:80px;height:127px;object-fit:contain;flex:none;margin:0}.pp-classroom-roots>p:first-child{margin:0;flex:none}#content .pp-classroom-roots h2{margin-top:0}
@media(max-width:900px){.pp-welcome{padding:28px;grid-template-columns:minmax(0,1fr) 185px;gap:18px}.pp-welcome-pete{width:150px;height:224px}.pp-imagination{grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:650px){body #branding{padding-left:72px;min-height:92px}#branding #site-title a::before{left:0;width:56px;height:84px}#branding #site-title{font-size:29px}.pp-welcome{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:0;position:relative}.pp-welcome-copy{padding-right:0}#content .pp-welcome h2{font-size:34px;max-width:100%;letter-spacing:-.5px}.pp-welcome-art{min-height:160px;justify-content:flex-end;margin-top:8px}.pp-welcome-pete{width:110px;height:164px;margin:0 18px 0 0}#content .pp-pete-says{left:12px;right:auto;top:40px;font-size:19px}.pp-pete-note{gap:16px;padding:18px}.pp-note-pete{width:46px;height:69px}#content .pp-pete-note .pp-pete-quote{font-size:21px}.pp-imagination{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px}.pp-imagination>img{width:190px;justify-self:end}.pp-classroom-roots{gap:18px}.pp-classroom-roots img{width:64px;height:102px}}
@media print{.pp-welcome-art,.pp-pete-note,.pp-imagination>img,#branding #site-title a::before{display:none}.pp-welcome,.pp-imagination{display:block;border:0;background:#fff;padding:0}}