:is(.support-page,.about-page,.editorial-page) {max-width:68rem;margin-inline:auto;padding-bottom:2.5rem;}
main:has(> :is(.support-page,.about-page,.editorial-page)) > .crumbs {max-width:68rem;margin-inline:auto;}
:is(.support-page,.about-page,.editorial-page) h1 {margin:0;font-size:var(--tool-title);line-height:1.12;letter-spacing:-.035em;}
:is(.support-page,.about-page,.editorial-page) h2 {font-size:var(--section-title);line-height:1.2;letter-spacing:-.02em;}
:is(.support-page,.about-page,.editorial-page) h3 {font-size:1.15rem;line-height:1.35;}
:is(.support-page,.about-page,.editorial-page) p {color:var(--secondary);max-width:var(--reading-measure,60ch);}
:is(.support-intro,.about-intro-copy,.editorial-intro) > p:not(.page-updated):first-of-type {
  font-size:var(--lead);max-width:var(--reading-measure,60ch);line-height:1.6;
}
.support-page > section {margin:2rem 0;}
.support-page > section + section {border-top:1px solid var(--rule);padding-top:1rem;}
.support-intro {margin:0 0 1.75rem;}

/* About starts with a renewal notice, then lets readers choose their own decision. */
.about-intro {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);gap:clamp(1rem,4vw,3rem);align-items:center;}
.about-renewal {margin:0; background:var(--blue-soft); border:1px solid var(--blue-mid); padding:clamp(1rem,2vw,1.55rem);border-radius:var(--panel-radius);}
.about-renewal figcaption {color:var(--ink);font-size:1.1rem;font-weight:660;}
.about-renewal dl {margin:.8rem 0;}
.about-renewal dl > div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;border-top:1px solid var(--blue-mid);padding:.55rem 0;}
.about-renewal dd {margin:0;}
.about-renewal dd,.about-renewal p strong {color:var(--navy);font-variant-numeric:tabular-nums;font-weight:680;}
.about-renewal p {margin:.45rem 0 0;} .about-renewal p strong {display:block;font-size:1.35rem;}
.about-decisions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem clamp(1rem,3vw,2.5rem);margin:clamp(2rem,5vw,4rem) 0;}
.about-decisions h2 {grid-column:1/-1;margin:0;}
.about-decision {min-width:0;border-top:2px solid var(--blue-mid);}
.about-decision h3 {margin:1rem 0 .5rem;} .about-decision p {margin:0;}
.about-page .about-decision p, .editorial-page :is(dt,dd,.editorial-responsibility p) {text-align:start;hyphens:manual;}
.about-publisher,.about-contact {max-width:54rem;border-top:1px solid var(--rule);padding:.6rem 0;}
.about-end p {overflow-wrap:anywhere;}

/* A policy reader can jump between standards while checking a worked example. */
.editorial-page {display:grid;grid-template-columns:minmax(11rem,.28fr) minmax(0,1fr);column-gap:clamp(1.5rem,6vw,5rem);align-items:start;}
.editorial-intro {grid-column:1/-1;border-bottom:1px solid var(--rule);padding-bottom:1rem;}
.editorial-contents {position:sticky;top:1rem;display:grid;gap:.1rem;margin:1.4rem 0;align-self:start;}
.editorial-contents a {display:flex;align-items:center;min-height:44px;padding:.35rem .65rem;border-inline-start:2px solid var(--blue-mid);font-weight:600;}
.editorial-contents a:hover {background:var(--blue-soft);}
.editorial-body {min-width:0;max-width:53rem;container:editorial-body / inline-size;}
.editorial-body > section {margin-block:1.5rem 2.5rem;}
.editorial-body > section + section {border-top:1px solid var(--rule);padding-top:.5rem;}
.editorial-body dl {margin:1.1rem 0;}
.editorial-body dl > div {border-bottom:1px solid var(--rule);padding:.85rem 0;display:grid;grid-template-columns:minmax(8rem,.37fr) minmax(0,1fr);gap:.4rem 1.1rem;}
.editorial-body dt {color:var(--ink);font-weight:650;} .editorial-body dd {color:var(--secondary);margin:0;}
.editorial-responsibility {display:grid;grid-template-columns:minmax(8rem,.37fr) minmax(0,1fr);gap:.4rem 1.1rem;align-items:start;}
.editorial-responsibility h3,.editorial-responsibility p {margin:0;}
@container editorial-body (max-width:24rem) {
  .editorial-body dl > div,.editorial-responsibility {grid-template-columns:minmax(0,1fr);}
}
.editorial-body .editorial-check {background:var(--blue-soft);padding:clamp(1rem,2.5vw,1.8rem);border:1px solid var(--blue-mid);border-radius:var(--panel-radius);}
.editorial-check h2 {margin-top:0;}
@media(max-width:760px) {
  .about-intro,.about-decisions,.editorial-page {display:block;}
  .about-renewal {max-width:29rem;margin:1rem 0;}
  .about-decision {margin:1rem 0;}
  .editorial-contents {position:static;display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:1rem 0;}
  .editorial-contents a {padding:.3rem .45rem;}
  .editorial-body dl > div,.editorial-responsibility {grid-template-columns:minmax(0,1fr);}
  main :is(.support-page,.editorial-page,.about-page) p {text-align:start;hyphens:manual;}
}
@media screen and (min-width: 540px) and (max-width:760px) {
  .about-renewal {max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.3rem 1.25rem;align-items:start;}
  .about-renewal dl {grid-column:2;grid-row:1/span 2;margin:0;}
  .about-renewal p {grid-column:1;margin:0;}
}
@media screen and (min-width: 761px) {
  .editorial-page > .editorial-intro,
  .contact-page > .support-intro,
  .privacy-page > .support-intro {
    display: grid;
    grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
    gap: .35rem clamp(1.5rem,4vw,3rem);
    align-content: start;
    align-items: start;
  }
  :is(.editorial-intro,.support-intro) > h1 { grid-column: 1; grid-row: 1; }
  :is(.editorial-intro,.support-intro) > p:not(.page-updated):first-of-type {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
    max-width: var(--reading-measure,60ch);
  }
  :is(.editorial-intro,.support-intro) > .page-updated { grid-column: 1; grid-row: 2; }
  .contact-page .contact-address { grid-column: 2; grid-row: 3; margin: 0; }
  .editorial-body .editorial-check { max-width: none; }
  .editorial-body .editorial-check p { max-width: var(--reading-measure,60ch); }
}
@media screen and (min-width: 761px) and (max-width: 959px) {
  .about-end { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 1.35rem; }
  .about-decisions { display: block; }
  .about-decision { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 1.2rem; align-items: baseline; padding-block: .8rem; }
  .about-decisions > h2 { margin-bottom: .65rem; }
  .about-decision h3 { margin: 0; }
}
@media screen and (min-width: 1100px) {
  .editorial-body .editorial-check {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 1.5rem; align-items: start;
  }
  .editorial-check h2 { grid-column: 1/-1; margin-bottom: .3rem; }
}
@media print {
  .editorial-page,.about-intro,.about-decisions {display:block;}
  .editorial-contents {display:none;}
  .about-decision,.about-renewal,.editorial-body dl>div {break-inside:avoid;}
}
