:root {
  --sn-primary:#166457;
  --sn-font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  --sn-btn-radius: 8px;
  --sn-btn-border: 1px solid transparent;
  --sn-btn-shadow: none;
  --sn-title-size: 22px;
  --sn-subtitle-size: 14px;
  --sn-result-size: 16px;
  --sn-note-size: 13px;
}
.snid-container{font-family:var(--sn-font-family);color:#1f2937;}
.snid-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04);padding:20px;}
.snid-header{background:var(--sn-primary);color:#fff;border-radius:8px;padding:18px;margin-bottom:16px;text-align:center;}
.snid-header h2{margin:0;font-size:var(--sn-title-size);}
.snid-note{color:#6b7280;font-size:var(--sn-subtitle-size);}
.snid-progress-wrap{background:#e5e7eb;border-radius:999px;height:10px;}
.snid-progress-bar{background:var(--sn-primary);height:10px;border-radius:999px;width:0%;transition:width .25s ease;}
.snid-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px;}
.snid-button{border-radius:var(--sn-btn-radius);padding:10px 14px;font-weight:600;border:var(--sn-btn-border);box-shadow:var(--sn-btn-shadow);cursor:pointer;}
.snid-button[disabled]{opacity:.6;cursor:not-allowed;}
.snid-btn-primary{background:var(--sn-primary);color:#fff;}
.snid-btn-primary:hover{filter:brightness(0.95);}
.snid-btn-ghost{background:transparent;border-color:#d1d5db;color:#374151;}
.snid-btn-ghost:hover{background:#f3f4f6;}
.snid-field{margin-bottom:16px;}
.snid-field h4{margin:0 0 8px;font-size:16px;}
.snid-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;}
.snid-option:hover{background:#f9fafb;}
.snid-select{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;}
.snid-result{border-left:4px solid #10b981;background:#ecfdf5;padding:12px 14px;border-radius:8px;margin:12px 0 16px;}
/* PROGRESS BARS: DO NOT CHANGE STRUCTURE */
.snid-bar-wrap{background:#e5e7eb;height:12px;border-radius:6px;overflow:hidden;}
.snid-bar{height:12px;background:var(--sn-primary);transition:width .35s ease;}
.snid-incos{background:#fffbeb;border-left:4px solid #f59e0b;padding:12px;border-radius:8px;}
.snid-articles{margin:10px 0 12px;}
.snid-articles p{font-size:14px;margin:6px 0;}
.snid-articles a:hover{text-decoration:underline;}
.snid-footer{text-align:center;color:#6b7280;font-size:var(--sn-note-size);margin-top:12px;}