/* Good Earth Careers – base • redesigned for mockup • light fallback kept minimal — dark is in goodearth.css */
:root{ --gec-green:#5ea260; --gec-text:#0f1110; --gec-muted:#6b7280; --gec-border:#e6e8eb; --gec-bg:#f8fafc; --gec-radius:12px}
.gec-wrap{ max-width:1440px; margin:0 auto; padding:24px 16px; font-family:Inter,"Anek Latin",Manrope,Arial,sans-serif; line-height:1.6; color:var(--gec-text)}
.gec-inner{ max-width:1440px; margin:0 auto; padding:0 16px}
.gec-controls,.gec-head,.gec-grid,.gec-apply-header{ font-family:inherit}
.gec-toast{ position:fixed; bottom:20px; right:20px; background:#111827; color:#fff; padding:12px 16px; border-radius:10px; font-size:13px; display:none; z-index:99999}
.gec-btn{ border:0; background:var(--gec-green); color:#fff; padding:12px 20px; border-radius:999px; font-weight:700; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; justify-content:center; text-decoration:none; transition:.15s}
.gec-btn:hover{ background:#4a8a4f}
.gec-btn.outline{ background:#fff; color:var(--gec-green); border:1px solid var(--gec-green)}
.gec-btn:disabled{ opacity:.5; cursor:not-allowed}
.gec-empty{ padding:40px; text-align:center; background:#fff; border:1px dashed var(--gec-border); border-radius:12px; color:var(--gec-muted)}
.gec-empty h3,.gec-empty h4{ margin:0 0 6px; color:var(--gec-text)}
html.gec-modal-open, body.gec-modal-open{ overflow:hidden!important; overscroll-behavior:none!important}
.gec-modal{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; background:rgba(0,0,0,.62)!important; backdrop-filter:blur(2px); display:grid!important; place-items:center!important; z-index:999999!important; padding:16px!important; opacity:0; pointer-events:none; transition:opacity .22s}
.gec-modal.open{ display:grid!important; opacity:1!important; pointer-events:auto!important}
.gec-modal-box{ background:#fff; border-radius:16px; max-width:680px; width:min(680px, calc(100vw - 32px))!important; max-height:90vh; max-height:90dvh; overflow:auto; -webkit-overflow-scrolling:touch; padding:24px; position:relative; z-index:1000000; box-shadow:0 24px 64px rgba(0,0,0,.35)}
.gec-modal-close{ position:absolute; top:12px; right:12px; width:32px; height:32px; border-radius:999px; border:1px solid var(--gec-border); background:#fff; cursor:pointer; display:grid; place-items:center}
.gec-form{ display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media(max-width:600px){ .gec-form{ grid-template-columns:1fr}}
.gec-field{ display:flex; flex-direction:column; gap:6px}
.gec-field label{ font-size:13px; font-weight:600}
.gec-field input,.gec-field select,.gec-field textarea{ padding:10px 12px; border:1px solid var(--gec-border); border-radius:8px; font-size:13px; outline:none}
.gec-field input:focus,.gec-field select:focus,.gec-field textarea:focus{ border-color:var(--gec-green); box-shadow:0 0 0 3px rgba(94,162,96,.12)}
.gec-consent{ font-size:12px; display:flex; gap:8px; align-items:flex-start; background:#f9fafb; padding:12px; border-radius:8px; border:1px solid var(--gec-border); margin-top:12px}
.gec-detail-grid{ display:grid; grid-template-columns:1fr 340px; gap:24px; align-items:start}
@media(max-width:960px){ .gec-detail-grid{ grid-template-columns:1fr}}
.gec-detail-main{ background:#fff; border:1px solid var(--gec-border); border-radius:12px; padding:28px}
.gec-detail-main h1{ margin:0 0 8px; font-size:22px; font-weight:800}
.gec-jd{ font-size:14px; color:#374151}
.gec-jd h3{ font-size:16px; font-weight:700; margin:24px 0 12px; border-left:4px solid var(--gec-green); padding-left:12px}
.gec-snap{ position:sticky; top:24px; background:#fff; border:1px solid var(--gec-border); border-radius:12px; overflow:hidden}
.gec-snap-head{ background:var(--gec-green); color:#fff; padding:16px; font-weight:700; display:flex; justify-content:space-between; align-items:center}
.gec-snap-body{ padding:16px}
.gec-row{ display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #f3f4f6; font-size:13px}
.gec-row:last-child{ border-bottom:0}
.gec-label{ color:var(--gec-muted); flex:0 0 110px}
.gec-val{ font-weight:600; text-align:right}
.gec-share{ padding:16px; border-top:1px solid #f3f4f6}
.gec-share h4{ margin:0 0 10px; font-size:13px; font-weight:700}
.gec-share-btns{ display:flex; gap:8px; flex-wrap:wrap}
.gec-share-btn{ width:36px; height:36px; border-radius:999px; border:1px solid var(--gec-border); background:#fff; display:grid; place-items:center; cursor:pointer}
.gec-similar{ margin-top:28px}
.gec-similar h3{ margin:0 0 12px; font-size:16px; font-weight:700}
.gec-similar-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px}
.gec-muted{ color:var(--gec-muted)}
/* fallback dark body for /career/ direct */
body.page-id-314{ background:#050505; color:#fff}