@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',Arial,sans-serif;background:#f4f6f5;color:#1a1a1a;font-size:16px;line-height:1.7}
a{color:#1a6b2e;text-decoration:none}
a:hover{text-decoration:underline;color:#145522}

/* HEADER */
.site-header{background:#1a6b2e;padding:0 20px}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:62px}
.site-logo{font-size:1.45rem;font-weight:800;color:#fff;letter-spacing:-.01em}
.site-logo span{color:#ffd700}
.main-nav{display:flex;gap:0;align-items:center}
.main-nav a{color:#fff;padding:0 13px;font-size:.9rem;font-weight:500;line-height:62px}
.main-nav a:hover{color:#ffd700;text-decoration:none;background:rgba(255,255,255,.08)}
/* Ad 3 – nav hyperlink styled as a highlight button */
.main-nav a.nav-jobs-link{background:#ffd700;color:#1a1a1a;border-radius:5px;padding:6px 13px;line-height:1;font-weight:700;font-size:.85rem;margin-left:8px}
.main-nav a.nav-jobs-link:hover{background:#ffe94d;color:#1a1a1a;text-decoration:none}

/* BREADCRUMB */
.breadcrumb-wrap{max-width:1200px;margin:14px auto 0;padding:0 16px;font-size:.85rem;color:#666}
.breadcrumb-wrap a{color:#1a6b2e}
.breadcrumb-wrap .sep{margin:0 6px;color:#bbb}

/* Ad 3 – link bar below nav */
.ad-link-bar{background:#fffbe6;border-bottom:2px solid #ffd700;text-align:center;padding:9px 16px}
.ad-link-bar a{color:#1a3d00;font-weight:700;font-size:.92rem;text-decoration:none}
.ad-link-bar a:hover{color:#1a6b2e;text-decoration:underline}

/* Ad 3 – inline hyperlink inside content */
.ad-link-inline{background:#f0faf3;border:1.5px solid #b8e2c4;border-radius:7px;padding:11px 18px;text-align:center;margin:14px 0}
.ad-link-inline a{color:#1a6b2e;font-weight:700;font-size:.93rem}
.ad-link-inline a:hover{text-decoration:underline}

/* Ad 2 – invoke.js wrapper */
.ad-inline-wrap{text-align:center;margin:20px 0;min-height:50px}

/* LAYOUT */
.site-wrap{max-width:1200px;margin:16px auto 50px;padding:0 16px;display:grid;grid-template-columns:1fr 300px;gap:24px}
@media(max-width:920px){.site-wrap{grid-template-columns:1fr}.sidebar{display:none}}

/* MAIN CARD */
.main-card{background:#fff;border-radius:10px;padding:32px 34px;box-shadow:0 2px 8px rgba(0,0,0,.07)}

/* BADGE */
.badge{display:inline-block;background:#1a6b2e;color:#fff;font-size:.72rem;font-weight:700;padding:3px 13px;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}

/* ARTICLE TITLE */
.article-title{font-size:1.9rem;font-weight:800;color:#0d0d0d;line-height:1.28;margin-bottom:16px}

/* META */
.article-meta{font-size:.83rem;color:#888;display:flex;gap:18px;flex-wrap:wrap;margin-bottom:24px;align-items:center}

/* CHOICE BOX */
.choice-box{background:#f0faf3;border:1.5px solid #c5e8cf;border-radius:10px;padding:22px 24px;margin:22px 0}
.choice-box .choice-q{font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.choice-btns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.choice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid #c5e8cf;border-radius:8px;padding:20px 14px;font-weight:700;font-size:.95rem;color:#1a1a1a;cursor:pointer;transition:all .18s;text-decoration:none}
.choice-btn:hover{border-color:#1a6b2e;background:#f0faf3;text-decoration:none;color:#1a1a1a}
.choice-btn .icon{font-size:1.8rem}

/* BODY CONTENT */
.article-body{margin-top:10px}
.article-body h2{font-size:1.35rem;font-weight:800;margin:28px 0 10px;color:#0d0d0d}
.article-body h3{font-size:1.1rem;font-weight:700;margin:20px 0 8px;color:#1a1a1a}
.article-body p{margin-bottom:14px;color:#333}
.article-body ul,.article-body ol{margin:0 0 14px 22px;color:#333}
.article-body li{margin-bottom:6px}
.article-body strong{color:#1a1a1a}
.article-body a{color:#1a6b2e;font-weight:600}
.highlight-box{background:#f0faf3;border-left:4px solid #1a6b2e;border-radius:0 8px 8px 0;padding:16px 20px;margin:20px 0}
.highlight-box p{margin:0;color:#1a3d22;font-weight:500}
.warning-box{background:#fffbea;border-left:4px solid #ffc107;border-radius:0 8px 8px 0;padding:16px 20px;margin:20px 0}
.warning-box p{margin:0;color:#5a4500}
.info-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.93rem}
.info-table th{background:#1a6b2e;color:#fff;padding:10px 14px;text-align:left;font-weight:700}
.info-table td{padding:9px 14px;border-bottom:1px solid #e5e5e5}
.info-table tr:nth-child(even) td{background:#f8fdf9}
.cta-btn{display:inline-block;background:#1a6b2e;color:#fff;font-weight:700;padding:13px 30px;border-radius:8px;font-size:1rem;margin:10px 0;transition:background .15s}
.cta-btn:hover{background:#145522;color:#fff;text-decoration:none}
.cta-btn.gold{background:#e6a800;color:#fff}
.cta-btn.gold:hover{background:#c98f00}

/* SIDEBAR */
.quick-links{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.07);margin-top:16px}
.quick-links-header{background:#1a6b2e;color:#fff;font-weight:700;font-size:.92rem;padding:12px 18px;display:flex;align-items:center;gap:8px}
.quick-links-list{list-style:none}
.quick-links-list li a{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:.88rem;color:#333;border-bottom:1px solid #f0f0f0;transition:background .12s}
.quick-links-list li a:hover{background:#f0faf3;text-decoration:none;color:#1a6b2e}
.quick-links-list li:last-child a{border-bottom:none}

/* RELATED POSTS */
.related-section{margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}
.related-section h3{font-size:1.1rem;font-weight:800;margin-bottom:16px;color:#111}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.related-grid{grid-template-columns:1fr}}
.related-card{background:#f8fdf9;border:1.5px solid #daeee0;border-radius:8px;padding:14px 16px}
.related-card a{font-weight:600;font-size:.9rem;color:#1a6b2e;display:block;margin-bottom:4px}
.related-card span{font-size:.8rem;color:#999}

/* FOOTER */
.site-footer{background:#1a6b2e;color:#cde8d4;padding:28px 20px;text-align:center}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:12px}
.footer-links a{color:#cde8d4;font-size:.88rem}
.footer-links a:hover{color:#ffd700;text-decoration:none}
.footer-copy{font-size:.82rem;color:#a0c8aa}

/* PROGRESS BAR */
.progress-wrap{margin-bottom:24px}
.progress-label{font-size:.82rem;color:#888;margin-bottom:6px;font-weight:600}
.progress-bar{background:#e5e5e5;border-radius:20px;height:8px;overflow:hidden}
.progress-fill{background:linear-gradient(90deg,#1a6b2e,#3db85a);height:100%;border-radius:20px}

/* STEP INDICATOR */
.step-indicator{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.step-dot{width:28px;height:28px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#999}
.step-dot.done{background:#1a6b2e;color:#fff}
.step-dot.active{background:#3db85a;color:#fff;box-shadow:0 0 0 3px #c5e8cf}

/* RESULT BOX */
.result-box{background:linear-gradient(135deg,#1a6b2e 0%,#2d9e4e 100%);border-radius:12px;padding:28px;color:#fff;text-align:center;margin:20px 0}
.result-box h2{font-size:1.5rem;font-weight:800;margin-bottom:10px}
.result-box p{color:#cde8d4;margin-bottom:18px}
.result-box .cta-btn{background:#ffd700;color:#1a1a1a;font-size:1.05rem;padding:14px 36px}
.result-box .cta-btn:hover{background:#e6c200}

@media(max-width:600px){
  .article-title{font-size:1.45rem}
  .main-card{padding:20px 18px}
  .choice-btns{grid-template-columns:1fr 1fr}
  .main-nav a.nav-jobs-link{display:none}
}