#rwd-rmg-results { max-width: 1120px; margin-top: 72px; color: #f7f7f7; }
.rwd-rmg-report-head { margin: 0; padding: clamp(30px, 4vw, 52px); border: 1px solid #404040; border-radius: 18px 18px 0 0; background: radial-gradient(circle at 90% 0%, #242424, #111 55%); align-items: stretch; gap: 42px; }
.rwd-rmg-report-identity { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.rwd-rmg-report-eyebrow, .rwd-rmg-report-end-label, .rwd-rmg-findings-head, .rwd-rmg-report-overview-label { color: #c5c5c5; font-size: 11px; font-weight: 750; letter-spacing: .18em; }
.rwd-rmg-report-eyebrow span { padding: 0 9px; color: #777; }
.rwd-rmg-report-identity .rwd-rmg-kicker { margin-top: 43px; color: #ddd; }
.rwd-rmg-report-head h2 { margin: 8px 0 18px; font-size: clamp(38px, 4.6vw, 60px); line-height: 1; letter-spacing: -.05em; }
.rwd-rmg-report-head .rwd-rmg-report-site { margin: 0 0 3px; font-size: 20px; font-weight: 700; color: #fff; }
.rwd-rmg-report-head .rwd-rmg-report-url { margin: 0; font-size: 14px; color: #aaa; }
.rwd-rmg-report-meta { display: flex; flex-wrap: wrap; gap: 8px 19px; margin-top: auto; padding-top: 38px; color: #bbb; font-size: 12px; }
.rwd-rmg-report-meta span + span::before { content: '•'; margin-right: 19px; color: #777; }
.rwd-rmg-score { display: flex; flex: 0 0 260px; align-self: center; min-width: 0; min-height: 240px; flex-direction: column; justify-content: center; padding: 27px; border: 1px solid #555; border-radius: 12px; background: #f7f7f7; color: #101010; text-align: left; }
.rwd-rmg-score-label { font-size: 11px; font-weight: 800; letter-spacing: .13em; line-height: 1.4; }
.rwd-rmg-score-number { display: flex; align-items: baseline; gap: 8px; margin: 14px 0 16px; }
.rwd-rmg-score-number strong { color: #101010 !important; font-size: 74px; font-weight: 750; line-height: .95; letter-spacing: -.08em; }
.rwd-rmg-score-number small { font-size: 17px; color: #565656; }
.rwd-rmg-score-rule { width: 100%; height: 6px; border-radius: 9px; background: #ddd; overflow: hidden; }
.rwd-rmg-score-rule span { display: block; height: 100%; background: #111; }
.rwd-rmg-score p { margin: 15px 0 0; font-size: 12px; line-height: 1.5; color: #555; }
.rwd-rmg-report-overview { padding: 30px clamp(28px,4vw,52px); border: 1px solid #404040; border-top: 0; background: #171717; }
.rwd-rmg-report-overview h3 { margin: 11px 0 8px; font-size: 26px; letter-spacing: -.025em; }
.rwd-rmg-report-overview p { max-width: 800px; margin: 0; color: #c5c5c5; line-height: 1.6; }
.rwd-rmg-summary { grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0; background: #111; border: 1px solid #404040; border-top: 0; }
.rwd-rmg-summary div { min-width: 0; padding: 25px 22px; background: transparent; border-right: 1px solid #343434; }
.rwd-rmg-summary div:last-child { border-right: 0; }
.rwd-rmg-summary strong { font-size: 32px; line-height: 1; }
.rwd-rmg-summary span { display: block; margin-top: 11px; color: #bdbdbd; font-size: 11px; letter-spacing: .04em; }
.rwd-rmg-stat--pass strong { color: #78dda3; }
.rwd-rmg-stat--issue strong { color: #fc8888; }
.rwd-rmg-stat--review strong { color: #f4d17a; }
.rwd-rmg-stat--unable strong { color: #b1bad0; }
.rwd-rmg-stat--advisory strong { color: #99c7ef; }
.rwd-rmg-method-note { margin: 18px 0 48px; color: #aaa; font-size: 12px; line-height: 1.65; }
.rwd-rmg-findings-head { display: flex; justify-content: space-between; padding: 0 0 19px; border-bottom: 1px solid #555; }
.rwd-rmg-findings-head span:last-child { color: #999; letter-spacing: 0; text-transform: none; }
.rwd-rmg-result-group { margin: 0; }
.rwd-rmg-group-heading { display: flex; align-items: baseline; gap: 18px; padding: 34px 0 16px; border-bottom: 1px solid #4a4a4a; }
.rwd-rmg-group-heading > span { font-size: 12px; color: #999; }
.rwd-rmg-result-group .rwd-rmg-group-heading h3 { margin: 0; padding: 0; border: 0; font-size: 22px; letter-spacing: -.02em; }
.rwd-rmg-group-heading small { margin-left: auto; color: #aaa; font-size: 12px; }
.rwd-rmg-finding { grid-template-columns: minmax(240px, .9fr) minmax(0, 1.35fr); gap: 30px; padding: 25px 15px 25px 31px; border-bottom: 1px solid #333; border-left: 3px solid #777; background: #101010; }
.rwd-rmg-finding:has(.rwd-rmg-badge--pass) { border-left-color: #65ce94; }
.rwd-rmg-finding:has(.rwd-rmg-badge--issue) { border-left-color: #f07777; }
.rwd-rmg-finding:has(.rwd-rmg-badge--review) { border-left-color: #e9c66e; }
.rwd-rmg-finding:has(.rwd-rmg-badge--advisory) { border-left-color: #8dbbe4; }
.rwd-rmg-finding h4 { margin: 10px 0 0; font-size: 16px; font-weight: 700; line-height: 1.35; }
.rwd-rmg-finding p { font-size: 14px; line-height: 1.6; color: #c8c8c8; }
.rwd-rmg-badge { padding: 6px 9px; border-radius: 4px; font-size: 10px; letter-spacing: .035em; }
.rwd-rmg-badge--advisory { background: #a6d6fb; }
.rwd-rmg-report-end { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: 50px; padding: 30px; border: 1px solid #555; border-radius: 12px; background: #171717; }
.rwd-rmg-report-end h3 { margin: 8px 0; font-size: 23px; }
.rwd-rmg-report-end p { margin: 0; color: #bbb; line-height: 1.5; }
.rwd-rmg-checker .rwd-rmg-download { display: inline-flex; flex: 0 0 auto; min-height: 52px; align-items: center; gap: 17px; border-radius: 6px; padding: 0 22px; font-family: inherit; text-transform: none; }
.rwd-rmg-download span { font-size: 20px; }
.rwd-rmg-report-disclaimer { max-width: 970px; margin: 20px 0 0; color: #aaa; font-size: 12px; line-height: 1.65; }
@media (max-width: 850px) { .rwd-rmg-report-head { flex-direction: column; } .rwd-rmg-score { flex-basis: auto; } .rwd-rmg-summary { grid-template-columns: repeat(3, 1fr); } .rwd-rmg-summary div { border-bottom: 1px solid #343434; } }
@media (max-width: 640px) { #rwd-rmg-results { margin-top: 45px; } .rwd-rmg-report-head { gap: 26px; padding: 26px; } .rwd-rmg-report-identity .rwd-rmg-kicker { margin-top: 25px; } .rwd-rmg-report-meta { padding-top: 25px; } .rwd-rmg-summary { grid-template-columns: repeat(2, 1fr); } .rwd-rmg-summary div { padding: 20px; } .rwd-rmg-finding { grid-template-columns: 1fr; gap: 10px; padding: 21px; } .rwd-rmg-group-heading { gap: 10px; } .rwd-rmg-group-heading small { white-space: nowrap; } .rwd-rmg-report-end { display: block; } .rwd-rmg-checker .rwd-rmg-download { width: 100%; margin-top: 22px; justify-content: center; } }
