@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap");
#repute-brand-quiz{background:#050505;color:#fff;font-family:'DM Sans',Arial,sans-serif;padding:30px 18px;box-sizing:border-box;isolation:isolate}#repute-brand-quiz *,#repute-brand-quiz *::before,#repute-brand-quiz *::after{box-sizing:border-box}#repute-brand-quiz h1,#repute-brand-quiz h2,#repute-brand-quiz h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;letter-spacing:-.04em}#repute-brand-quiz p{font-size:14px}#repute-brand-quiz .quiz-shell{max-width:920px;margin:0 auto}
#repute-brand-quiz .quiz-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
#repute-brand-quiz .quiz-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8e8e8e;font-weight:700}
#repute-brand-quiz .quiz-progress{height:3px;background:#222;margin:14px 0 36px;position:relative;overflow:hidden}
#repute-brand-quiz .quiz-progress span{display:block;height:100%;width:0;background:#b8ff00;transition:width .35s ease}
#repute-brand-quiz .quiz-card{border:1px solid #2b2b2b;background:#101010;padding:34px;border-radius:2px}
#repute-brand-quiz .quiz-question{display:none}
#repute-brand-quiz .quiz-question.active{display:block}
#repute-brand-quiz .quiz-qnum{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#b8ff00;font-weight:800;margin-bottom:14px}
#repute-brand-quiz .quiz-question h3{font-size:clamp(24px,3vw,38px);line-height:1.1;margin:0 0 12px;color:#fff;max-width:760px}
#repute-brand-quiz .quiz-question .quiz-sub{color:#9d9d9d;font-size:14px;max-width:700px;margin-bottom:24px}
#repute-brand-quiz .quiz-options{display:grid;gap:10px}
#repute-brand-quiz .quiz-option{width:100%;text-align:left;border:1px solid #333;background:#151515;color:#eee;padding:17px 18px;cursor:pointer;display:flex;align-items:flex-start;gap:14px;transition:.2s;border-radius:2px}
#repute-brand-quiz .quiz-option:hover{border-color:#777;transform:translateY(-1px)}
#repute-brand-quiz .quiz-option.selected{border-color:#b8ff00;background:#1a2108;box-shadow:inset 3px 0 0 #b8ff00}
#repute-brand-quiz .quiz-option .letter{min-width:26px;height:26px;border:1px solid #555;display:grid;place-items:center;font-size:10px;font-weight:800;color:#aaa}
#repute-brand-quiz .quiz-option.selected .letter{border-color:#b8ff00;color:#b8ff00}
#repute-brand-quiz .quiz-option strong{font-size:14px;font-weight:600;display:block}
#repute-brand-quiz .quiz-option small{display:block;color:#888;margin-top:4px;font-size:12px;line-height:1.45}
#repute-brand-quiz .quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
#repute-brand-quiz .quiz-back{border:1px solid #444;background:transparent;color:#bbb;padding:12px 17px;cursor:pointer}
#repute-brand-quiz .quiz-next{border:0;background:#b8ff00;color:#050505;padding:13px 20px;font-weight:800;cursor:pointer}
#repute-brand-quiz .quiz-next:disabled{opacity:.35;cursor:not-allowed}
#repute-brand-quiz .quiz-track{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#repute-brand-quiz .quiz-track button{border:1px solid #333;background:#151515;color:#fff;padding:20px;text-align:left;cursor:pointer}
#repute-brand-quiz .quiz-track button.selected{border-color:#b8ff00;background:#1a2108}
#repute-brand-quiz .quiz-track button strong{display:block;margin-bottom:5px}
#repute-brand-quiz .quiz-track button span{font-size:12px;color:#999;line-height:1.5}
#repute-brand-quiz .quiz-capture{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#repute-brand-quiz .quiz-capture .full{grid-column:1/-1}
#repute-brand-quiz .quiz-capture label{font-size:11px;color:#aaa;letter-spacing:.08em;text-transform:uppercase}
#repute-brand-quiz .quiz-capture input, #repute-brand-quiz .quiz-capture textarea{width:100%;margin-top:7px;background:#151515;border:1px solid #333;color:#fff;padding:13px 14px;outline:none;font:inherit}
#repute-brand-quiz .quiz-capture input:focus, #repute-brand-quiz .quiz-capture textarea:focus{border-color:#b8ff00}
#repute-brand-quiz .quiz-result{display:none}
#repute-brand-quiz .quiz-result.show{display:block}
#repute-brand-quiz .result-score{display:flex;align-items:end;gap:14px;margin:10px 0 28px}
#repute-brand-quiz .result-score .score{font-size:72px;line-height:.85;color:#b8ff00;font-weight:800;letter-spacing:-.06em}
#repute-brand-quiz .result-score .outof{font-size:12px;color:#777;padding-bottom:8px}
#repute-brand-quiz .result-summary{border-left:3px solid #b8ff00;padding:18px 20px;background:#151515;margin:24px 0 30px}
#repute-brand-quiz .result-summary p{color:#ccc;margin:0;max-width:none}
#repute-brand-quiz .result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0 32px}
#repute-brand-quiz .result-dim{border:1px solid #292929;padding:16px;background:#111}
#repute-brand-quiz .result-dim .r-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#888}
#repute-brand-quiz .result-dim .r-score{font-size:26px;color:#fff;font-weight:700;margin-top:8px}
#repute-brand-quiz .result-dim .r-bar{height:3px;background:#292929;margin-top:10px}#repute-brand-quiz .result-dim .r-bar span{display:block;height:100%;background:#b8ff00}
#repute-brand-quiz .result-cta{border:1px solid #333;background:#0d0d0d;padding:28px;margin-top:30px}
#repute-brand-quiz .result-cta h3{color:#fff;margin:0 0 8px;font-size:25px}
#repute-brand-quiz .result-cta p{color:#aaa;max-width:700px}
#repute-brand-quiz .quiz-note{font-size:11px;color:#666;margin-top:14px;line-height:1.6}
@media(max-width:760px){#repute-brand-quiz .quiz-top{display:block}#repute-brand-quiz .quiz-card{padding:22px}#repute-brand-quiz .quiz-track, #repute-brand-quiz .quiz-capture, #repute-brand-quiz .result-grid{grid-template-columns:1fr}#repute-brand-quiz .quiz-capture .full{grid-column:auto}#repute-brand-quiz .result-score .score{font-size:58px}#repute-brand-quiz .quiz-actions{align-items:stretch}#repute-brand-quiz .quiz-next, #repute-brand-quiz .quiz-back{flex:1}}
/* Targeted fixes: keep the shortcode self-contained and prevent Step 1 overflow. */
#repute-brand-quiz{width:100%;max-width:100%;min-width:0;overflow:hidden;padding:0;background:transparent}
#repute-brand-quiz .quiz-shell{width:100%;max-width:100%;min-width:0}
#repute-brand-quiz .quiz-top{display:flex;justify-content:flex-end;align-items:center;margin:0 0 14px;min-width:0}
#repute-brand-quiz .quiz-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;width:100%;min-width:0}
#repute-brand-quiz .quiz-track button{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;box-sizing:border-box;padding:20px!important;line-height:1.5}
#repute-brand-quiz .quiz-track button strong{display:block!important;margin:0 0 7px!important;white-space:normal!important;line-height:1.35}
#repute-brand-quiz .quiz-track button span{display:block!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.55}
#repute-brand-quiz .quiz-card{width:100%;min-width:0;max-width:100%}
#repute-brand-quiz .btn-lime{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:14px 20px!important;background:#b8ff00!important;color:#050505!important;border:1px solid #b8ff00!important;border-radius:2px!important;text-decoration:none!important;font-family:'DM Sans',Arial,sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.4!important;transition:background .2s ease,color .2s ease,transform .2s ease}
#repute-brand-quiz .btn-lime:hover{background:#d0ff57!important;color:#050505!important;border-color:#d0ff57!important;transform:translateY(-1px)}
#repute-brand-quiz .quiz-question h3{overflow-wrap:anywhere}
@media(max-width:760px){#repute-brand-quiz .quiz-track{grid-template-columns:minmax(0,1fr)!important}#repute-brand-quiz .quiz-card{padding:22px!important}#repute-brand-quiz .quiz-top{margin-bottom:12px}}
/* Mobile overflow repair: keep option text inside the viewport on narrow phones. */
#repute-brand-quiz,
#repute-brand-quiz .section,
#repute-brand-quiz .quiz-shell,
#repute-brand-quiz .quiz-card,
#repute-brand-quiz .quiz-question,
#repute-brand-quiz .quiz-options,
#repute-brand-quiz .quiz-option {min-width:0;max-width:100%;}
#repute-brand-quiz .quiz-option {overflow:hidden;align-items:flex-start;}
#repute-brand-quiz .quiz-option > span:not(.letter) {flex:1 1 auto;min-width:0;width:calc(100% - 40px);overflow-wrap:anywhere;word-break:normal;white-space:normal;}
#repute-brand-quiz .quiz-option .letter {flex:0 0 26px;}
#repute-brand-quiz .quiz-option strong,
#repute-brand-quiz .quiz-option small {max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;}
@media (max-width: 760px) {
  #repute-brand-quiz {width:100%;padding:0;overflow-x:clip;}
  #repute-brand-quiz .quiz-card {padding:18px 16px!important;}
  #repute-brand-quiz .quiz-option {padding:15px 13px!important;gap:10px;width:100%;}
  #repute-brand-quiz .quiz-option > span:not(.letter) {width:calc(100% - 36px);}
  #repute-brand-quiz .quiz-option small {font-size:12px;line-height:1.5;}
  #repute-brand-quiz .quiz-track {grid-template-columns:minmax(0,1fr)!important;}
  #repute-brand-quiz .quiz-capture {grid-template-columns:minmax(0,1fr)!important;}
  #repute-brand-quiz .quiz-capture .full {grid-column:auto;}
  #repute-brand-quiz .result-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #repute-brand-quiz .result-cta {padding:20px 16px;}
  #repute-brand-quiz .btn-lime {max-width:100%;white-space:normal;text-align:center;}
  #repute-brand-quiz .quiz-actions {gap:8px;}
  #repute-brand-quiz .quiz-back,#repute-brand-quiz .quiz-next {min-width:0;padding:12px 10px;}
}