/* CeraSalt Essential / Normal Page
 * Derived from the supplied full-width static page template.
 */

.essential-page{
  min-height:100vh;
  padding:calc(84px + clamp(72px,9vw,128px)) 0 clamp(88px,10vw,150px);
  line-height:1.6;
}

.essential-page .wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding-inline:var(--pad);
}

.essential-page a{
  color:inherit;
  text-decoration:underline;
  text-decoration-color:var(--accent);
  text-underline-offset:3px;
}

.essential-page__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,520px);
  gap:clamp(40px,8vw,120px);
  align-items:end;
  padding-bottom:clamp(38px,5vw,64px);
  border-bottom:1px solid var(--line);
}

.essential-page__eyebrow{
  margin:0 0 14px;
  color:var(--accent);
  font-family:"IBM Plex Mono",monospace;
  font-size:12px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.essential-page h1,
.essential-page h2,
.essential-page h3,
.essential-page p{
  margin-top:0;
}

.essential-page h1{
  margin-bottom:0;
  max-width:980px;
  font-size:clamp(48px,6vw,82px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:500;
  text-wrap:balance;
}

.essential-page__intro{
  max-width:520px;
  margin:0;
  color:var(--muted);
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.55;
}

.essential-page__meta{
  margin-top:18px;
  color:var(--muted);
  font-family:"IBM Plex Mono",monospace;
  font-size:12px;
  line-height:1.5;
}

.essential-page__body{
  display:block;
  width:100%;
  padding-top:clamp(52px,7vw,92px);
}

.essential-page__content{
  width:100%;
  max-width:none;
}

/* Standard WordPress page-editor content is styled to reproduce the supplied
 * .essential-section visual rhythm without requiring editors to add custom
 * wrapper markup by hand. */
.essential-page__content > h2,
.essential-page__content > .wp-block-heading:is(h2){
  margin:0 0 18px;
  font-size:clamp(28px,3vw,40px);
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:500;
}

.essential-page__content > h2:not(:first-child),
.essential-page__content > .wp-block-heading:is(h2):not(:first-child){
  margin-top:42px;
  padding-top:42px;
  border-top:1px solid var(--line);
}

.essential-page__content h3{
  margin:30px 0 12px;
  font-size:clamp(20px,1.8vw,25px);
  line-height:1.2;
  letter-spacing:-.015em;
  font-weight:600;
}

.essential-page__content p,
.essential-page__content li{
  color:#4f4b48;
  font-size:17px;
  line-height:1.7;
}

.essential-page__content p{
  margin-bottom:18px;
}

.essential-page__content ul,
.essential-page__content ol{
  margin:18px 0 22px;
  padding-left:22px;
}

.essential-page__content li + li{
  margin-top:9px;
}

/* A normal Gutenberg Quote block acts as the optional highlighted legal note
 * from the supplied static template. */
.essential-page__content .wp-block-quote,
.essential-page__content blockquote{
  margin:26px 0 0;
  padding:20px 22px;
  border:0;
  border-left:2px solid var(--accent);
  background:var(--soft);
  color:var(--ink);
}

.essential-page__content .wp-block-quote p,
.essential-page__content blockquote p{
  color:var(--ink);
}

.essential-page__content > *:first-child{
  margin-top:0;
}

.essential-page__content > *:last-child{
  margin-bottom:0;
}

@media (max-width:960px){
  .essential-page__head{
    grid-template-columns:1fr;
    gap:24px;
  }
}

@media (max-width:640px){
  .essential-page{
    padding:calc(72px + 64px) 0 82px;
  }
  .essential-page__head{
    padding-bottom:34px;
  }
  .essential-page h1{
    font-size:clamp(42px,13vw,58px);
  }
  .essential-page__body{
    padding-top:42px;
  }
  .essential-page__content > h2:not(:first-child),
  .essential-page__content > .wp-block-heading:is(h2):not(:first-child){
    margin-top:34px;
    padding-top:34px;
  }
  .essential-page__content p,
  .essential-page__content li{
    font-size:16px;
  }
}