/* Explicit layout refinements requested on 21 October 2026. */
/* Use the unchanged homepage title position as the reference. */
html body.cartoons-page .cartoons-hero{padding-top:90px}
html body.cartoons-page .cartoons-hero-inner{align-items:start}
html body.cartoons-page .cartoons-hero-copy{padding-top:0}
html.easyai-guides .hero.wrap{padding-top:90px;align-items:start}
html.easyai-guides .hero-copy h1{font-weight:700}

/* Enlarge only the cover visually; the gift's grid and size are unchanged. */
html.easyai-guides #start-ai .bonus-art img{transform:scale(1.3);transform-origin:center}

/* Examples are another active chocolate section. */
html body.cartoons-page main>#examples{background:#30241e;color:#fff3e5}
html body.cartoons-page #examples .examples-heading h2{color:#fff3e5}
html body.cartoons-page #examples .examples-heading>p,
html body.cartoons-page #examples .after-link-caption{color:#dcc9b8}
html body.cartoons-page #examples .tabs{border-color:#bda18b}
html body.cartoons-page #examples .tab-button{color:#4e3428}
html body.cartoons-page #examples .tab-button[aria-selected="true"]{color:#fff3e5}
html body.cartoons-page #examples .film-track-counter{color:#dcc9b8}
html body.cartoons-page #examples .film-track-arrows button{color:#fff3e5;border-color:#bda18b;background:transparent}
html body.cartoons-page #examples .film-track-arrows button:hover{color:#4e3428;background:#f6e6d3}

@media(max-width:640px){
 html body.cartoons-page .cartoons-hero{padding-top:60px}
 html.easyai-guides .hero.wrap{padding-top:60px}
 html body.cartoons-page .cartoons-hero-copy h1{
  width:calc(100% + 12px);max-width:350px;letter-spacing:-.06em;text-wrap:wrap;
 }
}

/* Keep both tariffs side by side, including on phones, with shared rows. */
@media(max-width:599px){
 html body.cartoons-page #tariffs .tariff-duo{
  grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);
  column-gap:10px;row-gap:0;
 }
 html body.cartoons-page #tariffs .tariff-brief{
  grid-column:auto;grid-row:1 / span 5;grid-template-rows:subgrid;
  padding:23px 11px 4px;border-radius:16px;
 }
 html body.cartoons-page #tariffs .tariff-brief-classic{grid-column:1}
 html body.cartoons-page #tariffs .tariff-brief-premium{grid-column:2;padding:22px 10px 3px}
 html body.cartoons-page #tariffs .tariff-brief header{padding-bottom:14px}
 html body.cartoons-page #tariffs .tariff-brief .tariff-level{
  min-height:3em;font-size:10px;line-height:1.5;margin:0 0 12px;letter-spacing:0;
 }
 html body.cartoons-page #tariffs .tariff-brief .tariff-name-row{margin-bottom:10px}
 html body.cartoons-page #tariffs .tariff-brief .tariff-name-row h3{
  font-size:clamp(20px,5.65vw,24px);letter-spacing:-.035em;line-height:1.2;
 }
 html body.cartoons-page #tariffs .tariff-brief .tariff-description{
  font-size:clamp(12px,3.3vw,14px);line-height:1.55;
 }
 html body.cartoons-page #tariffs .tariff-brief .tariff-recommended{
  inset:-12px 5px auto auto;padding:4px 7px;font-size:10px;line-height:1.5;
  max-width:calc(100% - 10px);
 }
 html body.cartoons-page #tariffs .tariff-brief .tariff-point{
  padding:13px 0 13px 19px;font-size:clamp(12px,3.3vw,14px);line-height:1.55;
  overflow-wrap:anywhere;
 }
 html body.cartoons-page #tariffs .tariff-brief .tariff-point::before{
  font-size:18px;line-height:1.2;top:13px;
 }
 html body.cartoons-page #tariffs .tariff-brief :is(.tariff-unavailable,.tariff-personalized){
  grid-template-columns:14px minmax(0,1fr);column-gap:5px;padding-left:0;
 }
 html body.cartoons-page #tariffs .tariff-brief .tariff-status{font-size:18px;line-height:1.2}
}
@supports not(grid-template-rows:subgrid){
 html body.cartoons-page #tariffs .tariff-brief{grid-template-rows:auto;align-content:start;gap:0}
}