/* Desktop panels: expose the Thais scenery in the gutters, keep reading surfaces dark.
   Mobile/tablet keep their existing layout and do not fetch the desktop artwork. */
@media(min-width:1101px){
 .horizon-chronicles{--hc-desktop-gutter:36px;--hc-desktop-gap:24px}
 .horizon-chronicles .hc-site-frame{
  background:transparent;box-shadow:none;
 }
 .hc-page-body{border-left:0}
 .hc-sidebar{
  top:110px;max-height:calc(100vh - 134px);margin-top:var(--hc-desktop-gap);
  border:1px solid #99744799;
  background:linear-gradient(150deg,#30271cc7,#171914c7);
  box-shadow:inset 0 1px 0 #efca8b1a,0 8px 26px #0004;
 }
 .horizon-chronicles .hc-side-support{margin-inline:0;background:#302719d9}
 .hc-page-body .hc-edition{
  margin:var(--hc-desktop-gap) var(--hc-desktop-gutter) 0;
  padding:12px 20px;border:1px solid #97704499;
  background:linear-gradient(90deg,#211c18e6,#30231ce6,#211c18e6);
 }
 .hc-hero{
  margin:var(--hc-desktop-gap) var(--hc-desktop-gutter) 0;
  border:1px solid #97704499;
 }
 .hc-page-body .hc-hero-copy{padding-inline:28px}
 .horizon-chronicles .hc-bulletin{
  margin:var(--hc-desktop-gap) var(--hc-desktop-gutter);
  padding:24px;
  background:radial-gradient(ellipse at 0 0,#a7752b20,transparent 65%),linear-gradient(120deg,#30261ce8,#211e19e8);
 }
 .horizon-chronicles .hc-bulletin .hc-notice{background:#1b1915b3}
 .horizon-chronicles .hc-bulletin .hc-notice-latest{background:linear-gradient(110deg,#48311fc4,#292117c4 80%)}
 .horizon-chronicles .hc-start-guide{margin:var(--hc-desktop-gap) var(--hc-desktop-gutter) 0;padding:0;border:0}
 .hc-start-heading{
  margin:0 0 var(--hc-desktop-gap);padding:22px 20px;
  border-block:1px solid #a37b4699;background:#211e18d9;
 }
 .hc-start-heading h2{margin:0}
 .hc-start-grid{gap:var(--hc-desktop-gap)}
 .hc-start-card{background:linear-gradient(150deg,#31261de6,#201c17e6)}
 .hc-start-copy{padding:24px 22px}
 .hc-start-copy h3{min-block-size:2.4em}
 .horizon-chronicles .hc-step-action{gap:12px}
 .hc-step-action>span[aria-hidden]{flex-shrink:0}
 .hc-page-body .hc-main{padding-inline:var(--hc-desktop-gutter)}
 .hc-page-body .hc-main:not(.hc-main-home){
  margin:var(--hc-desktop-gap) var(--hc-desktop-gutter);padding:30px;
  background:#191817eb;border:1px solid #97704499;
 }
 .hc-page-body .hc-main-home{padding-top:var(--hc-desktop-gap);padding-bottom:var(--hc-desktop-gap)}
 .hc-journal-heading{
  margin-bottom:var(--hc-desktop-gap);padding:18px 24px;
  background:#211e18e6;border-block:1px solid #a37b4699;
 }
 .hc-journal-heading:after{display:none}
 .hc-page-body .hc-journal-grid{gap:var(--hc-desktop-gap)}
 .horizon-chronicles .hc-home .hc-news-card{background-color:#211e1be8;margin-bottom:var(--hc-desktop-gap)}
 .horizon-chronicles .hc-home .hc-news-lead{background-color:#2b211ce8}
 .horizon-chronicles .hc-home .hc-news-card:last-child{margin-bottom:0}
 .horizon-chronicles .hc-home .hc-home-start{padding:24px;background:linear-gradient(150deg,#482c26e8,#2b201ce8 70%)}
 .horizon-chronicles .hc-home .hc-home-shortcuts{
  margin-top:var(--hc-desktop-gap);padding:0 20px;background:#211e1be8;border:1px solid #645039;
 }
 .horizon-chronicles .hc-home .hc-home-guilds{margin-top:var(--hc-desktop-gap);padding-top:0;border-top:0}
 .hc-guilds-heading{padding:20px 24px;margin-bottom:var(--hc-desktop-gap);background:#211e18e6;border-block:1px solid #a37b4699}
 .hc-guilds-list{gap:var(--hc-desktop-gap)}
 .hc-guild-entry{background:#211e1be8}
 .hc-home-guilds>.hc-home-link{padding:8px 18px;background:#211e18eb;border:1px solid #645039}
 .hc-page-body .hc-footer{
  margin:0 var(--hc-desktop-gutter) var(--hc-desktop-gap);padding:24px;
  border:1px solid #97704499;background:linear-gradient(180deg,#211c18e6,#171614e6);
 }
 .hc-footer:before{left:24px;right:24px}
}
@media(min-width:1101px) and (max-width:1250px){
 .horizon-chronicles{--hc-desktop-gutter:25px;--hc-desktop-gap:20px}
 .hc-sidebar{top:106px;max-height:calc(100vh - 126px)}
 .hc-start-copy{padding:22px 16px}
 .horizon-chronicles .hc-step-action{min-height:68px;padding-inline:12px}
}