/* Scoped update requested on 21 October 2026. */
/* Match title-to-description spacing without changing typography. */
html body.home-evening .hero-home h1,
html body.cartoons-page .cartoons-hero-copy h1,
html.easyai-guides .hero-copy h1{margin-bottom:24px}
html body.home-evening .hero-home>.container>h1+p,
html body.cartoons-page .cartoons-hero-copy>h1+p,
html.easyai-guides .hero-copy>h1+.hero-lead{margin-top:0}
html.easyai-guides .hero-copy h1 span{color:inherit}

/* Sales sections use the same chocolate surface as the guide page. */
html body.cartoons-page main>section:is(#tariffs,#calculator){background:#30241e;color:#fff3e5}
html body.cartoons-page #tariffs .tariffs-heading h2,
html body.cartoons-page #calculator>.container>.order-heading h2,
html body.cartoons-page #calculator .process-heading h2{color:#fff3e5}
html body.cartoons-page #tariffs .tariffs-heading>p,
html body.cartoons-page #calculator>.container>.order-heading>p,
html body.cartoons-page #calculator .process-grid article>p{color:#dcc9b8}
html body.cartoons-page #calculator .process-grid article>strong{color:#fff3e5}
html body.cartoons-page #calculator .process-grid article>span{color:#dfb48b}
html body.cartoons-page #calculator .process-grid article{border-top-color:#8e75614d}
html body.cartoons-page #calculator :is(.calculator-card,.application-card,.scene-guide){color:#4e3428;background:#fffaf3}

/* Existing open comparison, expanded to match the supplied wording. */
html body.cartoons-page #tariffs .tariff-duo{grid-template-rows:repeat(5,auto);column-gap:44px;row-gap:18px}
html body.cartoons-page #tariffs .tariff-brief{grid-row:1 / span 5;grid-template-rows:subgrid}
html body.cartoons-page #tariffs .tariff-level{font-size:13px;line-height:1.5;letter-spacing:.035em;color:#dcc9b8;margin:0 0 12px}
html body.cartoons-page #tariffs .tariff-name-row{margin:0 0 12px;gap:10px}
html body.cartoons-page #tariffs .tariff-name-row h3{color:#fff3e5;border-bottom-color:#bfa082}
html body.cartoons-page #tariffs .tariff-brief-premium .tariff-name-row h3{color:#dfb48b;border-bottom-color:#f4775b}
html body.cartoons-page #tariffs .tariff-description{margin:0;color:#dcc9b8;font-size:16px;line-height:1.7}
html body.cartoons-page #tariffs :is(.tariff-description,.tariff-point,.tariff-level){overflow-wrap:anywhere;min-width:0}
html body.cartoons-page #tariffs .tariff-recommended{color:#ffd8c5;background:#f4775b20;border-color:#f4775b66}
html body.cartoons-page #tariffs .tariff-point{color:#fff3e5;padding-top:14px;border-top:1px solid #8e75614d}
html body.cartoons-page #tariffs .tariff-point::before{top:14px;color:#dfb48b}
html body.cartoons-page #tariffs .tariff-unavailable{color:#bca99a}
html body.cartoons-page #tariffs .tariff-personalized .tariff-status{color:#dfb48b}
html body.cartoons-page #tariffs .tariff-shared{border-top-color:#8e756166}
html body.cartoons-page #tariffs .tariff-shared h3,
html body.cartoons-page #tariffs .tariff-shared li{color:#fff3e5}
html body.cartoons-page #tariffs .tariff-shared li::before{color:#dfb48b}
html body.cartoons-page #examples .tabs{border-radius:16px;overflow:hidden}
html body.cartoons-page #examples .tab-button{border-radius:0}
html body.cartoons-page #order-form{scroll-margin-top:28px}

/* Slightly larger START cover within the existing compact gift layout. */
html.easyai-guides #start-ai{grid-template-columns:210px minmax(0,1fr)}
html.easyai-guides #start-ai .bonus-art{width:100%;max-width:100%}
html.easyai-guides #start-ai .bonus-art img{width:100%;height:250px;object-fit:contain}
@media(max-width:767px){
 html body.cartoons-page #tariffs .tariff-duo{column-gap:18px;row-gap:16px}
 html body.cartoons-page #tariffs .tariff-level{font-size:11px;letter-spacing:0}
 html body.cartoons-page #tariffs .tariff-description{font-size:14px;line-height:1.55}
 html body.cartoons-page #tariffs .tariff-name-row{align-items:flex-start;flex-direction:column;gap:7px}
 html.easyai-guides #start-ai{grid-template-columns:minmax(0,1fr) 114px}
 html.easyai-guides #start-ai .bonus-art img{width:114px;height:170px}
}
@media(max-width:360px){
 html.easyai-guides #start-ai{grid-template-columns:minmax(0,1fr) 94px}
 html.easyai-guides #start-ai .bonus-art img{width:94px;height:150px}
}
@supports not (grid-template-rows:subgrid){html body.cartoons-page #tariffs .tariff-brief{grid-template-rows:auto;align-content:start;gap:18px}}
