/* ===============================
   Base Typography + Layout
================================ */
:root{
  color-scheme: light;
}

*{
  box-sizing: border-box;
}

body{
  margin: 0;
  background: var(--sc-bg);
  color: var(--sc-text);
  font-family: var(--sc-font-family-base);
  font-size: var(--sc-font-size-md);
  line-height: var(--sc-line-normal);
}

h1, h2, h3, h4, h5, h6{
  font-family: var(--sc-font-family-heading);
  font-weight: var(--sc-font-weight-bold);
  line-height: var(--sc-line-tight);
  margin: 0 0 12px;
  color: var(--sc-text);
}

h1{ font-size: clamp(30px, 4vw, 46px); }
h2{ font-size: clamp(24px, 3.2vw, 34px); }
h3{ font-size: clamp(18px, 2.4vw, 24px); }

p{ margin: 0 0 16px; }
a{ color: inherit; }

.sc-main{
  min-height: 60vh;
}

.sc-page{
  padding: clamp(28px, 5vw, 56px) 0;
}

.sc-pageTitle{
  margin: 0 0 18px;
  font-size: clamp(26px, 3.6vw, 38px);
  letter-spacing: -0.02em;
}

.sc-entry__content{
  font-size: 15px;
  color: var(--sc-text);
}

.sc-entry__content img{
  border-radius: 12px;
}