/* Follow-up Method refinement. Scoped separately from the retained 08 layer. */

/* Compact chapter index: context in the margin, titles on a ruled paper plane. */
.refined-site .method-refinement-09 .mt-pattern-group {
 display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.65fr);
 gap:38px;margin-top:0;padding:32px 0;border-top:1px solid #b9c9e3;
 align-items:start;scroll-margin-top:24px;
}
.refined-site .method-refinement-09 .mt-pattern-group:first-of-type {margin-top:30px}
.refined-site .method-refinement-09 .mt-group-heading {
 display:block;padding:0;border:0;margin:0;min-width:0;
}
.refined-site .method-refinement-09 .m9-count {
 display:flex;align-items:center;gap:12px;color:#50617a;
 font-size:.75rem;line-height:1.3;letter-spacing:.08em;
}
.refined-site .method-refinement-09 .m9-count strong {
 display:inline-block;font:400 2rem/1 var(--ds-body);letter-spacing:-.045em;
 color:var(--ds-blue);font-variant-numeric:tabular-nums;
 border-right:1px solid #b6c9ed;padding-right:12px;
}
.refined-site .method-refinement-09 .mt-group-heading h3 {
 margin-top:16px;font-size:1.25rem;line-height:1.35;letter-spacing:-.025em;max-width:25ch;
}
.refined-site .method-refinement-09 .mt-group-heading>p {
 margin-top:12px;font-size:.875rem;line-height:1.65;max-width:34ch;
 color:var(--ds-muted);justify-self:auto;
}
.refined-site .method-refinement-09 .mt-group-heading>.m9-availability {
 margin-top:18px;font-size:.75rem;color:#62728b;
}
.refined-site .method-refinement-09 .mt-group-list {
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;
 align-items:stretch;border:0;padding:0 20px;background:#fcfdff;
 border-left:1px solid #dae3f1;box-shadow:5px 5px 0 #f0f4fa;
}
.refined-site .method-refinement-09 .mt-pattern-index {
 padding:0;min-width:0;background:transparent;border-bottom:1px solid #dce4f0;
}
.refined-site .method-refinement-09 .mt-catalog-row {
 display:flex;align-items:center;min-height:58px;padding:13px 0;
}
.refined-site .method-refinement-09 .mt-pattern-title {
 font-size:1rem;line-height:1.5;letter-spacing:-.015em;max-width:none;
}
.refined-site .method-refinement-09 .mt-pattern-index:target {
 background:#edf3ff;outline:1px solid #acc3f1;outline-offset:5px;padding:0;
}
.refined-site .method-refinement-09 .mt-pattern-sample {
 grid-column:1/-1;min-width:0;margin:8px -10px;border:1px solid #a8c0f2;
 background:#f1f5ff;box-shadow:3px 3px 0 #e5ecfb;
}
.refined-site .method-refinement-09 .mt-pattern-sample>summary {
 display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:16px;
 align-items:center;min-height:62px;padding:14px 18px;border-left:0;
 background:linear-gradient(110deg,#f0f5ff,#fff);transition:background .15s;
}
.refined-site .method-refinement-09 .mt-pattern-sample>summary:before {display:none}
.refined-site .method-refinement-09 .mt-pattern-sample .mt-pattern-title {
 font-size:1rem;line-height:1.5;color:var(--ds-blue);
}
.refined-site .method-refinement-09 .mt-sample-tag {
 margin:0;font-size:.6875rem;line-height:1.5;letter-spacing:.055em;
 text-transform:uppercase;white-space:nowrap;color:#2455cf;
}
.refined-site .method-refinement-09 .mt-pattern-sample>summary:is(:hover,:focus-visible) {
 background:#e8f0ff;
}
.refined-site .method-refinement-09 .mt-pattern-sample[open] {
 margin-block:12px;background:#fff;border-color:#8eace8;
}
.refined-site .method-refinement-09 .mt-pattern-sample[open]>summary {
 border-bottom:1px solid #d5e1f6;background:#edf3ff;
}
.refined-site .method-refinement-09 .mt-pattern-body {
 gap:22px;padding:20px;grid-template-columns:1fr;
}
.refined-site .method-refinement-09 .mt-component {
 display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);
 gap:24px;padding:18px 0 0;align-items:start;
}
.refined-site .method-refinement-09 .mt-component h4 {
 font-size:.75rem;line-height:1.55;margin-bottom:10px;letter-spacing:.055em;
}
.refined-site .method-refinement-09 .mt-component-text {font-size:1rem;line-height:1.75}
.refined-site .method-refinement-09 .mt-sample-note {margin:0;font-size:.75rem;line-height:1.6}
.refined-site .method-refinement-09 .mt-pattern-foot {gap:8px 20px;padding-top:14px}

