/* ══════════════════════════════════════
   Simple Tech v2 — Additional Styles
   Supplements shared styles.css
   ══════════════════════════════════════ */

/* ── Content Sections (for long-form pages) ── */
.content-section{padding:80px 0;border-bottom:1px solid var(--rule)}
.content-section:nth-child(even of .content-section){background:var(--paper)}
.content-section .section-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
.content-section .section-label{position:sticky;top:120px}
.content-section .section-body{max-width:700px}
.content-section .section-body p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin-bottom:20px}
.content-section .section-body p:last-child{margin-bottom:0}
.content-section .section-body h3{font-family:'Fraunces',serif;font-weight:600;font-size:24px;margin-bottom:16px;margin-top:40px;color:var(--ink)}
.content-section .section-body h3:first-child{margin-top:0}
.content-section .section-body h4{font-family:'Fraunces',serif;font-weight:600;font-size:20px;margin-bottom:12px;margin-top:32px;color:var(--ink)}
.content-section .section-body h4:first-child{margin-top:0}
.content-section .section-body strong{color:var(--ink);font-weight:600}

/* ── Feature Cards (for service detail pages) ── */
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.feature-card{padding:32px;border:1px solid var(--rule);background:var(--bg)}
.feature-card h4{font-family:'Fraunces',serif;font-weight:600;font-size:20px;margin-bottom:12px}
.feature-card p{font-size:14px;line-height:1.6;color:var(--ink-soft)}

/* ── Full-width content sections ── */
.content-full{padding:80px 0;border-bottom:1px solid var(--rule)}
.content-full .content-inner{max-width:800px;margin:0 auto}
.content-full .content-inner p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin-bottom:20px}
.content-full .content-inner h3{font-family:'Fraunces',serif;font-weight:600;font-size:28px;margin-bottom:16px;margin-top:48px;color:var(--ink)}
.content-full .content-inner h3:first-child{margin-top:0}
.content-full .content-inner h4{font-family:'Fraunces',serif;font-weight:600;font-size:22px;margin-bottom:12px;margin-top:36px;color:var(--ink)}

/* ── Industry Page Hero ── */
.industry-hero{padding:80px 0 60px;border-bottom:1px solid var(--rule)}
.industry-hero h1{font-size:clamp(36px,5vw,64px);max-width:800px;margin-bottom:24px}
.industry-hero .hero-body{font-size:16px;line-height:1.7;color:var(--ink-soft);max-width:700px}

/* ── Challenge Blocks ── */
.challenge-block{padding:64px 0;border-bottom:1px solid var(--rule)}
.challenge-block:nth-child(even){background:var(--paper)}
.challenge-block h3{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(24px,3vw,32px);margin-bottom:8px;color:var(--ink)}
.challenge-block h3 em{font-style:italic;color:var(--blue)}
.challenge-block .subtitle{font-family:'Fraunces',serif;font-style:italic;font-size:18px;color:var(--blue);margin-bottom:20px}
.challenge-block p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin-bottom:16px;max-width:800px}
.challenge-block p:last-child{margin-bottom:0}

/* ── Nav Dropdown ── */
.nav-links .dropdown{position:relative}
.nav-links .dropdown > a{display:flex;align-items:center;gap:4px}
.nav-links .dropdown > a::after{content:'▾';font-size:10px;opacity:.5}
.dropdown-menu{display:none;position:absolute;top:100%;left:-16px;background:var(--bg);border:1px solid var(--rule);padding:12px 0;min-width:220px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:8px 24px;font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.dropdown-menu a:hover{background:var(--paper);color:var(--blue)}
.dropdown-menu a::after{display:none!important}

/* ── Responsive additions ── */
@media(max-width:1024px){
.content-section .section-grid{grid-template-columns:1fr;gap:32px}
.content-section .section-label{position:static}
.feature-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.dropdown-menu{position:static;border:none;box-shadow:none;padding:0 0 0 16px}
.dropdown:hover .dropdown-menu{display:block}
.nav-links.open .dropdown .dropdown-menu{display:block}
}