/* Reuse the approved orb frame. Nine slices keep corner ornaments proportional.
   Only main-site content windows are selected; the User Panel dialog/iframe is outside this scope. */
body:not([data-route="account"]) #main-content :is(
  .home-hub, .home-card, .route-card, .article-body, .register-shell,
  .opening-header, .opening-section, .opening-footer,
  .harbor-guide-banner, .harbor-guide-group, .harbor-guide-article,
  .home-faq-list > details, .information-topic
),
body[data-route="market"] #main-content > .table-scroll {
  --ice-frame-height:36px;
  --ice-frame-width:40px;
  --ice-frame-outset:18px;
  border:1px solid #c1e8fa;
  border-image-source:url('../assets/silver-ice-window-frame-v1.svg');
  border-image-slice:180 200;
  border-image-width:var(--ice-frame-height) var(--ice-frame-width);
  border-image-outset:var(--ice-frame-outset);
  border-image-repeat:stretch;
}

/* Room for projecting crystal points between adjacent windows. */
body:not([data-route="account"]) #main-content :is(
  .home-primary-grid, .home-secondary-grid, .feature-grid,
  .feature-support-grid, .harbor-guide-layout, .information-topics
) { gap:32px; }
body:not([data-route="account"]) #main-content :is(.opening-header, .opening-section, .opening-footer, .article-body) {
  padding:26px;
  background:rgba(245,251,255,.94);
  border-radius:10px;
}
body:not([data-route="account"]) #main-content :is(.opening-header, .opening-section) { margin-bottom:32px; }
body:not([data-route="account"]) #main-content .harbor-guide-banner { margin-bottom:32px; }
body:not([data-route="account"]) #main-content .harbor-guide-menu { gap:26px;align-content:start; }
body:not([data-route="account"]) #main-content .home-faq-list > details { margin-bottom:26px; }
body:not([data-route="account"]) #main-content :is(.harbor-guide-group, .home-faq-list > details, .information-topic) {
  --ice-frame-height:24px;
  --ice-frame-width:27px;
  --ice-frame-outset:12px;
}
body[data-route="market"] #main-content > .table-scroll { padding:16px;background:#f5fbff; }
body[data-route="home"] #main-content > .home-hub { padding:26px 30px 36px; }
@media(max-width:720px) {
  body:not([data-route="account"]) #main-content :is(.opening-header, .opening-section, .opening-footer, .article-body) { padding:22px 18px; }
  body[data-route="home"] #main-content > .home-hub { --ice-frame-height:24px;--ice-frame-width:27px;--ice-frame-outset:12px;padding:20px 18px 26px; }
}