/* Numbers belong to their control, with a clear active stage and safe insets. */
.refined-site .method-refinement-09 .mt-stages {border-top:0}
.refined-site .method-refinement-09 .mt-stage {
 border:1px solid #cdd9ec;margin-bottom:10px;background:#fff;
}
.refined-site .method-refinement-09 .mt-stage:has(>details[open]) {
 border-color:#9db7e9;box-shadow:4px 4px 0 #edf2fb;
}
.refined-site .method-refinement-09 .mt-stage>details>summary {
 grid-template-columns:2.75rem minmax(0,1fr) 20px;gap:16px;
 padding:18px 20px;min-height:96px;align-items:center;
}
.refined-site .method-refinement-09 .mt-stage-index {
 display:grid;place-items:center;align-self:center;padding:0;
 width:2.75rem;height:2.75rem;border:1px solid #c7d7f2;background:#f6f9ff;
 font-size:.875rem;line-height:1;color:#46618d;letter-spacing:.02em;
}
.refined-site .method-refinement-09 .mt-stage>details[open]>summary .mt-stage-index {
 color:#fff;background:var(--ds-blue);border-color:var(--ds-blue);
}
.refined-site .method-refinement-09 .mt-stage-label h3 {font-size:1.125rem;line-height:1.4}
.refined-site .method-refinement-09 .mt-stage-label>span {margin-top:5px;font-size:.875rem;line-height:1.5}
.refined-site .method-refinement-09 .mt-stage-body {padding:0 20px 22px;gap:18px 22px}
.refined-site .method-refinement-09 summary:focus-visible {
 outline:2px solid var(--ds-blue);outline-offset:4px;
}

@media(max-width:1100px) {
 .refined-site .method-refinement-09 .mt-pattern-group {grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:26px}
 .refined-site .method-refinement-09 .mt-group-list {gap:0 20px;padding-inline:16px}
 .refined-site .method-refinement-09 .mt-component {display:block}
 .refined-site .method-refinement-09 .mt-stage>details>summary {gap:13px;padding:18px 16px}
 .refined-site .method-refinement-09 .mt-stage-body {grid-template-columns:minmax(0,1fr)}
 .refined-site .method-refinement-09 .mt-stage-body .rf-stage-figure {grid-row:auto}
 .refined-site .method-refinement-09 .mt-stage-source {grid-column:auto}
}
@media(max-width:850px) {
 .refined-site .method-refinement-09 .mt-pattern-group {display:block;padding:26px 0}
 .refined-site .method-refinement-09 .mt-group-heading {display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:20px}
 .refined-site .method-refinement-09 .mt-group-heading>p {margin-top:0;align-self:center}
 .refined-site .method-refinement-09 .mt-group-heading>.m9-availability {grid-column:2;margin-top:8px}
 .refined-site .method-refinement-09 .mt-group-heading h3 {margin-top:12px}
 .refined-site .method-refinement-09 .mt-component {display:grid}
}
@media(max-width:620px) {
 .refined-site .method-refinement-09 .mt-group-heading {display:block;margin-bottom:18px}
 .refined-site .method-refinement-09 .mt-group-heading>p {margin-top:10px;max-width:45ch}
 .refined-site .method-refinement-09 .mt-group-heading>.m9-availability {margin-top:8px}
 .refined-site .method-refinement-09 .m9-count {font-size:.75rem;gap:10px}
 .refined-site .method-refinement-09 .m9-count strong {font-size:1.75rem;padding-right:10px}
 .refined-site .method-refinement-09 .mt-group-heading h3 {font-size:1.25rem;max-width:28ch}
 .refined-site .method-refinement-09 .mt-group-list {grid-template-columns:1fr;padding-inline:14px;gap:0}
 .refined-site .method-refinement-09 .mt-catalog-row {min-height:52px;padding:12px 0}
 .refined-site .method-refinement-09 .mt-pattern-sample>summary {
  grid-template-columns:minmax(0,1fr) 18px;gap:4px 12px;padding:14px 12px;
 }
 .refined-site .method-refinement-09 .mt-pattern-title-wrap {grid-column:1;grid-row:1}
 .refined-site .method-refinement-09 .mt-sample-tag {grid-column:1;grid-row:2;white-space:normal}
 .refined-site .method-refinement-09 .mt-pattern-sample>summary>.mt-plus {grid-column:2;grid-row:1/3}
 .refined-site .method-refinement-09 .mt-pattern-body {grid-template-columns:1fr;padding:16px 12px;gap:22px}
 .refined-site .method-refinement-09 .mt-component {display:block}
 .refined-site .method-refinement-09 .mt-stage>details>summary {
  grid-template-columns:2.25rem minmax(0,1fr) 18px;gap:12px;padding:17px 14px;
 }
 .refined-site .method-refinement-09 .mt-stage-index {width:2.25rem;height:2.25rem;font-size:.8125rem}
 .refined-site .method-refinement-09 .mt-stage-label {display:contents}
 .refined-site .method-refinement-09 .mt-stage-label h3 {font-size:1.0625rem;grid-column:2;grid-row:1}
 .refined-site .method-refinement-09 .mt-stage-index {grid-column:1;grid-row:1}
 .refined-site .method-refinement-09 .mt-stage>details>summary>.mt-plus {grid-column:3;grid-row:1}
 .refined-site .method-refinement-09 .mt-stage-label>span {grid-column:1/-1;grid-row:2;margin:0}
 .refined-site .method-refinement-09 .mt-stage-body {padding:0 14px 18px}
}
@media(prefers-reduced-motion:reduce) {
 .refined-site .method-refinement-09 .mt-pattern-sample>summary {transition:none}
}