/* Shared SCM-inspired type hierarchy for every page except the homepage. */
body:not([data-page="home"]),
body:not([data-page="home"]) button,
body:not([data-page="home"]) input,
body:not([data-page="home"]) select,
body:not([data-page="home"]) textarea {
  font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

body:not([data-page="home"]) #main {
  --site-title-size:44px;
}

body:not([data-page="home"]) #main :is(h1,h2,h3) {
  font-family:inherit;
  font-weight:300;
  letter-spacing:0;
}

body:not([data-page="home"]) #main :is(.page-heading h1,.about-hero-overlay h1,.contact-form-area > h1) {
  margin-bottom:20px;
  font-size:var(--site-title-size);
  font-weight:300;
  line-height:1.2;
  letter-spacing:0;
}

body:not([data-page="home"]) #main :is(.page-heading > p,p) {
  font-size:16px;
  font-weight:300;
  line-height:1.6;
}

body:not([data-page="home"]) #main .page-heading > p {
  color:var(--ink);
}

body:not([data-page="home"]) #main .contact-kresna,
body:not([data-page="home"]) #main .contact-kresna :is(button,input,select,textarea,pre) {
  font-family:inherit;
}

@media(max-width:1000px) {
  body:not([data-page="home"]) #main { --site-title-size:36px; }
}

@media(max-width:700px) {
  body:not([data-page="home"]) #main { --site-title-size:32px; }
}