:root{

--navy:#07192D;
--gold:#C6A25B;
--gold-light:#DFC58C;
--white:#F7F8FA;
--body:#45566B;
--rule:rgba(7,25,45,.12);

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Inter',sans-serif;
background:var(--white);
color:var(--navy);
line-height:1.7;

}

img{
max-width:100%;
display:block;
}

a{

text-decoration:none;
color:inherit;

}

.site-header{

background:#07192D;
border-bottom:1px solid rgba(255,255,255,.05);

}

.site-header .container{

display:flex;
justify-content:space-between;
align-items:center;
height:82px;

}

.site-header img{

height:46px;
width:auto;

}

.back-link{

color:#dbe3ee;
font-size:.8rem;
letter-spacing:2px;
text-transform:uppercase;
font-weight:700;
transition:.3s;

}

.back-link:hover{

color:var(--gold);

}

.container{

width:min(92%,1200px);
margin:auto;

}

.doc{

width:min(92%,820px);
margin:auto;
padding:90px 0 110px;

}

.doc h1{

font-family:'Playfair Display',serif;
font-size:3rem;
line-height:1.2;
margin-bottom:14px;

}

.doc-meta{

color:var(--body);
font-size:.9rem;
letter-spacing:1px;
margin-bottom:48px;
padding-bottom:24px;
border-bottom:1px solid var(--rule);

}

.doc h2{

font-family:'Playfair Display',serif;
font-size:1.45rem;
margin:44px 0 14px;

}

.doc p{

color:var(--body);
font-size:.98rem;
margin-bottom:16px;

}

.doc ul{

color:var(--body);
font-size:.98rem;
padding-left:22px;
margin-bottom:16px;

}

.doc ul li{

margin-bottom:8px;

}

.doc a{

color:var(--navy);
font-weight:600;
border-bottom:1px solid var(--gold);

}

.doc a:hover{

color:var(--gold);

}

footer{

background:#07192D;
color:#B7C0CB;
padding:44px 0;

}

.footer-inner{

display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:wrap;

}

.footer-inner img{

height:38px;
width:auto;

}

.footer-links{

display:flex;
align-items:center;
gap:22px;
flex-wrap:wrap;
font-size:.85rem;

}

.footer-links a{

color:#dbe3ee;
transition:.3s;

}

.footer-links a:hover{

color:var(--gold-light);

}

.footer-links span{

opacity:.4;

}

@media(max-width:640px){

.doc h1{
font-size:2.2rem;
}

.site-header .container{
height:70px;
}

}
