/* Reusable hotel inner-page canvas. Opt in through TopicLayout.hotelInnerCanvas.
   A band always spans the viewport; text and controls share one readable inset. */
body.hotel-inner-canvas{
  --hotel-canvas-ink:#10263f;
  --hotel-canvas-paper:#f6f1e8;
  --hotel-canvas-light:#fffdfa;
  --hotel-canvas-line:#d8d0c3;
  --hotel-canvas-gutter:max(1.5rem,calc((100vw - 1180px)/2));
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue){
  box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:0;
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(header,nav,section){
  box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:var(--hotel-canvas-gutter);
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.hero,.entity-hero,.kira-hero){
  padding-inline:0;
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.fact-rail,.quick,.facts,.fact-strip){
  padding-inline:clamp(1.5rem,4vw,4.5rem);
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.verdict,.intro,.orders,.faq,.related,.related-guides,.sources,.details,.accuracy,.arrival-plan,.booking-check,.editorial-note,.zone-map,.room-comparison,.family-day){
  background:var(--hotel-canvas-paper);
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.gallery,.licensed-gallery,.image-story,.scene,.food-photo,.photo,.menu,.treatments){
  background:var(--hotel-canvas-light);
}
body.hotel-inner-canvas main>article.gold>.photo.text-only{max-width:none}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.reviews,.diet,.fitness-access,.family-decision,.conversion){
  background:var(--hotel-canvas-ink);color:#fff;
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.sources,.accuracy,.arrival-plan,.planning)>p,
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.sources,.accuracy,.arrival-plan,.planning)>ul{
  max-width:76ch;
}
body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.section-nav,.page-nav,.nav,.index){
  z-index:12;
}
@media(max-width:700px){
  body.hotel-inner-canvas{--hotel-canvas-gutter:1.25rem}
  body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(header,nav,section){padding-inline:var(--hotel-canvas-gutter)}
  body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.hero,.entity-hero,.kira-hero){padding-inline:0}
  body.hotel-inner-canvas main>article:is(.hotel-inner-page,.marsa-entity,.leisure-page,.practical-page:not(.fitness-page),.kira-page,.iliana-page,.gold,.venue)>:is(.fact-rail,.quick,.facts,.fact-strip){padding-inline:0}
}

/* The hotel name in a child page's lead links to the hotel hub; it keeps the lead's own color on light and dark heroes. */
body.hotel-inner-canvas main header :is(p.capsule,p.answer) a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}