[hidden]{display:none!important}
.flatbread-icon{display:block;width:52px;height:32px;margin:7px auto 12px;border:2px solid #85502a;border-radius:50%;transform:rotate(-12deg);background:radial-gradient(ellipse at 30% 35%,#a66830 0 3px,transparent 4px),radial-gradient(ellipse at 60% 30%,#b87736 0 4px,transparent 5px),radial-gradient(ellipse at 70% 68%,#a66830 0 3px,transparent 4px),radial-gradient(ellipse at 35% 70%,#b87736 0 4px,transparent 5px),#edbb70;box-shadow:inset 0 -4px 0 #d6984c}
.notebook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.notebook-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--line);text-decoration:none;transition:transform .2s,border-color .2s}
.notebook-card:hover{transform:translateY(-3px);border-color:var(--terra)}
.notebook-card h2,.notebook-card h3{font:30px/1.12 var(--serif);margin:4px 0 16px;color:var(--ink)}
.notebook-card p{font-size:14px;color:var(--muted);margin:0 0 24px}
.notebook-card .text-link{margin-top:auto;white-space:normal}
.reading-page{max-width:800px}.reading-page>.text-link{display:inline-block;margin-top:28px}
.reading-banner{margin-top:45px;padding:32px;background:#f0e8de;display:flex;align-items:center;justify-content:space-between;gap:25px}
.reading-banner h2{font:30px/1.15 var(--serif);margin:0}
.bread-hero{position:relative;overflow:hidden;padding-right:260px}.bread-hero h1{max-width:740px}
.bread-doodle{position:absolute;right:8%;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:150px;line-height:1}
.bread-promo{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}
.bread-promo>div{max-width:690px}.bread-promo h2{font:clamp(34px,4vw,50px)/1.1 var(--serif);margin:0}.bread-promo p:not(.eyebrow){color:var(--muted);max-width:570px}.bread-promo>span{font-size:145px;transform:rotate(-9deg)}
.joke-box{margin:48px 0 0;padding:48px;text-align:center;border:1px solid #d9c5b2;background:#f3ebe0}
.joke-box h2{font:36px/1.2 var(--serif);margin:0}.joke-box #bread-joke{font:26px/1.4 var(--serif);max-width:690px;margin:24px auto;min-height:76px}
.game-section{max-width:820px}.game-top{display:flex;gap:24px;align-items:start;justify-content:space-between}.game-top>div{max-width:530px}.game-top h2{font:36px/1.2 var(--serif);margin:0}.game-top p{font-size:13px;color:var(--muted)}.game-top>.button{flex-shrink:0}
.game-stats{display:flex;justify-content:space-between;gap:20px;padding:15px 22px;border:1px solid var(--line);background:white;margin:22px 0 0}.game-stats p{margin:0;font-size:12px;color:var(--muted)}.game-stats strong{display:block;font:25px/1.3 var(--serif);color:var(--ink)}
.game-status{min-height:50px;font-size:14px;margin:20px 0}
.bread-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:140px}
.bread-card{aspect-ratio:1.12;border:1px solid var(--terra-dark);border-radius:8px;background:var(--terra);color:#fff;position:relative;display:grid;place-items:center;padding:10px;transition:background .15s,transform .15s;box-shadow:0 4px 0 #7e34281c}
.bread-card:hover{transform:translateY(-2px)}.bread-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.bread-card-back{font:70px/1 var(--serif);color:#ffc36f}.bread-card-front{display:none}.bread-card.revealed,.bread-card.matched{background:#fffaf2;border-color:#d3b392;color:var(--ink)}
.bread-card.revealed .bread-card-back,.bread-card.matched .bread-card-back{display:none}.bread-card.revealed .bread-card-front,.bread-card.matched .bread-card-front{display:grid;gap:6px;text-align:center}.bread-card-front strong{font:16px var(--serif)}.bread-card-icon{font-size:42px;line-height:1.2}.bread-card.matched{background:#e8efdf;border-color:#a5b68f;box-shadow:none}
.comments-section{max-width:1060px;margin:40px auto 0;padding:40px 0;border-top:1px solid var(--line)}.comments-section h2{font:34px/1.15 var(--serif);margin:0 0 18px}.comments-section>p:not(.eyebrow){max-width:720px}.comments-section>.button{margin-top:10px}.comments-section [data-comments-status]{font-size:13px;color:var(--muted)}
.site-footer .policy-links{font-size:11px;margin-top:20px}.recipe-actions{flex-wrap:wrap}.recipe-actions a{font-size:11px}
@media(max-width:1100px){.comments-section{margin-left:25px;margin-right:25px}.recipe-page .comments-section{margin-left:0;margin-right:0}}
@media(max-width:1050px){.menu-toggle{display:block;border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 12px;font-size:12px}.main-nav{display:none;position:absolute;top:93px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 25px 20px;align-items:stretch;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid var(--line)}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bread-doodle{right:3%;font-size:120px}.bread-hero{padding-right:200px}}
@media(max-width:650px){.notebook-grid{grid-template-columns:1fr}.notebook-card{padding:25px}.main-nav{top:75px}.reading-banner{align-items:start;flex-direction:column;padding:25px}.reading-banner h2{font-size:27px}.bread-hero{padding-right:20px}.bread-hero .page-hero-inner{position:relative;z-index:1}.bread-doodle{display:none}.bread-promo>span{display:none}.joke-box{padding:30px 22px}.joke-box #bread-joke{font-size:23px;min-height:100px}.game-top{flex-direction:column}.game-top .button{width:100%}.bread-board{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.bread-card-back{font-size:50px}.bread-card-icon{font-size:33px}.bread-card-front strong{font-size:13px}.game-stats{padding:12px 15px}.game-stats strong{font-size:23px}.comments-section{margin:28px 19px 0;padding:30px 0}.comments-section h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.comments-section,.bread-promo,.recipe-actions,.bread-board{display:none!important}}
