/* Shared shell for the legal pages. Same palette as the main page — read off the
   client's own style-guide artwork, not the labels typed under the swatches. */
:root{
  --navy:#061F3D;
  --navy-deep:#031122;
  --gold:#C79A49;
  --gold-deep:#A5803D;
  --white:#FFFFFF;
  --gray-light:#F7F8FA;
  --gray-med:#D8DCE3;
  --text:#2C3440;
  --text-soft:rgba(44,52,64,.74);
  --shell:820px;
  --pad:clamp(20px,5vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--text);background:var(--white);font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--navy)}
.shell{width:100%;max-width:var(--shell);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

header{background:var(--navy);border-bottom:1px solid rgba(199,154,73,.4)}
.bar{display:flex;align-items:center;gap:16px;min-height:70px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto;min-width:0}
.brand img{width:42px;height:42px;flex:none}
.brand-name{font-family:"Playfair Display",Georgia,serif;color:#fff;font-weight:700;font-size:15.5px;line-height:1.12;white-space:nowrap}
.brand-name span{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:9.5px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;margin-top:3px;white-space:nowrap}
.back{
  display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;
  font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  min-height:44px;padding:0 4px;white-space:nowrap;
}
.back:hover{color:var(--gold)}

.page-head{background:var(--gray-light);border-bottom:1px solid var(--gray-med);padding:clamp(38px,6vw,60px) 0}
.eyebrow{
  display:flex;align-items:center;gap:14px;margin:0 0 14px;
  font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--navy);
}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold);flex:none}
h1{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:-.015em;
   font-size:clamp(30px,5.4vw,44px);line-height:1.14;margin:0 0 12px}
.updated{margin:0;font-size:14.5px;color:var(--text-soft)}

main{padding:clamp(36px,6vw,60px) 0 clamp(48px,7vw,80px)}
h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:-.01em;
   font-size:clamp(21px,3vw,26px);line-height:1.25;margin:38px 0 12px}
h2:first-of-type{margin-top:0}
h3{font-size:16px;font-weight:700;letter-spacing:.02em;margin:22px 0 6px}
p,li{margin:0 0 14px}
ul{padding-left:22px;margin:0 0 18px}
li{margin-bottom:8px}
strong{font-weight:600;color:var(--text)}

.callout{
  background:var(--gray-light);border-left:3px solid var(--gold);
  border-radius:0 8px 8px 0;padding:20px 22px;margin:26px 0;
}
.callout p:last-child{margin-bottom:0}
.callout p{color:var(--text)}

/* anything the client still has to confirm is marked, not quietly invented */
.tbc{background:rgba(199,154,73,.16);border-bottom:1px dashed var(--gold-deep);padding:1px 4px;border-radius:2px}

footer{background:var(--navy-deep);color:rgba(216,220,227,.8);font-size:14px;padding:34px 0 30px}
footer a{color:rgba(216,220,227,.8);text-decoration:none}
footer a:hover{color:var(--gold)}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 16px;padding:0;list-style:none}
.foot-legal{font-size:12.7px;line-height:1.65;color:rgba(216,220,227,.7);max-width:88ch;margin:0}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}