/* Relia Hats custom-page layout. Scope is intentionally limited to the pilot first. */
body.template-page:has(.rh-article) .main-page > .container-full:has(> .f-page-content > .rh-article){
  width:100%;max-width:100%;padding-inline:0!important;
}
body.template-page:has(.rh-article) .f-page-content.rte:has(> .rh-article){
  width:100%;max-width:100%;padding-block-end:0!important;
}
body.template-page:has(.rh-article) .rh-article{width:100%;max-width:100%!important}
body.template-page:has(.rh-article) .rh-article .rh-screen{
  width:100%;max-width:100%;padding-inline:43px;
  background-color:var(--rh-bg);border-block-start:1px solid rgba(20,45,61,.08);
}
body.template-page:has(.rh-article) .rh-article .rh-screen:first-child{border-block-start:0}
body.template-page:has(.rh-article) .rh-article .rh-screen::before{content:none;box-shadow:none;clip-path:none}
body.template-page:has(.rh-article) .rh-article .rh-screen--dark{border-block-start-color:rgba(255,255,255,.16)}
body.template-page:has(.rh-article) .rh-article .rh-copy .rh-eyebrow{
  display:flex;align-items:center;gap:12px;letter-spacing:.14em;
}
body.template-page:has(.rh-article) .rh-article .rh-copy .rh-eyebrow::before{
  content:"";display:block;flex:0 0 24px;height:2px;background:currentColor;opacity:.75;
}
body.template-page:has(.rh-article) .rh-article .rh-figure{
  border:1px solid rgba(20,45,61,.10);box-shadow:0 14px 36px rgba(20,45,61,.075);
}
body.template-page:has(.rh-article) .rh-article .rh-fact-card,
body.template-page:has(.rh-article) .rh-article .rh-compare,
body.template-page:has(.rh-article) .rh-article .rh-brief{
  box-shadow:0 8px 24px rgba(20,45,61,.035);
}
body.template-page:has(.rh-article) .rh-article .rh-reference a,
body.template-page:has(.rh-article) .rh-article .rh-related a{
  min-height:44px;display:flex;align-items:center;
}
body.template-page:has(.rh-article) .rh-article .rh-link-grid>a{
  min-height:60px;border-color:#bbcec7;box-shadow:0 2px 0 rgba(35,106,103,.06);
}
body.template-page:has(.rh-article) .rh-article .rh-actions a.rh-button{border-radius:8px;box-shadow:0 6px 18px rgba(20,45,61,.08)}
body.template-page:has(.rh-article) .rh-article a:focus-visible{outline:3px solid #b66a2c;outline-offset:4px}
@media(min-width:1500px){
  body.template-page:has(.rh-article) .rh-article .rh-screen{padding-inline:55px}
}
@media(max-width:900px){
  body.template-page:has(.rh-article) .rh-article .rh-screen{padding-inline:39px}
}
@media(max-width:680px){
  body.template-page:has(.rh-article) .rh-article .rh-screen{padding-inline:35px}
  body.template-page:has(.rh-article) .rh-article th,
  body.template-page:has(.rh-article) .rh-article td{font-size:13px;line-height:1.6}
  body.template-page:has(.rh-article) .rh-article .rh-figure figcaption{font-size:12px}
  body.template-page:has(.rh-article) .rh-article .rh-copy .rh-company{font-size:11px}
  body.template-page:has(.rh-article) .rh-article .rh-copy .rh-eyebrow{gap:10px}
  body.template-page:has(.rh-article) .rh-article .rh-copy .rh-eyebrow::before{flex-basis:20px}
}
@media(hover:hover) and (pointer:fine){
  body.template-page:has(.rh-article) .rh-article .rh-link-grid>a:hover{border-color:#236a67;background:#f3f7f4}
  body.template-page:has(.rh-article) .rh-article .rh-reference a:hover,
  body.template-page:has(.rh-article) .rh-article .rh-related a:hover{border-color:#236a67}
  body.template-page:has(.rh-article) .rh-article .rh-screen--dark .rh-related a:hover{border-color:#a4d5cd}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.template-page:has(.rh-article) .rh-article .rh-actions a.rh-button,
  body.template-page:has(.rh-article) .rh-article .rh-link-grid>a{
    transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease,background-color 160ms ease;
  }
  body.template-page:has(.rh-article) .rh-article .rh-actions a.rh-button:hover,
  body.template-page:has(.rh-article) .rh-article .rh-link-grid>a:hover{
    transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,45,61,.10);
  }
  body.template-page:has(.rh-article) .rh-article .rh-jump span{display:inline-block;transition:transform 160ms ease}
  body.template-page:has(.rh-article) .rh-article .rh-jump:hover span{transform:translateY(3px)}
}
@media(prefers-reduced-motion:reduce){
  body.template-page:has(.rh-article) .rh-article a{transition:none!important;transform:none!important}
}