/* Schematics: open connected brief, outcome register and native specification files. */
.cs-page main :is(h3,h4){font-family:var(--font-display);font-size:var(--type-subhead-size);line-height:1.35}.cs-page figure{margin:0}.cs-page :is(article,figure,aside,.cs-document){min-width:0}.cs-page img{display:block;max-width:100%;height:auto}.cs-page figcaption{font-size:var(--type-secondary-size);line-height:1.7;color:var(--body-text);padding:18px 0}.cs-page .ip-inline-link:is(:hover,:focus-visible){color:var(--link-hover)}.cs-hero .pr-hero-grid{max-height:none}.cs-hero .cch-stage{inset:0}
.cs-opening{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,72px);align-items:center}.cs-opening h2{margin-bottom:28px}.cs-lead{border-left:3px solid var(--ip-teal);padding-left:24px}.cs-source-sheet{position:relative;padding:24px 24px 0;background:var(--ip-pale);border-bottom:3px solid var(--ip-teal)}.cs-source-sheet img{width:100%;border:1px solid #a7c6d1}.cs-sheet-edge{display:flex;gap:8px;padding-bottom:18px}.cs-sheet-edge span{width:32px;height:3px;background:#89b8c6}.cs-sheet-edge span:first-child{background:var(--ip-teal);width:64px}.cs-handoff{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:30px;margin-top:44px;padding-top:30px;border-top:1px solid #adc9d3}.cs-handoff h3{margin:0 0 18px}.cs-handoff p{margin:0}.cs-handoff article{padding-left:24px;border-left:3px solid #c2dce4}.cs-handoff aside{padding-left:28px;border-left:1px solid #a6c6d2}.cs-handoff .ip-inline-link{margin-top:20px}
.cs-benefits{background:var(--ip-navy)}.cs-benefits h2,.cs-benefits h3{color:#fff}.cs-benefits p{color:var(--body-text-on-dark)}.cs-benefits .ip-label,.cs-benefits h2 em{color:var(--ip-teal)}.cs-outcome-register{border-top:1px solid #507789;margin-top:38px}.cs-outcome-register article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.95fr);gap:36px;padding:34px 0;border-bottom:1px solid #507789;position:relative}.cs-outcome-register article:before{content:'';position:absolute;top:-1px;left:0;width:48px;height:3px;background:var(--ip-teal);transition:width .3s ease}.cs-outcome h3{margin:0 0 18px}.cs-outcome p{color:var(--ip-teal);margin:0}.cs-benefit-copy{margin:0}.cs-review{border-left:1px solid #507789;padding-left:26px}.cs-review span{font-size:var(--type-secondary-size);font-weight:700;color:var(--ip-teal)}.cs-review p{margin:14px 0 0}.cs-boundary{max-width:960px;margin:28px 0 0;font-size:var(--type-secondary-size)}
.cs-features{background:var(--ip-pale)}.cs-diagram-directory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;border-block:1px solid #a4c2cd;padding:30px 0;margin:36px 0}.cs-diagram-directory h3{margin:0 0 18px}.cs-diagram-directory p{margin:0}.cs-diagram-directory ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0;align-content:center}.cs-diagram-directory li{padding:13px 10px;text-align:center;background:#fff;border-bottom:2px solid var(--ip-teal);color:var(--ip-navy);font-weight:700;overflow-wrap:anywhere}
.cs-reference{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,64px);margin-top:42px;padding-top:36px;border-top:1px solid #a4c2cd;align-items:center}.cs-reference figure img{width:100%;border:1px solid #a7c6d1}.cs-document{padding-left:30px;border-left:3px solid var(--ip-teal)}.cs-document-type{font-size:var(--type-secondary-size);font-weight:700;color:var(--body-text)}.cs-document h3{margin:18px 0}.cs-document p{margin:0 0 24px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cs-outcome-register article:hover:before{width:100px}}
@media(max-width:1000px){.cs-opening{gap:32px}.cs-handoff{grid-template-columns:1fr 1fr}.cs-handoff aside{grid-column:1/-1;padding:24px 0 0;border-left:0;border-top:1px solid #adc9d3}.cs-outcome-register article{gap:26px;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}.cs-review{grid-column:2;padding:20px 0 0;border-left:0;border-top:1px solid #507789}.cs-diagram-directory{gap:28px}.cs-diagram-directory ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.cs-opening,.cs-handoff,.cs-outcome-register article,.cs-diagram-directory,.cs-reference{grid-template-columns:minmax(0,1fr)}.cs-opening{gap:28px}.cs-review{grid-column:auto}.cs-handoff aside{grid-column:auto}.cs-handoff{gap:28px}.cs-source-sheet{padding:18px 18px 0}.cs-outcome-register article{gap:22px}.cs-diagram-directory ul{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-feature-visible{padding:26px}.cs-feature-file summary{padding:18px 26px}.cs-detail-reading{padding:0 26px 26px}.cs-document{padding-left:24px}.cs-reference{gap:24px}}
@media(prefers-reduced-motion:reduce){.cs-page *, .cs-page *:before{transition:none!important}}
/* Always-visible feature specifications */
.cs-feature-ledger {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:28px;
}
.cs-feature-file {
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#fff;
  border:1px solid #99bdcc;
  border-top:3px solid var(--ip-teal);
  box-shadow:0 10px 25px #062b400b;
}
.cs-feature-visible,.cs-detail-reading { padding:clamp(18px,3vw,30px); }
.cs-feature-visible h3 { margin:0 0 10px; }
.cs-feature-visible p,.cs-detail-lead { margin:0; }
.cs-feature-visible .ip-inline-link { margin-top:12px; }
.cs-feature-art {
  margin-top:20px;
  display:grid;
  place-items:center;
  color:#23536b;
  background:
    linear-gradient(#b4ceda40 1px,transparent 1px),
    linear-gradient(90deg,#b4ceda40 1px,transparent 1px),
    #edf5f8;
  background-size:16px 16px;
  border:1px solid #b8d2dd;
}
.cs-feature-art svg { display:block; width:min(100%,340px); height:auto; }
.cs-art-signal { stroke:#087f8d; stroke-width:2; }
.cs-art-fill { fill:#d3efee; stroke:#087f8d; }
.cs-detail-reading {
  display:flex;
  flex:1;
  flex-direction:column;
  border-top:1px solid #d0e1e7;
}
.cs-detail-lead { color:var(--ip-navy); font-weight:700; }
.cs-detail-reading dl { margin:14px 0 20px; }
.cs-detail-reading dl>div { padding:12px 0; border-top:1px solid #d0e1e7; }
.cs-detail-reading dt { font-weight:700; color:var(--ip-navy); }
.cs-detail-reading dd { margin:4px 0 0; color:var(--body-text); }
.cs-feature-context {
  margin:auto 0 0;
  padding:12px 14px;
  background:var(--ip-pale);
  border-left:3px solid var(--ip-teal);
}
@media(max-width:750px) {
  .cs-feature-ledger { grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; gap:20px; }
}

/* Share the content tracks between the two cards in each desktop row. */
@supports (grid-template-rows:subgrid) {
  @media (width > 750px) {
    .cs-feature-ledger { grid-auto-rows:auto; }
    .cs-feature-file,
    .cs-feature-visible,
    .cs-detail-reading,
    .cs-detail-reading dl {
      display:grid;
      grid-template-rows:subgrid;
      row-gap:0;
    }
    .cs-feature-file { grid-row:span 9; }
    .cs-feature-visible { grid-row:span 4; }
    .cs-feature-visible h3 { grid-row:1; }
    .cs-feature-visible > p { grid-row:2; }
    .cs-feature-action { grid-row:3; }
    .cs-feature-art { grid-row:4; }
    .cs-detail-reading { grid-row:span 5; }
    .cs-detail-reading dl { grid-row:2 / span 3; }
    .cs-feature-context { grid-row:5; margin:0; }
  }
}