/* SpeakUp — qo'shimcha sahifalar (natijalar, kun savoli, iboralar) */
body{background:var(--bg2)}
.page{max-width:1100px;margin:0 auto;padding:40px 24px 60px;display:flex;flex-direction:column;gap:22px}
.panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.panel h2{font-size:22px;letter-spacing:-.02em;margin-bottom:14px}
h1.t1{font-size:clamp(30px,4.6vw,46px);line-height:1.05;letter-spacing:-.04em;font-weight:900}
.note{font-size:14px;color:var(--soft);line-height:1.6}
.err{color:#b91c1c;font-weight:700}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.stats4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.st{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:16px}
.st b{display:block;font-size:34px;font-weight:900;letter-spacing:-.03em}
.st span{font-size:13px;color:var(--soft);font-weight:600}
.st.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.st.dark span{color:#94a3b8}.st.dark b{color:var(--or-light)}
.chart{width:100%;height:auto;display:block}
.bars{display:flex;flex-direction:column;gap:10px}
.bars .r{display:grid;grid-template-columns:130px 1fr 52px;align-items:center;gap:12px;font-size:15px;font-weight:600}
.bars .tr{height:10px;border-radius:9px;background:#e2e8f0;overflow:hidden}
.bars .tr i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--or),var(--or-light))}
.bars .r.weak span:first-child{color:#b91c1c}
.list{display:flex;flex-direction:column;gap:10px}
.item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.item .lv{font-weight:900;font-size:14px;color:#fff;background:var(--navy);padding:4px 10px;border-radius:999px}
.item .lv.C1{background:var(--or)}.item .lv.B2{background:var(--sky)}
.empty{padding:26px;text-align:center;color:var(--soft);border:2px dashed var(--line);border-radius:20px}
.tag{display:inline-flex;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--or-text);background:var(--or-soft);border:1px solid var(--or-line);padding:5px 10px;border-radius:999px}
.ib{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;flex:none}
.ib:hover,.ib.on{color:#fff;background:var(--or);border-color:var(--or)}
.ib:focus-visible{outline:3px solid var(--or-light);outline-offset:2px}
.answerbox{font-size:17px;line-height:1.7;color:#1e293b;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.answerbox ins{text-decoration:none;background:#dcfce7;color:#14532d;border-radius:4px;padding:0 2px}
.answerbox del{color:#b91c1c;text-decoration:line-through;opacity:.75}
.c1dark{background:var(--navy);color:#e2e8f0;border-color:var(--navy)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:14px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--or-soft);color:var(--or-text);border:1px solid var(--or-line)}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tabs button{all:unset;cursor:pointer;font-weight:800;font-size:14px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff}
.tabs button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tabs button:focus-visible{outline:3px solid var(--or-light);outline-offset:2px}
input.inp{font:inherit;font-size:16px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;min-width:0}
input.inp:focus-visible{outline:3px solid var(--or-light);outline-offset:1px}
.modal{position:fixed;inset:0;z-index:900;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.modal .panel{max-width:520px;width:100%}
@media (max-width:560px){.panel{padding:20px}.bars .r{grid-template-columns:96px 1fr 44px;font-size:14px}}