/* Shared styles for govready.co/guides: same palette as the app, with a readable body font for long text. */
:root{
  --bg:#262c33; --panel:#2e353d; --line:#4a5560; --accent:#7fb3e0; --accent-strong:#5b8fc7;
  --text:#eef1f4; --dim:#aab4bd; --radius:4px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0; background:var(--bg); color:var(--text); font-family:'Source Sans 3', system-ui, sans-serif; font-size:18px; line-height:1.65;}
a{color:var(--accent);}
a:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
h1,h2,.g-logo{font-family:'Barlow Condensed', sans-serif; line-height:1.15; text-wrap:balance;}

.g-nav{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:14px 20px; border-bottom:1px solid var(--line);}
.g-logo{font-size:24px; font-weight:800; color:#fff; text-decoration:none; letter-spacing:.02em; text-transform:uppercase;}
.g-logo span{font-family:'Share Tech Mono', monospace; font-size:13px; color:var(--dim); text-transform:none; letter-spacing:0;}
.g-nav nav{display:flex; gap:16px; align-items:center;}
.g-nav nav a{text-decoration:none; font-size:16px;}
.g-btn{display:inline-block; background:var(--accent-strong); color:#fff !important; text-decoration:none; padding:8px 16px; border-radius:var(--radius); font-weight:600;}
.g-btn:hover{filter:brightness(1.1);}

.g-article, .g-list{max-width:720px; margin:0 auto; padding:28px 16px 48px;}
.g-crumbs{font-size:14px; color:var(--dim); margin:0 0 6px;}
h1{font-size:clamp(32px, 6vw, 46px); margin:0 0 10px;}
h2{font-size:28px; margin:36px 0 8px;}
.g-meta{color:var(--dim); font-size:15px; margin:0 0 24px;}
.g-lede{font-size:20px;}
p, ul{margin:0 0 16px;}
li{margin:4px 0;}
.g-tip{background:var(--panel); border-left:3px solid var(--accent-strong); padding:12px 16px; border-radius:var(--radius);}
.g-cta{margin-top:40px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px;}
.g-cta h2{margin-top:0;}
.g-small{font-size:15px; color:var(--dim);}

.g-card{display:block; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin:0 0 14px; text-decoration:none; color:var(--text);}
.g-card:hover{border-color:var(--accent);}
.g-card h2{margin:0 0 6px; font-size:26px; color:#fff;}
.g-card p{margin:0; color:var(--dim);}

.g-foot{max-width:720px; margin:0 auto; padding:20px 16px 40px; border-top:1px solid var(--line); font-size:14px; color:var(--dim);}