/* Shared base for the sub pages (careers, journal, privacy, For You). Page specific rules stay in each page. */
:root{ --paper:#FBFCF5; --paper-deep: rgba(0,0,0,0.035); --ink:#000000; --ink-soft:#222222; --stone-line: rgba(0,0,0,0.14); --max: 720px; }
*{box-sizing:border-box; margin:0; padding:0;}
h1,h2,h3,p,li{word-break:auto-phrase;}
html{scroll-behavior:smooth;}
html, body{max-width:100%; overflow-x:hidden;}
body{background:var(--paper); color:var(--ink); font-family:'Archivo', sans-serif; -webkit-font-smoothing:antialiased; line-height:1.6; overflow-wrap:anywhere; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
input, textarea, select{-webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}
img, video{-webkit-touch-callout:none; -webkit-user-drag:none; user-drag:none;}
a{color:inherit;}
img{max-width:100%; display:block;}
header, main, footer{position:relative; z-index:1;}
.eyebrow{font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(0,0,0,0.6);}
h1,h2,h3{font-family:'Archivo Expanded', sans-serif; font-weight:700; letter-spacing:-0.01em; line-height:1.15; color:var(--ink); text-wrap:balance;}
p{text-wrap:pretty;}
.mono{font-family:'IBM Plex Mono', monospace;}
header{padding:21px 21px; border-bottom:1px solid var(--stone-line);}
header .brand img{height:15px; width:auto; display:block;}
header .head-right{display:flex; align-items:center; gap:13px;}
.lang-switch{display:flex; align-items:center; gap:2px; border:1px solid var(--stone-line); padding:2px;}
.lang-switch button{font-family:'IBM Plex Mono', monospace; font-size:11px; padding:5px 8px; color:rgba(0,0,0,0.6); letter-spacing:.03em; border:none; background:none; cursor:pointer;}
.lang-switch button.active{background:var(--ink); color:#fff;}
.head-nav{display:flex; align-items:center; gap:4px 13px;}
.head-nav a{font-family:'IBM Plex Mono', monospace; font-size:11px; color:rgba(0,0,0,0.6); text-decoration:none; padding:8px 0; white-space:nowrap;}
.head-nav a:hover, .head-nav a[aria-current="page"]{color:var(--ink); text-decoration:underline; text-underline-offset:5px;}
.foot-nav{display:flex; flex-wrap:wrap; gap:0 21px; margin-bottom:8px;}
.foot-nav a{font-family:'IBM Plex Mono', monospace; font-size:12px; color:rgba(0,0,0,0.6);}
.foot-nav a[aria-current="page"]{color:var(--ink); text-decoration-thickness:2px;}
.skip-link{position:absolute; left:-9999px; top:8px; z-index:100; background:#fff; color:#000; padding:8px 13px; font-family:'IBM Plex Mono', monospace; font-size:12px;}
.skip-link:focus{left:8px;}
@media (max-width:960px){ .head-nav{display:none;} }
main{padding:55px 0 89px;}
footer{padding:34px 0 34px; border-top:1px solid var(--stone-line); margin-top:34px;}
footer p{font-family:'IBM Plex Mono', monospace; font-size:12px; color:rgba(0,0,0,0.6);}
footer a{text-decoration:underline; text-underline-offset:2px; display:inline-block; padding:5px 2px;}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{outline:2px solid currentColor; outline-offset:3px;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
.btn.primary{background:var(--ink); color:#fff;}
.wrap{max-width:var(--max); margin:0 auto; padding:0 21px;}
header .wrap{display:flex; align-items:center; justify-content:space-between; padding:0; max-width:var(--max); gap:13px; flex-wrap:wrap;}
footer .wrap{max-width:var(--max);}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; padding:13px 21px; cursor:pointer; border:1px solid transparent; min-height:44px;}
.btn.primary:hover{background:var(--ink-soft);}
.btn.outline{background:transparent; color:var(--ink); border-color:var(--ink);}
.btn.outline:hover{background:var(--ink); color:#fff;}
.sec-cta{margin-top:34px;}
@media (max-width:600px){ .sec-cta .btn{width:100%; justify-content:center;} }