:root{--primary:#394b57;--accent:#bd7041;--surface:#f4f5f6;--canvas:#ffffff;--text:#1e2529;--muted:#626b70;--width:1180px;--side:46px;--radius:5px;--gap:44px;--shadow:0 18px 36px rgba(20,35,45,.10)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.site-body{margin:0;color:var(--text);background:var(--canvas);font-family:"Segoe UI", Candara, Calibri, sans-serif;font-size:18px;line-height:1.6;overflow-wrap:anywhere}
a{color:var(--primary);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--accent)}
.site-header{position:relative;z-index:2;padding:22px max(var(--side),calc((100% - var(--width))/2));background:var(--primary);color:#fff}.site-header a{color:inherit}
.site-navigation ul{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none}.site-navigation a{display:inline-block;text-decoration:none;font-weight:650}.site-navigation a{padding:7px 13px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent)}
.page-content{width:min(calc(100% - (var(--side)*2)),var(--width));margin-inline:auto;padding-block:clamp(32px,6vw,78px)}
.content-section{margin-block:0 var(--gap)}.content-section+ .content-section{padding-block:clamp(8px,2vw,20px)}
.site-hero{padding:clamp(24px,5vw,58px);color:#fff;background:var(--primary);border-radius:var(--radius)}.site-hero :is(h1,h2,h3,h4,a){color:inherit}
h1,h2,h3,h4{margin:0 0 .65em;font-family:Candara, "Segoe UI", sans-serif;line-height:1.18;color:var(--primary);text-wrap:balance}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.55rem,3.5vw,2.25rem)}h3{font-size:clamp(1.25rem,2.6vw,1.8rem)}h4{font-size:1.15rem}
p,ul,ol,blockquote{margin-block:0 1.15em}img,svg,video{display:block;max-width:100%;height:auto}figure{margin:1.5rem 0}blockquote{margin-inline:0;padding:18px 22px;border-left:4px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}
button,input,select,textarea{max-width:100%;font:inherit}input,select,textarea{width:100%;padding:11px 13px;color:var(--text);border:1px solid #b8c1c6;background:var(--canvas);border-radius:4px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}button,input[type="submit"],.primary-action{display:inline-block;width:auto;padding:11px 18px;border:0;border-radius:calc(var(--radius)*.7);background:var(--primary);color:#fff;font-weight:700;cursor:pointer}
table{width:100%;border-collapse:collapse;margin-block:1.5rem;overflow-x:auto}th,td{padding:11px 12px;text-align:left;vertical-align:top}th{color:#fff;background:var(--primary)}tbody tr:nth-child(even){background:var(--surface)}th,td{border-bottom:1px solid #d7dde0}
.seo-rating-product,.content-card{margin-block:28px;padding:clamp(18px,3vw,30px);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.site-footer{padding:30px max(var(--side),calc((100% - var(--width))/2));color:#fff;background:var(--text)}.site-footer a{color:inherit}.site-footer p:last-child{margin-bottom:0}
@media(max-width:720px){body.site-body{font-size:16px}.site-header{padding:18px 20px}.site-navigation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.page-content{width:min(calc(100% - 28px),var(--width));padding-block:32px}.content-section{margin-bottom:38px}.site-hero{padding:22px 18px}table{display:block;overflow-x:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}