.trip-rating{max-width:720px;margin:24px auto;padding:28px;border:1px solid #d8e4f5;border-radius:24px;background:#fff;color:#21324b;font:16px/1.6 system-ui,sans-serif}.trip-rating h2{margin:0;font-size:28px}.trip-rating p{margin:12px 0}.trip-rating fieldset{padding:0;border:0;margin:20px 0}.trip-rating legend{font-weight:650;margin-bottom:10px}.rating-choices{display:flex;gap:10px;flex-wrap:wrap}.rating-choices label{position:relative;display:block}.rating-choices input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.rating-choices span{display:block;padding:10px 17px;min-width:32px;min-height:24px;border:2px solid #d8e4f5;border-radius:12px;color:#34578a;background:#f4f7fc;cursor:pointer;text-align:center}.rating-choices input:checked+span{background:#fff1a6;border-color:#c6a527;color:#1b2e48}.rating-choices input:focus-visible+span{outline:3px solid #4b7ad5;outline-offset:3px}.rating-choices input:disabled+span{opacity:.6;cursor:default}.trip-rating textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0 18px;padding:12px;font:inherit;border:1px solid #c5d5ed;border-radius:12px;resize:vertical}.trip-rating button{padding:12px 20px;font:inherit;font-weight:650;background:#ffdf36;border:0;border-radius:12px;min-height:48px;cursor:pointer}.trip-rating button:disabled{opacity:.55;cursor:default}.trip-rating [hidden]{display:none}.rating-comment{white-space:pre-wrap;overflow-wrap:anywhere}.rating-feedback{color:#536b88}.rating-average{font-weight:650}@media(max-width:500px){.trip-rating{margin:12px 0;padding:20px;border-radius:16px}.trip-rating h2{font-size:24px}.rating-choices{gap:8px}.rating-choices span{padding:8px 12px;min-width:28px}.trip-rating button{width:100%}}