/* Run 3 scoped additions only. Accepted site.css/components/tokens unchanged. */
.gm-mode-grid small { display:block; margin-top:.25rem; font-size:.8rem; font-weight:400; }
.gm-prompt label { display:block; font-weight:700; margin-bottom:.5rem; }
.gm-prompt textarea { width:100%; box-sizing:border-box; min-height:10rem; padding:.75rem; border:1px solid var(--gm-line); border-radius:var(--gm-radius); background:var(--gm-paper); color:var(--gm-body); font:inherit; line-height:1.5; resize:vertical; }
.gm-prompt textarea:focus-visible { outline:3px solid var(--gm-gold); outline-offset:3px; }
.gm-prompt .gm-actions { margin-top:.75rem; }
.gm-section[id] { scroll-margin-top:1rem; }

/* Pre-launch Batch B2 — audience-first Explore / mode page treatment. */
.b2-hero{background:var(--gm-ivory);border-bottom:1px solid var(--gm-line);padding:3.25rem 0}
.b2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center}
.b2-hero h1{font-size:clamp(2.5rem,4.6vw,4.4rem);line-height:1.02;margin:.35rem 0 1rem}
.b2-hero .site-proposition{font-size:clamp(1.35rem,2.3vw,1.9rem);line-height:1.22;color:var(--gm-ink);font-weight:700}
.b2-intro{font-size:1.08rem;line-height:1.65;max-width:44rem}
.b2-hero-media{margin:0;background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:1.25rem;padding:.65rem;box-shadow:0 1rem 2.5rem rgba(35,8,66,.08)}
.b2-hero-media img{display:block;width:100%;height:23rem;object-fit:cover;border-radius:.9rem}
.b2-hero-pair{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.b2-hero-pair figure{margin:0}.b2-hero-pair img{width:100%;height:18rem;object-fit:cover;border-radius:.8rem}
.b2-media{margin:0}.b2-media img{width:100%;max-height:25rem;object-fit:contain;border-radius:.8rem;background:var(--gm-paper)}
.b2-media figcaption{font-size:.8rem;margin-top:.45rem;color:var(--gm-body)}
.b2-method h2,.b2-transfer h2,.b2-example h2,.b2-role-grid h2,.b2-prompt h2{font-size:clamp(1.75rem,2.8vw,2.45rem);line-height:1.12}
.b2-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.b2-method-grid article{background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:1rem;padding:1.25rem}
.b2-method-grid article>span{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--gm-plum);color:#fff;font-weight:700;margin-bottom:.75rem}
.b2-method-grid h3{font-size:1.25rem;margin-bottom:.45rem}
.b2-transfer{background:#f7f1e9;border-block:1px solid #ddd2c5;margin-inline:calc(50% - 50vw);padding-inline:max(var(--gm-gutter),calc((100vw - var(--gm-container))/2))}
.b2-transfer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}
.b2-transfer-grid p{font-size:1.04rem;line-height:1.62}
.b2-example-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:start}
.b2-example-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.b2-example-media:has(figure:only-child){grid-template-columns:1fr}
.b2-example-mark{min-height:15rem;display:grid;place-items:center;background:var(--gm-card);border:1px solid var(--gm-line);border-radius:1rem;text-align:center;padding:1.5rem}
.b2-example-mark span{font-size:4rem;color:var(--gm-gold)}
.b2-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.b2-role-grid article{border:1px solid var(--gm-line);border-radius:1rem;padding:1.4rem;background:var(--gm-paper)}
.b2-prompt-box{background:var(--gm-plum);color:#fff;border-radius:1.25rem;padding:1.75rem}
.b2-prompt-box h2,.b2-prompt-box .gm-eyebrow{color:#fff}
.b2-prompt-box blockquote{margin:1rem 0;font-size:1.05rem;line-height:1.6}
.b2-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.b2-mode-card{display:block;background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:1rem;padding:1.2rem;text-decoration:none;color:inherit}
.b2-mode-card span{font:700 .72rem/1 var(--gm-sans);letter-spacing:.14em;color:var(--gm-gold)}
.b2-mode-card h3{font-size:1.35rem;margin:.35rem 0 .45rem}.b2-mode-card p{margin:0;font-size:.9rem}
.b2-mode-card:nth-child(5){grid-column:2}.b2-mode-card:nth-child(7){grid-column:auto}
.b2-explore-story{max-width:58rem}
@media(max-width:64rem){
 .b2-hero-grid,.b2-transfer-grid,.b2-example-grid{grid-template-columns:1fr}
 .b2-hero-media img{height:auto;max-height:28rem;object-fit:contain}
 .b2-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b2-mode-card:nth-child(5){grid-column:auto}
}
@media(max-width:40rem){
 .b2-hero{padding:2rem 0}.b2-hero h1{font-size:2.55rem}
 .b2-method-grid,.b2-role-grid,.b2-mode-grid{grid-template-columns:1fr}
 .b2-example-media,.b2-hero-pair{grid-template-columns:1fr 1fr}
 .b2-hero-pair img{height:12rem}
 .b2-transfer{margin-inline:calc(50% - 50vw)}
}

/* B2 acceptance corrections — source-grounded visuals and Build hero treatment. */
.b2-build-hero{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.55rem;align-items:center;background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:1.25rem;padding:1.2rem;box-shadow:0 1rem 2.5rem rgba(35,8,66,.08)}
.b2-build-hero>div{min-height:7.25rem;display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:.85rem;border-radius:.8rem;background:#f7f1e9;text-align:center}
.b2-build-hero strong{color:var(--gm-ink);font-size:1rem}.b2-build-hero small{font-size:.78rem;line-height:1.35;color:var(--gm-body)}
.b2-build-hero>span{color:var(--gm-gold);font-size:1.6rem}
.b2-example-sequence{background:#f3f6fa;border:1px solid var(--gm-line);border-radius:1rem;padding:1.4rem}
.b2-example-sequence ol{list-style:none;margin:1rem 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.b2-example-sequence li{background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:999px;padding:.65rem .85rem;font-weight:700;color:var(--gm-ink)}
.b2-example-sequence li:not(:last-child)::after{content:" →";color:var(--gm-gold)}
.b2-decision-visual{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.b2-decision-visual article{background:#f3f6fa;border:1px solid var(--gm-line);border-radius:1rem;padding:1.2rem}
.b2-decision-visual h3{font-size:1.2rem}
@media(max-width:64rem){.b2-build-hero{grid-template-columns:1fr}.b2-build-hero>span{transform:rotate(90deg);text-align:center}.b2-decision-visual{grid-template-columns:1fr}}

/* B2.1 editorial/example refinement. */
.b21-example-intro{font-size:1.05rem;line-height:1.62;font-weight:600}
.b21-transfer-list{margin:0 0 1rem;padding-left:1.25rem}
.b21-transfer-list li{margin:.55rem 0;line-height:1.5}
.b21-transfer-close{font-family:var(--gm-serif);font-size:1.08rem;font-style:italic;color:var(--gm-ink)}
.b2-example-media img{width:100%;height:auto;max-height:31rem;object-fit:contain}

/* Final Build image review: approved image replaces the introductory process
   diagram, without altering the method or later worked-example diagram. */
.b2-hero .b3-build-hero{margin:0}
.b2-hero .b3-build-hero img{
  display:block;width:100%;height:auto;max-height:32rem;object-fit:contain;
  background:var(--gm-paper);
}
@media(max-width:40rem){
  .b2-hero .b3-build-hero img{max-height:26rem;object-fit:contain}
}

/* QA: clear project/case-study onward journey; preserve existing editorial examples. */
.b2-deeper-links{
  margin-top:1.35rem;display:grid;gap:.7rem;
  border-radius:.85rem;padding:1.1rem 1.25rem;
  background:var(--gm-plum);color:#fff;
}
.b2-deeper-links .gm-eyebrow{color:#e8daf3;margin:0 0 .15rem}
.b2-deeper-dive{
  display:flex;justify-content:space-between;gap:.8rem;align-items:center;
  min-height:3.2rem;line-height:1.4;
  padding:.75rem .95rem;border:1px solid #d7c4e5;
  border-radius:.5rem;color:#fff;text-decoration:none;font-weight:700;
}
.b2-deeper-dive:visited{color:#fff}
.b2-deeper-dive:hover{background:rgba(255,255,255,.12);text-decoration:underline}
.b2-deeper-dive:focus-visible{outline:3px solid #f3d78b;outline-offset:3px}
.b2-deeper-dive span{flex:none;font-size:1.2rem}

/* QA: equal-sized editorial image frames for paired Explore examples. */
.b2-example-media:has(figure:nth-child(2)) figure{min-width:0}
.b2-example-media:has(figure:nth-child(2)) img{display:block;width:100%;height:clamp(11rem,23vw,17rem);max-height:none;object-fit:contain;background:var(--gm-paper)}
.b2-hero-pair img{object-fit:contain;background:var(--gm-paper)}
@media(max-width:40rem){.b2-example-media:has(figure:nth-child(2)) img{height:clamp(8rem,28vw,12rem)}}

/* Final laptop review: visually centre the last three of seven equally sized
   Explore cards beneath the first four; retain tablet/mobile grids. */
@media(min-width:64.01rem){
 .b2-mode-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
 .b2-mode-grid>.b2-mode-card{grid-column:span 2;min-width:0}
 .b2-mode-grid>.b2-mode-card:nth-child(5){grid-column:2 / span 2}
 .b2-mode-grid>.b2-mode-card:nth-child(6){grid-column:4 / span 2}
 .b2-mode-grid>.b2-mode-card:nth-child(7){grid-column:6 / span 2}
}

/* Run 10.5 contrast correction for small route numerals. */
.b2-mode-card>span{color:#80591d}