:root{
  --uet-primary:#24364B;
  --uet-accent:#C9A77A;
  --uet-panel:#EFE7DD;
  --uet-text:#4D4C4C;
  --uet-bg:#FFFFFF;
  --uet-border:#E2DED9;
  --uet-copy:760px;
  --uet-site:1200px;
}

/* Shared */
body.uet-article,
body.uet-standard{color:var(--uet-text);background:var(--uet-bg)}
/* Scope editorial link colours to page content only.
   Do not override navigation/footer link colours supplied by the site theme. */
body.uet-article .uet-shell a,
body.uet-standard .uet-standard-body a{
  color:var(--uet-primary);
  text-underline-offset:.16em
}

/* ARTICLE / GUIDE */
body.uet-article .wp-block-post-title:not(.uet-title),
body.uet-article .entry-title:not(.uet-title){display:none}

body.uet-article .uet-shell{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  color:var(--uet-text);
  background:var(--uet-bg);
  font-size:18px;
  line-height:1.56;
}
.uet-inner{width:min(calc(100% - 48px),var(--uet-site));margin-inline:auto}
.uet-article-header{padding-block:56px 34px;border-bottom:1px solid var(--uet-border)}
.uet-breadcrumbs{font-size:.9rem;color:#6A6969;margin:0 0 16px}
.uet-breadcrumbs a{color:var(--uet-primary)}
.uet-article-header .uet-title{
  max-width:940px;
  margin:0 auto;
  text-align:center;
  color:var(--uet-primary);
  font-weight:700;
  line-height:1.2;
  font-size:clamp(2.25rem,5vw,3.1rem)
}
.uet-meta{margin:14px auto 0;text-align:center;color:#6A6969;font-size:.9rem;line-height:1.35}
.uet-article-body{
  width:100%;
  max-width:calc(var(--uet-copy) + 48px);
  margin-inline:auto;
  padding:42px 24px 80px;
  box-sizing:border-box;
  line-height:1.56
}
.uet-article-body>:first-child{margin-top:0}
.uet-article-body p{max-width:var(--uet-copy);line-height:1.56;margin-top:0;margin-bottom:1rem}
.uet-article-body li{max-width:var(--uet-copy);line-height:1.5}
.uet-article-body li+li{margin-top:.28rem}
.uet-article-body ul,.uet-article-body ol{padding-left:1.35em;margin-top:.55rem;margin-bottom:1.2rem}
.uet-article-body h2,.uet-article-body h3,.uet-article-body h4{color:var(--uet-primary);font-weight:700;line-height:1.2}
.uet-article-body h2{font-size:clamp(1.75rem,3vw,2.15rem);margin-top:44px;margin-bottom:12px}
.uet-article-body h3{font-size:1.4rem;margin-top:28px;margin-bottom:9px}
.uet-quick{
  margin:0 0 38px;
  padding:24px 26px;
  border:1px solid var(--uet-border);
  border-left:5px solid var(--uet-accent);
  border-radius:8px;
  background:color-mix(in srgb,var(--uet-panel) 55%,var(--uet-bg))
}
.uet-quick-kicker{margin:0 0 5px!important;color:var(--uet-primary);font-size:.78rem;line-height:1.2!important;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.uet-quick h2{margin:0 0 12px!important;font-size:1.45rem;line-height:1.22}
.uet-quick p{margin-bottom:12px}
.uet-quick ul{margin:8px 0 0;padding-left:1.15em}
.uet-article-body blockquote{margin:1.5rem 0;padding-left:1.25rem;border-left:4px solid var(--uet-accent)}
.uet-article-body .wp-block-table{overflow-x:auto;margin:1.5rem 0}
.uet-article-body table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.4}
.uet-article-body th{background:color-mix(in srgb,var(--uet-panel) 55%,var(--uet-bg));color:var(--uet-primary);font-weight:700}
.uet-article-body th,.uet-article-body td{padding:10px 12px;border:1px solid var(--uet-border);vertical-align:top;text-align:left}

/* STANDARD / TRUST / LEGAL
   Supply a consistent page H1 and readable text measure. */
body.uet-standard .uet-standard-body{
  width:min(calc(100% - 48px),var(--uet-copy));
  max-width:var(--uet-copy);
  margin-inline:auto;
  padding-top:48px;
  padding-bottom:64px;
  color:var(--uet-text);
  line-height:1.58;
}
body.uet-standard .uet-standard-body>:first-child{margin-top:0}
body.uet-standard .uet-standard-title{
  margin:0 0 34px;
  color:var(--uet-primary);
  font-weight:700;
  line-height:1.15;
  font-size:clamp(2.25rem,5vw,3.1rem)
}
body.uet-standard .uet-standard-body p{line-height:1.58;margin-top:0;margin-bottom:1rem}
body.uet-standard .uet-standard-body li{line-height:1.5}
body.uet-standard .uet-standard-body li+li{margin-top:.28rem}
body.uet-standard .uet-standard-body ul,
body.uet-standard .uet-standard-body ol{padding-left:1.35em;margin-top:.55rem;margin-bottom:1.2rem}
body.uet-standard .uet-standard-body h2,
body.uet-standard .uet-standard-body h3,
body.uet-standard .uet-standard-body h4{color:var(--uet-primary);font-weight:700;line-height:1.2}
body.uet-standard .uet-standard-body h2{margin-top:38px;margin-bottom:12px}
body.uet-standard .uet-standard-body h3{margin-top:26px;margin-bottom:9px}

/* Some themes make the page-content wrapper full width. This rule constrains
   only the content returned by the editor, not header/footer/navigation. */
body.uet-standard .uet-standard-body .alignwide,
body.uet-standard .uet-standard-body .alignfull{max-width:100%;margin-left:0;margin-right:0}

@media(max-width:680px){
  .uet-inner,
  body.uet-standard .uet-standard-body{width:min(calc(100% - 40px),var(--uet-copy))}
  .uet-article-body{width:100%;max-width:calc(var(--uet-copy) + 40px);padding-left:20px;padding-right:20px}
  .uet-article-header{padding-block:44px 28px}
  .uet-article-body{padding-block:34px 60px}
  .uet-quick{padding:20px;margin-bottom:30px}
  body.uet-standard .uet-standard-body{padding-top:36px}
  body.uet-standard .uet-standard-title{margin-bottom:28px}
  .uet-article-body .wp-block-table table{min-width:640px}
}