Act as a front-end engineer who knows search guidelines. Build a reviews section for {{business_name}} in my {{tech_stack}} project, styled in {{visual_style}}. Reviews come from our own collection form or database, never written by you. Summary: average to one decimal, total count, and a 5 to 1 distribution with bars and counts. Screen readers hear "Rated 4.6 out of 5 from 128 reviews"; the star SVGs are aria-hidden and partial fills are exact. Each review: stars plus "4 out of 5" in text, first name and last initial, date in a time element, source label (for example "Verified booking"), the text with Read more after 5 lines, photos if any, and our reply nested and labeled. Controls: sort by newest, highest and lowest; filter by star level with buttons using aria-pressed and visible focus-visible rings; the result count updates in a polite live region; state in the URL. Layout: 1280: summary in a 4-column sticky aside, list in 8; 768: summary above, list below; 360: summary compact, list full width with 20px between reviews. Stars 16px in the list, 24px in the summary; text 16px at line height 1.55. Structured data: - Review and AggregateRating values match the visible numbers exactly, from the same query - mark up reviews only where they're eligible: on product or service pages, not as self-serving reviews of our own business on LocalBusiness or Organization; check Google's current guidance and tell me what applies - never mark up reviews copied from third-party sites States: no reviews yet shows an invitation to leave the first one, never sample reviews; fewer than 5 reviews hides the distribution; load errors keep the summary; long names wrap. Motion: bars grow once over 400ms on view; none under prefers-reduced-motion. Avoid: hiding negative reviews, a 5.0 average from 3 reviews shown like a trophy, stars with no count, markup that disagrees with the page.