.communication-intro{margin-bottom:18px}.communication-intro strong{display:block;margin-bottom:7px;font-size:17px}.communication-intro p{margin:0;color:#5f6672;line-height:1.7}
.communication-question{margin:0 0 14px;padding:20px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.communication-question legend{display:flex;align-items:flex-start;gap:10px;width:100%;padding:0 0 15px;color:#151922;font-size:16px;font-weight:700;line-height:1.55}.communication-question legend>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:#c8103a;color:#fff;font-size:13px}.communication-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.communication-scale label{position:relative;min-width:0;cursor:pointer}.communication-scale input{position:absolute;width:1px;height:1px;opacity:0}.communication-scale span{display:grid;min-height:58px;place-items:center;padding:7px 3px;border:1px solid #d9dce2;border-radius:12px;color:#555d69;background:#fafafa;text-align:center;font-size:12px;line-height:1.35;transition:.15s ease}.communication-scale input:checked+span{border-color:#c8103a;background:#c8103a;color:#fff;font-weight:700;box-shadow:0 5px 14px rgba(200,16,58,.18)}.communication-scale input:focus+span{outline:3px solid rgba(200,16,58,.18);outline-offset:2px}
.communication-type{margin:8px 0 4px;color:#c8103a;font-size:42px;font-weight:900;letter-spacing:-2px}.communication-result>h1{margin:0 0 12px;font-size:25px}.communication-summary{margin:0 0 26px;color:#3f4650;font-size:16px;line-height:1.8}.communication-summary strong{color:#c8103a}.communication-bars{padding:22px 0;border-top:1px solid #e7e8ec;border-bottom:1px solid #e7e8ec}.communication-bar+.communication-bar{margin-top:19px}.communication-bar>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px}.communication-bar strong{color:#c8103a}.communication-bar i{display:block;height:10px;overflow:hidden;border-radius:999px;background:#e1e3e8}.communication-bar i em{display:block;height:100%;border-radius:inherit;background:#c8103a}
.communication-detail{margin-top:28px}.communication-detail>h2{margin:25px 0 8px;color:#c8103a;font-size:19px}.communication-detail>p{margin:0;line-height:1.85}.communication-tip{margin-top:24px;padding:17px;border-radius:14px;background:#fff4f6}.communication-tip strong{color:#c8103a}.communication-tip p{margin:7px 0 0;line-height:1.75}.communication-pairs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.communication-pairs section{padding:15px;border:1px solid #e4e6ea;border-radius:13px;background:#fafafa}.communication-pairs h3{margin:0 0 7px;font-size:15px}.communication-pairs p{margin:0;color:#555d69;font-size:14px;line-height:1.65}.communication-notice{margin-top:26px;padding:20px;border-radius:16px;background:#f5f6f8}.communication-notice h2{margin:0 0 12px;font-size:19px}.communication-notice p{margin:0;color:#555d69;line-height:1.8}.communication-notice p+p{margin-top:9px}.communication-retry{display:grid;place-items:center;margin-top:20px;text-decoration:none}
@media(max-width:480px){.communication-question{padding:17px 13px;border-radius:15px}.communication-question legend{gap:8px;font-size:15px}.communication-question legend>span{flex-basis:27px;width:27px;height:27px}.communication-scale{gap:4px}.communication-scale span{min-height:55px;padding:5px 1px;font-size:10px}.communication-type{font-size:37px}.communication-result>h1{font-size:22px}.communication-pairs{grid-template-columns:1fr}}