/* Warm table setting shared by the public cooking and learning pages. */
html:has(link[href*="character-world.css"]){--paper:#fbf8f0;--ink:#233b29;--muted:#66705e;--line:#dedfce;--accent:#9c4d2e}
body:has(.table-hero,.scene-heading){background:radial-gradient(ellipse at 95% 0,#edeedc66,transparent 42%),var(--paper)}
body:has(.table-hero,.scene-heading) .wrap{width:min(1180px,calc(100% - 64px))}
body:has(.table-hero,.scene-heading) .site-header{min-height:86px;padding:18px 0;gap:16px}
.table-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:'copy art' 'actions art';position:relative;isolation:isolate;min-height:510px;margin:24px 0 14px;border-radius:24px;overflow:hidden;background:#faf6ed;border:1px solid #e5e0d0}
.table-copy{grid-area:copy;position:relative;z-index:2;align-self:end;padding:48px 12px 10px 34px}
.table-copy h1{font-family:Georgia,'Batang',serif;font-size:clamp(36px,4.3vw,58px);line-height:1.25;letter-spacing:-1.6px;max-width:540px;color:#1e3924}
html[lang=vi] .table-copy h1{letter-spacing:-1.1px}
.table-copy .eyebrow{margin-bottom:22px;font-size:11px;letter-spacing:.16em}
.table-copy>p:last-child{font-size:15px;line-height:1.9;max-width:400px;margin-top:20px;color:#53634d}
.table-hero .home-topics{grid-area:actions;position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0 10px 48px 34px;align-self:start}
.table-hero .home-topics a{flex:0 1 auto;display:flex;min-height:46px;padding:12px 18px;border:1px solid #708567;border-radius:40px;background:#fffdf6e8;font-size:13px;line-height:1.5;color:#29432c;box-shadow:none}
.table-hero .home-topics a:first-child{background:#274a31;color:#fff;border-color:#274a31}
.table-hero .home-topics a:before,.table-hero .home-topics a:after,.table-hero .home-topics small{display:none}
.table-scene{grid-area:art;position:relative;min-height:510px;min-width:0;overflow:hidden}
.table-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% 45%;opacity:.95}
.table-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf6ed,transparent 20%),linear-gradient(0deg,#fffdf6 0%,#fffdf6b8 29%,transparent 60%);pointer-events:none}
.scene-cast{position:relative;display:flex;align-items:end;justify-content:center;gap:0;mix-blend-mode:multiply}
.scene-cast .pot-mascot,.scene-cast .rice-mascot{position:relative;right:auto;bottom:auto;width:150px;height:160px;flex:0 0 150px;background:none;border:0;padding:10px 0 0;cursor:pointer;min-width:0}
.scene-cast img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.scene-cast .rice-mascot{transform:rotate(-5deg)}
.table-scene .scene-cast{position:absolute;bottom:29px;left:4%;right:2%;z-index:1}
.table-scene .scene-cast button{width:200px;height:210px;flex-basis:200px}
.table-caption{position:absolute;bottom:11px;left:10px;right:10px;text-align:center;font-size:10px;color:#596451;z-index:2;line-height:1.5}
.rice-mascot:focus-visible{outline:3px solid #a45637;outline-offset:3px;border-radius:14px}
.scene-heading{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:28px;padding:30px 32px;background:linear-gradient(120deg,#f0eddd,#f7f5e9 60%,#e8eddb);border:1px solid #dcdcc8;border-radius:22px;position:relative;margin-bottom:18px}
.scene-heading h1{font-family:Georgia,'Batang',serif;color:#29412c;font-size:clamp(30px,3.5vw,43px);line-height:1.32;letter-spacing:-1px}
.scene-heading .eyebrow{margin:0 0 15px}.scene-heading-copy{min-width:0}.scene-heading-copy>p{font-size:14px;line-height:1.85}
.scene-guide{min-width:0;text-align:center}.scene-guide .scene-cast button{width:120px;height:135px;flex-basis:120px}.scene-guide>p{font-size:12px!important;color:#4e6444;line-height:1.75;margin:8px auto 0!important;max-width:230px}
body:has(.scene-heading) :is(.page-head,.blog-heading,.food-heading,.recipe-heading){border-bottom:0;padding-bottom:6px}
body:has(.scene-heading) :is(.recipe-hub,.learning-page,.food-search){padding-top:30px}
.character-tools{margin:12px 2px 26px;gap:10px 20px}.character-tools>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
body:has(.table-hero,.scene-heading) :is(.recipe-card,.story-card,.learning-card,.guide-card){border-radius:16px;overflow:hidden;background:#fffdf8;border:1px solid #dedfce;box-shadow:0 8px 22px #3e4b2410}
body:has(.table-hero,.scene-heading) :is(.recipe-grid,.learning-grid){gap:22px}
body:has(.table-hero,.scene-heading) :is(.section-head,.blog-section-heading){border-top:0;padding-top:24px;border-bottom:1px solid #bcc8af}
body:has(.table-hero,.scene-heading) .section-head h2{font-family:Georgia,'Batang',serif;font-size:28px;color:#2c452e}
body:has(.table-hero,.scene-heading) :is(.daily-bundle,.learning-teaser,.updates-teaser){border-radius:20px;background:#edf1e3;border:1px solid #d4ddc5}
body:has(.scene-heading) :is(.food-controls,.learning-controls,.price-form){background:#fffdf6;border-color:#cfdbc4;border-radius:16px;box-shadow:0 8px 24px #3047200a}
body:has(.scene-heading) :is(.recipe-ingredients,.recipe-steps>li,.note,.learning-context){border-radius:12px}
body:has(.scene-heading) .reading{max-width:790px;padding-top:20px}
body:has(.scene-heading) .reading h2{color:#355437;border-left:3px solid #95a879;padding-left:12px}
.rice-shopping{width:100%;padding:4px 0}.rice-shopping summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:17px;font-weight:600;color:#355433;min-height:64px}
.rice-shopping summary::-webkit-details-marker{display:none}.rice-shopping summary:after{content:'+';margin-left:auto;font-size:24px;font-weight:400}.rice-shopping[open] summary:after{content:'−'}
.shopping-rice{display:block;flex:0 0 70px;width:70px}.shopping-rice img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.rice-shopping>.daily-shopping-links{margin-top:14px}.rice-shopping>div{padding-left:78px}.rice-shopping summary:focus-visible{outline:3px solid #a45637;outline-offset:3px;border-radius:8px}
@media(max-width:900px){.scene-heading{grid-template-columns:minmax(0,1fr) 185px;padding:24px;gap:15px}.scene-guide .scene-cast button{width:92px;height:105px;flex-basis:92px}.table-copy{padding-left:24px}.table-hero .home-topics{padding-left:24px}.table-scene .scene-cast button{width:150px;height:165px;flex-basis:150px}.table-copy h1{font-size:40px}}
@media(max-width:650px){body:has(.table-hero,.scene-heading) .wrap{width:calc(100% - 32px)}body:has(.table-hero,.scene-heading) .site-header{padding:12px 0;gap:10px;min-height:0}.table-hero{grid-template-columns:1fr;grid-template-areas:'copy' 'art' 'actions';margin-top:18px;border-radius:18px;min-height:0}.table-copy{padding:26px 22px 0}.table-copy h1{font-size:35px;max-width:340px;letter-spacing:-1px}.table-copy .eyebrow{margin-bottom:12px}.table-copy>p:last-child{font-size:13px;margin:12px 0 0;line-height:1.7}.table-scene{min-height:260px}.table-photo{object-position:80% 53%}.table-scene:after{background:linear-gradient(180deg,#faf6ed,transparent 18%),linear-gradient(0deg,#fffdf6 1%,#fffdf6c9 37%,transparent 75%)}.table-scene .scene-cast{bottom:25px;left:2%;right:2%}.table-scene .scene-cast button{width:140px;height:145px;flex-basis:140px}.table-hero .home-topics{padding:10px 18px 22px;margin:0;justify-content:center;background:#fffdf6}.table-hero .home-topics a{flex:1 1 auto;justify-content:center;padding:10px 13px;font-size:12px}.scene-heading{grid-template-columns:1fr;padding:23px 20px;gap:8px;border-radius:18px}.scene-heading h1{font-size:30px}.scene-guide{display:flex;align-items:center;gap:12px;text-align:left}.scene-guide .scene-cast{flex:0 0 154px}.scene-guide .scene-cast button{width:77px;height:85px;flex-basis:77px}.scene-guide>p{font-size:11px!important}.character-tools{font-size:11px;gap:6px 12px}.rice-shopping>div{padding-left:0}.section-head h2{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){.rice-mascot{transition:none!important}}
body.home-page .table-hero .home-topics{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
body.home-page .table-hero .home-topics a{font-size:13px;min-width:0;flex:0 1 auto}
body.home-page .table-hero .home-topics a .step-number{display:none}
body.home-page .table-hero .step-copy strong{font-size:14px}
body:has(.scene-heading) .character-tools button{border:1px solid #b6c2ac;border-radius:30px;background:transparent;padding:9px 13px;min-height:44px;color:#43573e;font:inherit}
@media(max-width:650px){body:has(.table-hero,.scene-heading) header.site-header>nav.primary-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:4px;padding:3px 0;scrollbar-width:thin}body:has(.table-hero,.scene-heading) header.site-header>nav.primary-nav>a{flex:0 0 auto;white-space:nowrap;padding:8px 12px}body.home-page .table-hero .home-topics{margin:0}body.home-page .table-hero .home-topics a{flex:1 1 auto;font-size:12px}}