:root { --paper:#f3f1eb; --ink:#132020; --muted:#586866; --line:#c8cdc5; --teal:#087c71; --dark:#142224; font-family:"Manrope",sans-serif; } * { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); } main { width:min(900px,100%); margin:auto; padding:24px 42px 52px; } nav { display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--line); } .brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-family:"Oswald",sans-serif; font-size:20px; letter-spacing:.025em; text-decoration:none; text-transform:uppercase; }.brand span { display:grid; width:30px; height:30px; place-items:center; color:#fff; background:var(--teal); font-family:"DM Mono",monospace; font-size:10px; }.back { color:var(--teal); font-family:"DM Mono",monospace; font-size:10px; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; } header { padding:76px 0 50px; border-bottom:1px solid var(--line); } .eyebrow { margin:0 0 14px; color:var(--teal); font-family:"DM Mono",monospace; font-size:10px; font-weight:700; letter-spacing:.1em; } h1 { max-width:700px; margin:0; font-family:"Oswald",sans-serif; font-size:clamp(42px,7vw,68px); font-weight:600; letter-spacing:-.025em; line-height:1; text-transform:uppercase; } .updated { margin:19px 0 0; color:var(--muted); font-family:"DM Mono",monospace; font-size:10px; } article { max-width:720px; padding:46px 0; } section { padding:0 0 30px; } h2 { margin:0 0 10px; color:var(--dark); font-family:"Oswald",sans-serif; font-size:22px; font-weight:600; letter-spacing:.01em; text-transform:uppercase; } p,li { color:#40514f; font-size:14px; line-height:1.8; } p { margin:0; } ul { margin:12px 0 0; padding-left:19px; } a { color:var(--teal); font-weight:700; } .note { margin-top:18px; padding:18px 20px; border-left:3px solid var(--teal); background:#deebe5; } footer { display:flex; justify-content:space-between; gap:15px; padding-top:20px; border-top:1px solid var(--line); color:#72807c; font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.03em; } @media(max-width:640px) { main{padding:18px 20px 32px;} header{padding:56px 0 38px;} footer{flex-direction:column;} }