/* WorldVisa — giao diện công cụ chấm điểm. Bảng màu theo nhận diện nâu đất – vàng đất. */

#wv-score{--navy:#43301F;--ink:#3B322A;--mute:#7C6F60;--line:#E8DFD1;--mist:#FAF6EE;--amber:#8A5A11;--green:#2F7D5A;--red:#B5462F;
font-family:var(--body);color:var(--ink);max-width:640px;margin:0 auto;padding:24px 16px 40px;line-height:1.55;font-size:16px;box-sizing:border-box}
#wv-score *{box-sizing:border-box}
#wv-score h2{font-size:1.6rem;line-height:1.25;margin:0 0 8px;color:var(--navy);font-weight:700}
#wv-score p{margin:0 0 12px}
#wv-score .wv-lead{color:var(--mute)}
#wv-score .wv-btn{display:block;width:100%;min-height:52px;border:0;border-radius:10px;background:var(--navy);color:#fff;font-weight:600;font-size:1rem;line-height:1.2;font-family:inherit;cursor:pointer;padding:14px 18px}
#wv-score .wv-btn:hover{background:var(--brown-900)}
#wv-score .wv-btn:focus-visible,#wv-score .wv-opt:focus-visible,#wv-score input:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
#wv-score .wv-btn[disabled]{opacity:.6;cursor:wait}
#wv-score .wv-link{background:none;border:0;color:var(--navy);font-weight:500;font-size:.95rem;font-family:inherit;text-decoration:underline;cursor:pointer;padding:8px 0}
#wv-score .wv-meta{display:flex;justify-content:space-between;font-size:.9rem;color:var(--mute);margin-bottom:8px}
#wv-score .wv-bar{height:4px;background:var(--mist);border-radius:2px;margin-bottom:24px;overflow:hidden}
#wv-score .wv-bar i{display:block;height:100%;background:var(--navy);transition:width .25s}
#wv-score .wv-q{font-size:1.25rem;font-weight:600;margin:0 0 16px;line-height:1.35}
#wv-score .wv-hint{font-size:.9rem;color:var(--mute);margin:-8px 0 16px}
#wv-score .wv-opt{display:block;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px;font-weight:500;font-size:1rem;font-family:inherit;color:var(--ink);cursor:pointer;min-height:52px}
#wv-score .wv-opt:hover{border-color:var(--navy)}
#wv-score .wv-opt.on{border-color:var(--navy);background:var(--mist)}
#wv-score .wv-pass{border:1.5px solid var(--navy);border-radius:14px;overflow:hidden;margin:8px 0 20px}
#wv-score .wv-pass-top{background:var(--navy);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}
#wv-score .wv-pass-body{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:20px 18px;border-bottom:2px dashed var(--line)}
#wv-score .wv-num{font-size:3.4rem;font-weight:700;line-height:1;color:var(--navy)}
#wv-score .wv-num small{font-size:1rem;color:var(--mute);font-weight:500}
#wv-score .wv-tier{display:inline-block;border:2px solid currentColor;border-radius:6px;padding:2px 10px;font-weight:700;transform:rotate(-3deg);margin-bottom:6px}
#wv-score .wv-pass-foot{padding:14px 18px;font-size:.92rem;color:var(--mute)}
#wv-score h3{font-size:1.05rem;margin:20px 0 8px;color:var(--navy)}
#wv-score ul{margin:0 0 8px;padding-left:20px}
#wv-score li{margin-bottom:6px}
#wv-score .wv-box{background:var(--mist);border-radius:12px;padding:18px;margin-top:24px}
#wv-score label{display:block;font-weight:500;margin:12px 0 6px}
#wv-score input[type=text],#wv-score input[type=tel]{width:100%;min-height:50px;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:1rem;font-family:inherit;background:#fff}
#wv-score .wv-err{color:var(--red);font-size:.9rem;min-height:1.2em;margin:6px 0}
#wv-score .wv-small{font-size:.82rem;color:var(--mute);margin-top:10px}
#wv-score .wv-hp{position:absolute;left:-9999px}
#wv-score [hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){#wv-score .wv-bar i{transition:none}}

#wv-score{max-width:720px}
