/* Shared styles for ronaldo.today content pages */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/7453307b-6f37-4a87-a3b8-9f1dfdafbfe8.woff2") format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/7453307b-6f37-4a87-a3b8-9f1dfdafbfe8.woff2") format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/7f27ce26-856e-4cb7-b6a4-39c062481084.woff2") format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/7f27ce26-856e-4cb7-b6a4-39c062481084.woff2") format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/47bfeb2e-9ef2-4be3-92ab-731e2443c7eb.woff2") format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/47bfeb2e-9ef2-4be3-92ab-731e2443c7eb.woff2") format('woff2');}

:root{
  --cream:#050507; --ink:#F5F1E8; --body:#C5C0B6; --mut:#9A9488; --faint:#7E7870;
  --card:#141318; --border:#272430; --orange:#E0541A; --on-orange:#FFF4EC;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
::selection{background:var(--orange);color:var(--on-orange)}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px clamp(16px,4vw,40px);background:rgba(8,8,10,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-brand{display:inline-flex;align-items:center;gap:10px}
.nav-mark{width:30px;height:30px;border-radius:8px;background:var(--orange);color:var(--on-orange);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.nav-word{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.14em;color:var(--ink)}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--ink);text-decoration:none}
.nav-cta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--on-orange)!important;background:var(--orange);padding:9px 16px;border-radius:7px}
.nav-cta:hover{text-decoration:none;opacity:.92}
@media(max-width:760px){.nav-links{display:none}}

.wrap{max-width:880px;margin:0 auto;padding:64px clamp(20px,5vw,32px)}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--orange);margin-bottom:14px}
h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(32px,5.4vw,52px);line-height:1.06;letter-spacing:-.02em;margin-bottom:20px}
h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.015em;margin:48px 0 16px}
h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:20px;margin:26px 0 10px}
p{color:var(--body);font-size:clamp(16px,1.8vw,18px);margin-bottom:18px;max-width:68ch}
.lead{font-size:clamp(18px,2.1vw,21px);color:var(--ink)}
ul{margin:0 0 20px 22px}li{color:var(--body);margin-bottom:8px}
.rule{width:90px;height:3px;background:var(--orange);border-radius:3px;margin:18px 0 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:24px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px}
.card h3{margin-top:0}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:var(--on-orange);font-weight:600;padding:14px 26px;border-radius:8px;margin-top:8px}
.btn:hover{text-decoration:none;opacity:.92}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.tag{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--mut);background:var(--card);border:1px solid var(--border);border-radius:6px;padding:5px 10px}
footer{border-top:1px solid var(--border);margin-top:40px}
.foot{max-width:880px;margin:0 auto;padding:26px clamp(20px,5vw,32px);font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mut);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
.foot a{color:var(--mut)}.foot a:hover{color:var(--orange)}