@font-face{font-family:'Crave Rounded Brush';src:url('/assets/fonts/caveat-brush.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Crave Marker';src:url('/assets/fonts/kalam-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Crave Manga Wide';src:url('/assets/fonts/barlow-semicondensed-800-italic.ttf') format('truetype');font-weight:800;font-style:italic;font-display:swap}
/* Shared geometry follows each selected reference; article records remain unchanged. */
html{--paper:#fffaf1;--accent:#ff7134;--line:#e9d7c6}.preview-label{padding:3px 12px;font-size:12px}header{position:relative;gap:18px;padding:8px 18px;margin-bottom:8px;min-height:76px}.brand{font-family:'Crave Rounded Brush',Arial,sans-serif;font-weight:400;font-size:44px;gap:10px;line-height:1}.brand-bowl{width:62px;height:60px;background-position:20% center;background-size:600% auto}.brand small{font-size:13px;padding-top:4px;letter-spacing:.06em}.brand-name b{font-weight:400}.header-note{padding:9px 17px;font-size:14px}.header-doodle{font-size:17px}.editorial-note,.header-sun{display:none}main{padding:0 16px 20px}.hero-layout{grid-template-columns:minmax(0,1.78fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.heading-icon{display:none}.section-japanese{font-size:12px;font-family:'Crave Japanese',sans-serif;white-space:nowrap;margin-left:8px;font-style:normal;text-transform:none}.home-grid{margin-bottom:10px}.panel{padding:15px}.section-heading{margin-bottom:12px}.card-copy{padding:7px 1px}.post-card h3{font-size:15px;line-height:1.3;margin-bottom:6px}.post-card p{font-size:13px;line-height:1.4;margin-bottom:9px}.post-card small{font-size:12px}.card-image img{height:136px}.guide-menu{margin-bottom:10px}.guide-grid img{height:80px}.guide-grid strong{font-size:13px}.newsletter{margin-top:0}.newsletter-copy{padding:16px 20px 16px 0}footer{padding:15px 16px}.theme-control{margin-top:14px;padding:14px 17px}
/* Orange: narrow hand-painted lettering, larger expressive art and ink details. */
html[data-theme=cozy] .hero{min-height:305px;background:radial-gradient(ellipse at 88% 0%,#82cabc 0 34%,transparent 35%),linear-gradient(12deg,#ffcb64 0 22%,#fff5e2 23% 78%,#99cdbd 79%)}
html[data-theme=cozy] .hero-copy{width:47%;padding:16px 0 12px 25px}
html[data-theme=cozy] .hero-copy h1{font-family:'Crave Rounded Brush',Arial,sans-serif;font-weight:400;font-size:clamp(2.8rem,3.75vw,3.75rem);line-height:.98;margin-bottom:7px;max-width:none;transform:rotate(-5deg);transform-origin:left center}
html[data-theme=cozy] .cozy-title>span{display:block}html[data-theme=cozy] .cozy-second{white-space:nowrap}
html[data-theme=cozy] .hero-copy h1 em{font-family:inherit;color:#f76b2e;display:inline}
.anime-line{position:relative;width:max-content}.hero-crown{position:absolute;display:block;width:46px;height:48px;left:calc(100% + 17px);top:-2px;background:url('/assets/orange-detail-icons-oct6.png') 0 center/600% auto no-repeat;transform:rotate(5deg)}
html[data-theme=cozy] .hero-copy p.hero-japanese{font-family:'Crave Japanese',sans-serif;font-size:22px;line-height:1.35;color:#fa6574;margin-bottom:9px;transform:rotate(-5deg)}
html[data-theme=cozy] .hero-copy p.hero-description{font-size:14px;line-height:1.35;margin-bottom:10px;max-width:340px}
html[data-theme=cozy] .hero-copy p.hero-tagline{display:flex;align-items:center;justify-content:center;gap:9px;width:294px;max-width:100%;min-height:44px;padding:6px 17px;margin-bottom:7px;font-family:'Crave Hand',Arial,sans-serif;font-size:21px;line-height:1.03;transform:rotate(-3deg);clip-path:polygon(5% 0,92% 5%,100% 18%,97% 32%,100% 54%,96% 84%,98% 95%,7% 100%,0 86%,3% 66%,0 42%,4% 20%)}
.tagline-words{max-width:204px;text-align:center}.tagline-cat{display:block;flex:none;width:42px;height:43px;background:url('/assets/orange-detail-icons-oct6.png') 20% center/600% auto no-repeat}
html[data-theme=cozy] .hero-cta{font-size:12px;padding:5px 12px}
html[data-theme=cozy] .cozy-art{width:67%;height:113%;inset:auto 0 -13% auto;object-fit:cover;object-position:center top}
html[data-theme=cozy] .hero-doodle.cozy-only{left:44%;top:32%;max-width:15%;font-size:18px;line-height:1.05;transform:rotate(-7deg)}
html[data-theme=cozy] .start-panel{padding:24px 25px;background:linear-gradient(125deg,#ff7229,#ff8b44)}
html[data-theme=cozy] .start-panel h2{font-family:'Crave Rounded Brush',Arial,sans-serif;font-weight:400;font-size:43px;line-height:1;margin-bottom:11px;transform:rotate(-4deg)}
html[data-theme=cozy] .start-panel>p{font-size:14px;margin-bottom:20px;max-width:70%}
html[data-theme=cozy] .article-search{position:relative;z-index:1}.article-search label{font-size:12px}.article-search>div{padding:5px;min-height:46px}.article-search input{font-size:14px;padding-left:14px}
html[data-theme=cozy] .rice-mascot{right:30px;top:86px;width:92px;height:100px;z-index:6;transform:rotate(10deg);pointer-events:none}
html[data-theme=cozy] .rice-bubble{right:31px;top:20px;width:74px;font-size:18px;z-index:5}
html[data-theme=cozy] .genre-links{margin-top:20px;gap:8px}.genre-links a{font-size:12px;padding:6px 13px}
html[data-theme=cozy] .category-menu>a{padding:15px 12px;gap:10px;min-height:125px;border-radius:13px}
html[data-theme=cozy] .category-icon{width:88px;height:94px;background-size:600% auto;flex:none}
html[data-theme=cozy] .category-menu h2{font-family:'Crave Rounded Brush',Arial,sans-serif;font-size:25px;font-weight:400;line-height:1.05;margin-bottom:6px;overflow-wrap:anywhere}
html[data-theme=cozy] .category-menu p{font-size:12px;line-height:1.3}.category-copy{min-width:0}.category-mark{width:23px;height:23px}
html[data-theme=cozy] .home-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.35fr) minmax(0,1fr);gap:10px;align-items:start}
html[data-theme=cozy] .slurping h2,html[data-theme=cozy] .latest h2,html[data-theme=cozy] .cozy-news-list h2,html[data-theme=cozy] .guide-menu h2{font-family:'Crave Rounded Brush',Arial,sans-serif;font-weight:400;font-size:29px;line-height:1.08;color:#1d2023}
html[data-theme=cozy] .slurping h2 em{color:inherit;font-family:inherit;font-size:inherit;display:inline}
html[data-theme=cozy] .heading-icon{display:inline-block;vertical-align:middle;flex:none;width:29px;height:31px;margin-right:5px;background-image:url('/assets/orange-detail-icons-oct6.png');background-size:600% auto;background-repeat:no-repeat}
.detail-bowl{background-position:40% center}.detail-sparkles{background-position:60% center}.detail-pencil{background-position:80% center}.detail-envelope{background-position:100% center}
html[data-theme=cozy] .board-label,html[data-theme=cozy] .method,html[data-theme=cozy] .snapshot-scope{font-size:12px;line-height:1.3;margin-bottom:5px}
html[data-theme=cozy] .slurping ol{margin:9px 0}html[data-theme=cozy] .slurping li{padding:6px 0;gap:8px}html[data-theme=cozy] .slurping li strong{font-size:13px;line-height:1.25}html[data-theme=cozy] .score-line{margin-top:3px;gap:6px}.snapshot-more{margin:6px 0}
html[data-theme=cozy] .cozy-news-list h2{font-size:27px}.mini-post{padding:8px 0}.mini-post img{height:67px;width:73px}.mini-post strong{font-size:13px}.mini-post small{font-size:12px;margin-top:5px}
html[data-theme=cozy] .newsletter{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);background:linear-gradient(100deg,#ffc879,#ffb195)}
html[data-theme=cozy] .newsletter-art{min-height:170px;background:url('/assets/orange-sleeping-cat-oct6.png') center/cover}
html[data-theme=cozy] .newsletter h2{font-family:'Crave Rounded Brush',Arial,sans-serif;font-weight:400;font-size:27px}
html[data-theme=cozy] .footer-top .brand{font-family:'Crave Rounded Brush',Arial,sans-serif;font-size:29px}
/* Pink: manga city, broad ink headings, separate cat-hug illustration and hanging halftone stamp. */
html[data-theme=editorial] header{padding:8px 20px;min-height:76px;background:#fcf8f5}
html[data-theme=editorial] header .brand{font-family:'Crave Marker',Arial,sans-serif;font-weight:700;font-size:39px;transform:rotate(-3deg);line-height:1.03}
html[data-theme=editorial] header .brand .brand-name{color:#111}html[data-theme=editorial] header .brand .brand-name b{color:#e50075;font-weight:700}html[data-theme=editorial] .brand small{font-size:12px}
html[data-theme=editorial] .cozy-note{display:none}html[data-theme=editorial] .editorial-note{display:block}
html[data-theme=editorial] .header-note{position:absolute;right:95px;top:-25px;width:148px;height:115px;border-radius:0;padding:26px 17px 10px;color:#fff;background-color:#111;background-image:radial-gradient(#ffffff70 .65px,transparent .9px);background-size:5px 5px;clip-path:polygon(3% 0,97% 1%,100% 14%,97% 24%,100% 47%,98% 74%,94% 94%,4% 100%,0 82%,3% 58%,0 36%);font-size:12px;line-height:1.17;transform:rotate(-3deg);z-index:9}
html[data-theme=editorial] .header-sun{display:block;position:absolute;right:23px;top:12px;width:54px;height:54px;border-radius:50%;background:#f846b7}
html[data-theme=editorial] .header-sun:after{content:'';position:absolute;inset:29px 0 4px;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff7f4 3px 5px)}
html[data-theme=editorial] .header-doodle{display:none}
html[data-theme=editorial] .hero{height:325px;min-height:325px;aspect-ratio:auto}
html[data-theme=editorial] .editorial-art{height:100%;width:100%;inset:0;object-fit:cover;object-position:center}
html[data-theme=editorial] .hero-copy{inset:6% 12% auto 45%;transform:rotate(-3deg)}
html[data-theme=editorial] .hero h1{font-family:'Crave Manga Wide','Crave Display',Arial,sans-serif;font-weight:800;font-style:italic;font-size:clamp(2.75rem,4.15vw,4rem);line-height:.96;margin-bottom:8px}
html[data-theme=editorial] .hero h1 em{font-family:'Crave Script',cursive;font-size:1.36em;font-weight:400;line-height:1.03;color:#ec0077;-webkit-text-stroke:.45px currentColor}
html[data-theme=editorial] .hero-copy p.hero-japanese{font-size:23px;line-height:1.3;margin-bottom:3px}
html[data-theme=editorial] .hero-copy p.hero-description{font-size:14px}.hero-cta{min-height:28px}
html[data-theme=editorial] .hero-cta{font-size:12px;padding:5px 10px;margin-top:8px}
html[data-theme=editorial] .hero-doodle{top:33%;font-size:18px;max-width:11%}
html[data-theme=editorial] .category-menu{margin:10px 0 11px;gap:10px}
html[data-theme=editorial] .category-menu>a,html[data-theme=editorial] .category-art{min-height:164px}
html[data-theme=editorial] .category-copy{padding:12px 11px;min-height:0;background:none}
html[data-theme=editorial] .category-menu h2{font-size:28px;line-height:1.02;margin-bottom:9px}.category-japanese{font-size:12px}
html[data-theme=editorial] .home-grid{grid-template-columns:minmax(0,.87fr) minmax(0,2fr) minmax(0,.9fr);gap:13px;margin-bottom:8px}
html[data-theme=editorial] .panel{padding:10px 7px}
html[data-theme=editorial] .slurping h2{color:#d30070;font-family:'Crave Manga Wide','Crave Display',Arial,sans-serif;font-size:39px;line-height:.95;margin-bottom:10px}
html[data-theme=editorial] .slurping h2 em{color:inherit;font-family:'Crave Brush',Arial,sans-serif;font-size:1.02em;line-height:1.05}
html[data-theme=editorial] .latest h2,html[data-theme=editorial] .guide-menu h2{font-family:'Crave Manga Wide','Crave Display',Arial,sans-serif;font-size:32px;line-height:1.05}
html[data-theme=editorial] .latest h2 .section-japanese{display:inline-block;vertical-align:middle;font-size:12px}
html[data-theme=editorial] .slurping li{padding:6px 0}.board-label,.method,.snapshot-scope{font-size:12px;line-height:1.3}.method,.snapshot-scope{margin-bottom:5px}
html[data-theme=editorial] .community-card{margin-top:8px;background:#fa007e;border:0}
html[data-theme=editorial] .community-art{height:245px;background:url('/assets/pink-hugging-cat-oct6.png') center/cover}
html[data-theme=editorial] .community-copy{padding:13px 16px}
html[data-theme=editorial] .community-copy h2{display:flex;align-items:center;gap:9px;font-size:25px;line-height:1.06;margin-bottom:8px}
html[data-theme=editorial] .community-copy .detail-envelope{display:block;flex:none;width:32px;height:34px;margin:0;background:url('/assets/orange-detail-icons-oct6.png') 100% center/600% auto no-repeat}
html[data-theme=editorial] .community-copy p{font-size:13px;margin-bottom:8px}.newsletter-preview>p{font-size:12px;line-height:1.3}
@media(max-width:1250px){header nav{gap:13px;font-size:13px}.brand{font-size:39px}.brand-bowl{width:53px;height:55px}.header-doodle{display:none}html[data-theme=cozy] .category-icon{width:67px;height:80px}html[data-theme=cozy] .category-menu h2{font-size:23px}html[data-theme=cozy] .hero-copy h1{font-size:clamp(2.6rem,3.85vw,3.4rem)}html[data-theme=editorial] header .brand{font-size:34px}}
@media(max-width:1180px){html[data-theme=cozy] .hero-doodle.cozy-only{display:none}html[data-theme=cozy] .hero-copy{width:50%;padding-left:20px}html[data-theme=cozy] .hero-copy h1{font-size:clamp(2.4rem,3.8vw,3rem)}html[data-theme=cozy] .category-icon{width:58px;height:74px}html[data-theme=cozy] .home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}html[data-theme=editorial] .home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr)}html[data-theme=editorial] .category-menu{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=editorial] .community-card{display:grid;grid-template-columns:1fr 1fr}html[data-theme=editorial] .community-art{height:100%;min-height:235px}html[data-theme=editorial] .hero h1{font-size:clamp(2.4rem,4.3vw,3.5rem)}html[data-theme=editorial] .hero-copy{inset:7% 10% auto 44%}.section-japanese{display:none!important}}
@media(max-width:950px){header,html[data-theme=editorial] header{padding:11px 15px;min-height:68px}.brand{font-size:36px}.brand-bowl{width:46px;height:48px}html[data-theme=editorial] header .brand{font-size:29px}html[data-theme=editorial] .header-note,html[data-theme=editorial] .header-sun{display:none}.hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}html[data-theme=cozy] .hero-copy{width:52%;padding:18px 0 15px 19px}html[data-theme=cozy] .hero-copy h1{font-size:38px}html[data-theme=cozy] .hero-copy p.hero-japanese{font-size:18px}html[data-theme=cozy] .hero-copy p.hero-description{font-size:13px}html[data-theme=cozy] .cozy-second{white-space:normal}html[data-theme=cozy] .hero-copy p.hero-tagline{font-size:18px;width:250px;padding:7px 12px}.tagline-cat{width:32px;height:35px}html[data-theme=cozy] .start-panel{padding:24px 20px}html[data-theme=cozy] .start-panel h2{font-size:36px}html[data-theme=cozy] .rice-mascot{right:17px;width:72px;height:84px;top:94px}html[data-theme=cozy] .rice-bubble{right:17px;width:65px;top:27px}.category-menu{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme=cozy] .category-icon{width:72px;height:84px}html[data-theme=editorial] .hero{height:290px;min-height:290px}html[data-theme=editorial] .hero-copy{inset:8% 8% auto 44%}html[data-theme=editorial] .hero h1{font-size:clamp(2rem,4.4vw,2.9rem)}html[data-theme=editorial] .hero-copy p.hero-japanese{font-size:18px}html[data-theme=editorial] .hero h1 em{font-size:1.22em}}
@media(max-width:760px){main{padding:0 11px 16px}.brand{font-size:34px}.brand-bowl{width:43px;height:47px}.hero-layout{display:block}html[data-theme=cozy] .hero{display:flex;flex-direction:column;min-height:0}html[data-theme=cozy] .hero-copy{width:100%;padding:20px 22px 10px}html[data-theme=cozy] .hero-copy h1{font-size:48px;max-width:100%;line-height:1.02}html[data-theme=cozy] .cozy-second{white-space:nowrap}html[data-theme=cozy] .hero-copy p.hero-japanese{font-size:20px;margin-bottom:8px}html[data-theme=cozy] .hero-copy p.hero-description{font-size:14px;max-width:100%;margin-bottom:9px}html[data-theme=cozy] .hero-copy p.hero-tagline{width:294px;font-size:21px}.tagline-cat{width:39px;height:40px}html[data-theme=cozy] .cozy-art{position:relative;inset:auto;width:100%;height:265px;margin-top:-1px;object-fit:cover;object-position:center 20%}html[data-theme=cozy] .start-panel{padding:24px 22px;min-height:260px}html[data-theme=cozy] .start-panel h2{font-size:39px}html[data-theme=cozy] .rice-mascot{right:27px;top:91px;width:84px;height:92px}html[data-theme=cozy] .rice-bubble{right:30px;top:22px;width:71px}html[data-theme=cozy] .category-menu{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=cozy] .category-menu>a{padding:13px 11px;gap:8px;min-height:132px}html[data-theme=cozy] .category-icon{width:58px;height:74px}html[data-theme=cozy] .category-menu h2{font-size:24px}html[data-theme=cozy] .home-grid,html[data-theme=editorial] .home-grid{display:flex;flex-direction:column;gap:10px}.home-grid>*{width:100%}.latest{order:-1}.cozy-news-list{display:block}.guide-grid img{height:80px}.panel{padding:14px}html[data-theme=cozy] .newsletter{grid-template-columns:1fr}.newsletter-copy{padding:17px 19px}html[data-theme=cozy] .newsletter-art{min-height:180px}html[data-theme=editorial] .hero{height:325px;min-height:325px}html[data-theme=editorial] .hero-copy{inset:9% 6% auto 43%}html[data-theme=editorial] .hero h1{font-size:clamp(1.8rem,5.1vw,2.6rem);line-height:1.04}html[data-theme=editorial] .hero-copy p.hero-japanese{font-size:16px}html[data-theme=editorial] .hero-copy p.hero-description{font-size:13px}html[data-theme=editorial] .category-menu>a,html[data-theme=editorial] .category-art{min-height:174px}html[data-theme=editorial] .category-menu h2{font-size:27px}html[data-theme=editorial] .community-art{min-height:245px}html[data-theme=editorial] .community-copy{padding:16px}}
@media(max-width:480px){header,html[data-theme=editorial] header{padding:10px 12px;min-height:62px}.brand{font-size:29px;gap:7px}.brand-bowl{width:34px;height:39px}.brand small{font-size:11px}html[data-theme=editorial] header .brand{font-size:25px}html[data-theme=cozy] .hero-copy{padding:19px 20px 10px}html[data-theme=cozy] .hero-copy h1{font-size:42px}html[data-theme=cozy] .hero-copy p.hero-japanese{font-size:18px}.hero-crown{width:36px;height:40px;left:calc(100% + 13px)}html[data-theme=cozy] .cozy-art{height:245px;object-position:center 13%}html[data-theme=cozy] .category-icon{width:48px;height:64px}html[data-theme=cozy] .category-menu h2{font-size:22px}html[data-theme=cozy] .category-menu>a{padding:13px 10px;gap:7px}.latest .post-card{grid-template-columns:106px minmax(0,1fr);gap:11px}.latest .card-image img{height:117px;width:106px}.post-card h3{font-size:14px}.post-card small{font-size:12px}.section-heading h2,html[data-theme=cozy] .latest h2,html[data-theme=cozy] .guide-menu h2{font-size:27px}.section-heading>a{font-size:12px}html[data-theme=editorial] .hero{height:470px;min-height:470px}html[data-theme=editorial] .editorial-art{inset:auto 0 0;height:300px;object-position:8% center}html[data-theme=editorial] .hero-copy{inset:14px 15px auto 15px;background:#fff8eeed;padding:11px 13px 12px;clip-path:polygon(2% 0,96% 2%,100% 10%,98% 91%,92% 99%,0 95%)}html[data-theme=editorial] .hero h1{font-size:35px;line-height:1.02;margin-bottom:7px}html[data-theme=editorial] .hero h1 em{font-size:1.16em}html[data-theme=editorial] .hero-copy p.hero-japanese{font-size:17px}html[data-theme=editorial] .hero-copy p.hero-description{font-size:13px}html[data-theme=editorial] .hero-cta{font-size:12px;margin-top:7px}html[data-theme=editorial] .category-menu{grid-template-columns:1fr}html[data-theme=editorial] .category-menu>a,html[data-theme=editorial] .category-art{min-height:176px}html[data-theme=editorial] .category-copy{padding:15px 13px}html[data-theme=editorial] .category-menu h2{font-size:29px}html[data-theme=editorial] .community-card{display:block}html[data-theme=editorial] .community-art{height:265px;min-height:0}html[data-theme=editorial] .slurping h2{font-size:38px}html[data-theme=editorial] .latest h2,html[data-theme=editorial] .guide-menu h2{font-size:29px}}
@media(max-width:360px){.brand{font-size:26px}.brand-bowl{width:31px}html[data-theme=editorial] header .brand{font-size:22px}html[data-theme=cozy] .hero-copy h1{font-size:37px}html[data-theme=cozy] .hero-copy p.hero-tagline{font-size:19px;width:100%;padding:7px 12px}.tagline-cat{width:32px;height:35px}html[data-theme=cozy] .category-icon{width:34px;height:56px}html[data-theme=cozy] .category-menu h2{font-size:22px;overflow-wrap:anywhere}html[data-theme=cozy] .category-menu>a{padding-right:12px}html[data-theme=editorial] .hero h1{font-size:31px}.section-heading h2,html[data-theme=cozy] .latest h2{font-size:25px}.heading-icon{width:25px!important;height:27px!important}}
/* The rice ball crosses the top edge while input text and the submit button keep clear tracks. */
html[data-theme=cozy] .cozy-art{object-position:center 65%}
html[data-theme=cozy] .rice-mascot{right:70px;top:80px}
html[data-theme=cozy] .article-search input{padding-right:106px}
@media(max-width:950px){html[data-theme=cozy] .rice-mascot{right:62px;top:80px}}
@media(max-width:760px){html[data-theme=cozy] .cozy-art{object-position:center 20%}html[data-theme=cozy] .rice-mascot{right:72px;top:76px}html[data-theme=cozy] .article-search input{padding-right:94px}}
@media(max-width:480px){html[data-theme=cozy] .cozy-art{object-position:center 13%}}
/* Compact preview form and excerpts retain the existing disabled controls and source copy. */
.home-grid .post-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme=editorial] .community-art{height:220px}
html[data-theme=editorial] .community-copy .detail-envelope{filter:grayscale(1)}
html[data-theme=editorial] .community-copy .newsletter-preview>div{display:flex;gap:7px}
html[data-theme=editorial] .community-copy .newsletter-preview input{margin-bottom:0;padding:9px 10px}
html[data-theme=editorial] .community-copy .newsletter-preview button{width:auto;flex:none;min-height:40px;padding:9px 13px}
@media(max-width:1180px) and (min-width:481px){html[data-theme=editorial] .community-art{height:100%;min-height:220px}}
@media(max-width:480px){html[data-theme=editorial] .community-art{height:250px}html[data-theme=editorial] .community-copy .newsletter-preview>div{display:flex}}
/* Bounded correction from actual ff18ce3 desktop reference comparison. */
.home-content{display:contents}
html[data-theme=cozy] .hero-doodle.cozy-only{left:auto;right:14px;top:18px;width:75px;max-width:75px;font-size:17px;line-height:1.04;text-shadow:0 1px 2px #9acdbc}
html[data-theme=cozy] .newsletter-art{background-position:center bottom}
@media(min-width:1181px){
 html[data-theme=editorial] .home-content{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,2fr) minmax(0,.9fr);gap:10px 13px;align-items:start;margin-bottom:10px}
 html[data-theme=editorial] .home-content .home-grid{display:contents}
 html[data-theme=editorial] .home-content .slurping{grid-column:1;grid-row:1 / span 2}
 html[data-theme=editorial] .home-content .latest{grid-column:2;grid-row:1}
 html[data-theme=editorial] .home-content .today{grid-column:3;grid-row:1}
 html[data-theme=editorial] .home-content .guide-menu{grid-column:2 / -1;grid-row:2;margin:0}
 html[data-theme=editorial] .home-content .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 html[data-theme=editorial] .home-content .guide-grid img{width:83px;height:80px}
}
@media(min-width:761px) and (max-width:1180px){
 html[data-theme=editorial] .home-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:10px 13px;align-items:start;margin-bottom:10px}
 html[data-theme=editorial] .home-content .home-grid{display:contents}
 html[data-theme=editorial] .home-content .slurping{grid-column:1;grid-row:1 / span 2}
 html[data-theme=editorial] .home-content .latest{grid-column:2;grid-row:1}
 html[data-theme=editorial] .home-content .guide-menu{grid-column:2;grid-row:2;margin:0}
 html[data-theme=editorial] .home-content .today{grid-column:1 / -1;grid-row:3}
 html[data-theme=editorial] .home-content .guide-grid{grid-template-columns:1fr}
}
/* Consolidated B-report fixes: live-copy tracks, fallback wrapping, accessible search and contrast. */
.search-toggle{display:none}.header-search-panel[hidden]{display:none!important}
html[data-theme=editorial] header{padding-right:265px}
html[data-theme=editorial] .search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;padding:9px;background:transparent;border:0;border-radius:4px;color:#111;cursor:pointer}
.search-toggle svg{display:block;width:22px;height:22px}
.header-search-panel{position:absolute;z-index:20;right:20px;top:calc(100% + 8px);width:min(430px,calc(100vw - 24px));padding:15px;background:#fff8f5;color:#111;border:2px solid #d0006b;box-shadow:0 5px 20px #1113}
.header-search-panel .article-search label{font-size:14px}.header-search-panel .article-search>div{border:1px solid #b99ba8}.header-search-panel .search-results{font-size:14px;line-height:1.4;margin-top:10px;max-height:55vh;overflow:auto}.header-search-panel .search-results p{margin-bottom:7px}
html[data-theme=cozy] .hero-copy h1 em{color:#d44a18}
html[data-theme=cozy] .hero-copy p.hero-japanese{color:#b52549}
html[data-theme=editorial] .community-card{background:#d0006b}
@media(min-width:761px) and (max-width:950px){
 html[data-theme=cozy] .hero-layout{display:block}
 html[data-theme=cozy] .hero{display:block;min-height:310px}
 html[data-theme=cozy] .hero-copy{width:42%;padding:20px 0 15px 22px}
 html[data-theme=cozy] .cozy-art{position:absolute;inset:0 0 0 auto;width:55%;height:100%;margin:0;object-fit:cover;object-position:center 55%}
 html[data-theme=cozy] .start-panel{margin-top:10px;min-height:240px}
}
@media(max-width:950px){
 html[data-theme=editorial] header{padding-right:15px;gap:10px}
 html[data-theme=editorial] header .brand{order:0}
 html[data-theme=editorial] .search-toggle{order:1;margin-left:auto}
 html[data-theme=editorial] .menu-button{order:2;margin-left:0}
 html[data-theme=editorial] header nav{order:3}
}
@media(max-width:480px){
 html[data-theme=cozy] .hero-copy h1{max-width:calc(100% - 8px)}
 html[data-theme=cozy] .cozy-second{white-space:normal}
 html[data-theme=cozy] .cozy-second em{white-space:nowrap}
 html[data-theme=editorial] header{padding-right:12px;gap:9px}
 html[data-theme=editorial] .menu-button{padding:7px 10px;font-size:12px}
}
/* Existing orange guides also fill the observed blank desktop space; phone order is unchanged. */
@media(min-width:1181px){
 html[data-theme=cozy] .home-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.35fr) minmax(0,1fr);gap:10px;align-items:start;margin-bottom:10px}
 html[data-theme=cozy] .home-content .home-grid{display:contents}
 html[data-theme=cozy] .home-content .slurping{grid-column:1;grid-row:1 / span 2}
 html[data-theme=cozy] .home-content .latest{grid-column:2;grid-row:1}
 html[data-theme=cozy] .home-content .today{grid-column:3;grid-row:1}
 html[data-theme=cozy] .home-content .guide-menu{grid-column:2 / -1;grid-row:2;margin:0}
 html[data-theme=cozy] .home-content .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 html[data-theme=cozy] .home-content .guide-grid img{width:83px;height:80px}
}
@media(min-width:761px) and (max-width:1180px){
 html[data-theme=cozy] .home-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px;align-items:start;margin-bottom:10px}
 html[data-theme=cozy] .home-content .home-grid{display:contents}
 html[data-theme=cozy] .home-content .slurping{grid-column:1;grid-row:1 / span 2}
 html[data-theme=cozy] .home-content .latest{grid-column:2;grid-row:1}
 html[data-theme=cozy] .home-content .guide-menu{grid-column:2;grid-row:2;margin:0}
 html[data-theme=cozy] .home-content .today{grid-column:1 / -1;grid-row:3}
 html[data-theme=cozy] .home-content .guide-grid{grid-template-columns:1fr}
}
/* D: the mobile live-copy region uses the reference's opaque cream negative space. */
@media(max-width:760px){html[data-theme=cozy] .hero-copy{background:#fff5e2}}