.mt-itis-hero h2 {
max-width: 790px;
margin: 0 0 13px;
color: #fff;
font-size: clamp(1.9rem, 4.6vw, 3.42rem);
line-height: 1.04;
letter-spacing: -.045em;
}
.mt-itis-guide h2 {
margin: 0 0 12px;
color: #163a48;
font: 850 clamp(1.55rem, 4vw, 2.34rem) / 1.16 Georgia, “Times New Roman”, serif;
letter-spacing: -.02em;
}
.mt-itis-guide h2, .mt-itis-guide h3 {
scroll-margin-top: 92px;
}
.mt-itis-guide *, .mt-itis-guide *::before, .mt-itis-guide *::after {
box-sizing: border-box;
}
user agent stylesheet
h2 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}
.mt-itis-hero {
position: relative;
isolation: isolate;
overflow: hidden;
margin: 0 0 18px;
border: 1px solid #0d4447;
border-radius: 32px;
background: radial-gradient(circle at 14% 16%, rgba(255, 211, 107, .28), transparent 27%), radial-gradient(circle at 88% 12%, rgba(145, 235, 223, .25), transparent 25%), linear-gradient(126deg, #103846 0%, #087a78 56%, #0f9a8e 112%);
color: #fff;
box-shadow: 0 24px 60px rgba(15, 62, 68, .20);
}
.mt-itis-guide {
–ink: #173744;
–text: #405861;
–muted: #6b7e84;
–line: #d9e7e5;
–deep: #123c49;
–teal: #087a78;
–teal2: #13a197;
–gold: #ffd36b;
–mint: #edf9f4;
–sky: #edf8ff;
–sand: #fff4d8;
–rose: #fff1ed;
–lav: #f5f0fb;
–paper: #fff;
–shadow: 0 18px 44px rgba(18, 60, 73, .10);
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 0 14px 34px;
color: var(–ink);
background: linear-gradient(180deg, #fbfffe 0%, #fffdf7 46%, #f7fbfa 100%);
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, sans-serif;
font-size: 16px;
line-height: 1.68;
overflow-wrap: anywhere;
}
.mt-itis-guide *, .mt-itis-guide *::before, .mt-itis-guide *::after {
box-sizing: border-box;
}
.mt-itis-guide *, .mt-itis-guide *::before, .mt-itis-guide *::after {
box-sizing: border-box;
}