/* KLG Advisory — global rules. All layout and color lives inline on the elements. */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F6F3EC; font-family: Inter, Helvetica, Arial, sans-serif; color: #33342F; -webkit-font-smoothing: antialiased; }
a { color: #1B2436; text-decoration: none; }
a:hover { color: #A5793F; }
a:focus-visible { outline: 2px solid #A5793F; outline-offset: 2px; }
img { max-width: 100%; }

/* interactive states, one class per distinct treatment */
.x1:hover { color: #C79A5E; }
.x2:hover { background: #F5EFE0; color: #10182A; }
.x3:hover { background: #F5EFE0; }
.x4:hover { border-color: #C79A5E; color: #C79A5E; }
.x5:hover { color: #A5793F; }
.x6:hover { background: #A5793F; }
.x7:hover { background: #1B2436; color: #F6F3EC; }