:root{--bg:#eef1f4;--ink:#18222d;--mute:#55606c;--line:#c8d0d9;--accent:#1f4e79;--mark:#c8102e;--sign:#e9b200}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.65 Optima,Candara,'Gill Sans','Trebuchet MS',sans-serif}
.w{max-width:42rem;margin:0 auto;padding:0 1rem}
header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.25rem 1rem;padding:1.5rem 0 .9rem;margin-bottom:10px;box-shadow:0 3px 0 #fff,0 7px 0 var(--mark),0 10px 0 #fff}
header a.t{grid-column:1;font-size:1.6rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-.01em}
header p{grid-column:1;margin:0;color:var(--mute);font-size:.95rem}
nav{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}
nav a{color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
@media (max-width:34rem){header{grid-template-columns:1fr}nav{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;gap:1.1rem;margin-top:.4rem}}
main{padding:1.8rem 0 2.4rem}h1{font-size:1.6rem;line-height:1.25}
h2{font-size:1rem;margin-top:1.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
a{color:var(--accent);text-underline-offset:.15em}.d{display:block;color:var(--mute);font-size:.9rem}
ul.p{list-style:none;padding:0;margin:1.5rem 0;border-top:1px solid var(--line)}
ul.p li{position:relative;padding:.8rem 0 .8rem 1.8rem;border-bottom:1px solid var(--line)}
ul.p li::before{content:"";position:absolute;left:.25rem;top:1.3rem;width:.6rem;height:.6rem;background:var(--sign);transform:rotate(45deg)}
ul.p li a{font-weight:600;font-size:1.05rem;text-decoration:none}
footer{border-top:1px solid var(--line);padding:1rem 0 2rem;color:var(--mute);font-size:.82rem}