* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/*! outline: 1px solid red; */
}

a { 
	text-decoration: none;
	color: inherit;
}
:root {
	/*Header*/
	--header-height: clamp( 65px ,8vh, 80px);
 
	/*Color system — warm, clinical-but-comfortable, built around the spine/posture motif*/
	--ink: #1E2B2F;           /* headings & body text */
	--paper: #FAF8F4;         /* base background */
	--mist: #EDE7DC;          /* alternating section bg, card surfaces */
	--spine-gold: #B8722E;    /* signature accent: CTAs, curve motif, eyebrows */
	--chart-blue: #34505A;    /* secondary accent: icons, quote marks, badges */
	--line: #DCD5C7;          /* hairline borders/dividers */
 
	/*Aliases kept so every section stylesheet below still resolves correctly*/
	/*font-family*/ 
	--heading-font: 'Fraunces', serif;
	--body-font: 'Inter', sans-serif;
	--mono-font: 'IBM Plex Mono', monospace;

	/*color*/
	--primary-color: var(--ink);
	--secondary-color: var(--chart-blue);
	--accent-color: var(--spine-gold);
	--background-color: var(--paper);
	--surface-color: #FFFFFF;
	--text-color: var(--ink);
	--muted-color: #6B6156;
	--border-color: var(--line);

  
	--shadow: 0 10px 40px rgba(30,43,47,.08);

	--border-radius: 14px;
	
}

body {
	padding-top: var(--header-height);
	background: var(--background-color);
}

/*============================main===============================*/
main {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.star-rating {
	display: flex !important;
	flex-direction: row !important;
	margin: .2rem;
	justify-content: center;
	align-items: center;
}

#star,
.star {
	width: 2rem;
	aspect-ratio: .4/.4;
}