/* ============================================
   SIMPLE CONTENT PAGE STYLES
   Used by: about, blog, careers, press, contact,
   privacy, terms, cookies, security
   ============================================ */
.content-hero{background:var(--dark-bg);padding:calc(var(--nav-h) + 52px) 5% 48px;position:relative;overflow:hidden}
.content-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(13,122,85,0.06)1px,transparent 1px),linear-gradient(90deg,rgba(13,122,85,0.06)1px,transparent 1px);background-size:50px 50px;pointer-events:none}
.content-hero h1{color:white;font-size:clamp(28px,4vw,44px);margin-bottom:10px;position:relative;z-index:2}
.content-hero p{color:rgba(255,255,255,0.5);font-size:16px;font-weight:300;max-width:560px;position:relative;z-index:2}
.content-body{max-width:840px;margin:0 auto;padding:48px 5% 80px}
.content-body h2{font-size:22px;margin:32px 0 12px}
.content-body h2:first-child{margin-top:0}
.content-body p{font-size:15px;color:var(--ink-mid);line-height:1.8;margin-bottom:14px;font-weight:300}
.content-body ul{margin:0 0 14px 0;padding-left:0;display:flex;flex-direction:column;gap:8px}
.content-body ul li{display:flex;gap:10px;font-size:15px;color:var(--ink-mid);line-height:1.7;font-weight:300}
.content-body ul li svg{color:var(--green);flex-shrink:0;margin-top:5px}
.content-body .updated{font-size:13px;color:var(--ink-faint);margin-bottom:24px}
/* Team / values grid (about) */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.value-card{background:var(--surface);border-radius:var(--r-xl);padding:22px}
.value-card .icon-box{margin-bottom:12px}
.value-card h3{font-size:15px;margin-bottom:6px}
.value-card p{font-size:13px;margin:0}
/* Blog grid */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.blog-card{background:white;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;transition:all .2s;text-decoration:none;display:block}
.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.blog-thumb{height:140px;display:flex;align-items:center;justify-content:center}
.blog-body{padding:18px}
.blog-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--green);margin-bottom:6px}
.blog-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px;line-height:1.35}
.blog-meta{font-size:12px;color:var(--ink-faint)}
/* Job openings (careers) */
.opening-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:10px;flex-wrap:wrap;gap:10px}
.opening-info h3{font-size:15px;margin-bottom:3px}
.opening-info p{font-size:12px;color:var(--ink-soft);margin:0}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:8px}
.contact-info-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}
.contact-info-item .icon-box{flex-shrink:0}
.contact-info-item h4{font-size:14px;margin-bottom:3px}
.contact-info-item p{font-size:13px;margin:0;color:var(--ink-soft)}
/* Press kit */
.press-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.press-asset{background:var(--surface);border-radius:var(--r-lg);padding:20px;text-align:center}
.press-asset .icon-box{margin:0 auto 10px}
.press-asset h4{font-size:13px;margin-bottom:8px}
@media(max-width:768px){
  .values-grid,.blog-grid,.contact-grid,.press-assets{grid-template-columns:1fr}
  .opening-card{flex-direction:column;align-items:flex-start}
}