.quality-summary { display:flex; gap:7px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.quality-grade { padding:6px 9px; border:1px solid #4b5360; border-radius:999px; color:#a9b4bf; background:#111820; font-size:10px; font-weight:950; white-space:nowrap; }
.quality-grade.a { border-color:#00b77e; color:#8fffd6; background:#063023; }
.quality-grade.b { border-color:#ffca58; color:#ffe19b; background:#271d08; }
.quality-grade.c { border-color:#ff8c69; color:#ffb7a1; background:#29130c; }
.quality-rule { margin-top:12px; padding:10px 12px; border-left:4px solid #ffca58; background:#211b0d; color:#e7cf8d; font-size:11px; line-height:1.55; }
@media (max-width:700px) { .quality-summary { justify-content:flex-start; margin-top:9px; } }
.checklist-grid label b { margin-left:auto; color:#66ccff; font-size:10px; white-space:nowrap; }
.help-tip { position:relative; display:inline-grid; place-items:center; flex:0 0 auto; width:18px; height:18px; border:1px solid #4e7189; border-radius:50%; color:#bfe8ff; font-size:11px; font-weight:900; cursor:help; }
.help-tip::after { content:attr(data-tip); position:absolute; z-index:20; left:50%; bottom:calc(100% + 8px); width:220px; padding:9px 10px; border:1px solid #45657c; border-radius:8px; background:#101e29; color:#e8f4fb; font-size:11px; font-weight:600; line-height:1.45; box-shadow:0 8px 24px #0009; opacity:0; pointer-events:none; transform:translate(-50%,5px); transition:.15s ease; }
.help-tip:hover::after,.help-tip:focus::after { opacity:1; transform:translate(-50%,0); }
.site-double-check { margin-top:12px; padding:16px; border:1px solid #31516a; border-radius:13px; background:#08141e; }
.site-check-head { display:flex; justify-content:space-between; gap:12px; align-items:end; }
.site-check-head small,.option-answer small { color:#66ccff; font-size:9px; font-weight:900; letter-spacing:.12em; }
.site-check-head h2 { margin:3px 0 0; color:#eff8ff; font-size:18px; }
.site-check-head>span { color:#8ca4b6; font-size:11px; }
.site-answer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.site-answer-grid article { min-width:0; padding:14px; border:1px solid #20384b; border-radius:9px; background:#091722; }
.site-answer-grid small { display:block; color:#8299aa; font-size:9px; font-weight:900; line-height:1.35; letter-spacing:.04em; }
.site-answer-grid strong { display:block; margin-top:6px; font-size:20px; line-height:1.1; }
.site-answer-grid strong.yes { color:#62efbc; }.site-answer-grid strong.no { color:#ff8c83; }.site-answer-grid strong.wait { color:#ffd36e; }
.site-answer-grid p,.option-answer p { margin:5px 0 0; color:#a9bdca; font-size:11px; line-height:1.45; }
.option-answer { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:9px; padding:11px; border:1px dashed #4a5660; border-radius:9px; }
.option-answer strong { display:block; margin-top:3px; color:#eaf4fa; }.option-answer a { flex:0 0 auto; padding:9px 11px; border-radius:8px; background:#1269d3; color:white; font-size:11px; font-weight:900; text-decoration:none; }
@media(max-width:540px){.site-check-head,.option-answer{display:block}.site-answer-grid{grid-template-columns:1fr}.option-answer a{display:block;margin-top:10px;text-align:center}}
.check-mismatch { display:block; width:100%; margin-top:5px; color:#ff9a90; font-size:10px; font-style:normal; font-weight:900; }
.review-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; padding-top:13px; border-top:1px solid #1b3348; }.review-actions button { min-height:42px; padding:9px 15px; border:1px solid #31516a; border-radius:8px; background:#0b1823; color:#e8f4fb; font-weight:900; cursor:pointer; }.review-actions button:last-of-type { background:#1269d3; border-color:#1269d3; }.review-actions p { width:100%; margin:2px 0 0; color:#9fc8df; font-size:11px; }
.plain-answer-guide { margin-top:10px; border:1px solid #31516a; border-radius:10px; background:#07111a; overflow:hidden; }.plain-answer-guide summary { padding:12px 13px; color:#79d5ff; font-size:12px; font-weight:900; cursor:pointer; }.plain-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 11px 11px; }.plain-guide-grid article { padding:12px; border:1px solid #1d3447; border-radius:8px; background:#091722; }.plain-guide-grid h3 { margin:0 0 7px; color:#e9f5fc; font-size:13px; }.plain-guide-grid p { margin:6px 0 0; color:#a9bdca; font-size:11px; line-height:1.58; }.plain-guide-grid p b { color:#dbeaf4; }
@media(max-width:540px){.review-actions{display:grid;grid-template-columns:1fr}.review-actions button{width:100%}.plain-guide-grid{grid-template-columns:1fr}}