.gr-page {padding-block:20px 64px;line-height:1.6;color:#eee}
.gr-intro {max-width:850px;padding:clamp(24px,5vw,68px) 0 28px}
.gr-intro h1 {font-size:clamp(34px,5.6vw,66px);line-height:1.08;margin:.2em 0}
.gr-intro p,.gr-note,.gr-profiles p {color:#c7c6c4}
.gr-buttons {display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:16px 0}
.gr-layout {display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:clamp(20px,4vw,52px);align-items:start}
.gr-layout h2 {font-size:clamp(23px,3vw,34px);margin:4px 0 12px}
.gr-profiles,.gr-card,.gr-note {border:1px solid #3a3634;border-radius:12px;background:#141414;padding:18px}
.gr-card {margin:12px 0}.gr-card header,.gr-card header div {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gr-card header {justify-content:space-between}.gr-card img {border-radius:50%}
.gr-card small,.gr-card time,.gr-meta {color:#b9b6b2;font-size:.85rem}.gr-comment {white-space:pre-line;overflow-wrap:anywhere}
.gr-stars {color:#ffd176;letter-spacing:.09em;margin:10px 0}.gr-reply {border-left:2px solid #a55d46;padding-left:14px;margin-block:14px}
.gr-link {text-decoration:underline;text-underline-offset:.18em;color:#f3c881}.gr-rating strong {color:#ffd176;font-size:1.35em}
.gr-social-btn {display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;min-height:44px;border:1px solid #7b6552;border-radius:6px;color:#fff;background:#201b17;text-decoration:none;font-size:.9rem;font-weight:650}
.gr-social-btn:hover,.gr-social-btn:focus-visible {background:#3b2823;border-color:#ffc3a3}.gr-social-btn span {color:#f5b6a3}
.gr-page .cth-topic-faq {margin-top:40px}.gr-intro p{max-width:720px}
@media(max-width:760px){.gr-layout{grid-template-columns:minmax(0,1fr)}.gr-page{padding-bottom:80px}.gr-intro{padding-top:20px}.gr-buttons .btn{max-width:100%;white-space:normal}}