/* One flowing column: localization grows vertically, never hides instructions. */
.dm-guide-shell:has(.dm-google-toc) { min-width:0; }
.dm-google-section,.dm-google-toc {
  min-width:0; padding:clamp(16px,3vw,32px); border:1px solid var(--dm-public-border);
  border-radius:var(--dm-guide-radius); background:#10476d;
  color:var(--dm-public-text); overflow-wrap:anywhere;
}
.dm-google-section h2,.dm-google-toc h2 { margin:0 0 16px; line-height:1.3; }
.dm-google-section h3 { margin:24px 0 8px; line-height:1.4; }
.dm-google-section p { max-width:75ch; margin:8px 0 16px; line-height:1.7; }
.dm-google-media-note { margin:0; max-width:75ch; line-height:1.7; }
.dm-google-section a,.dm-google-toc a,.dm-google-video,.dm-google-crosslinks a {
  color:var(--dm-public-accent); text-decoration:underline; text-underline-offset:3px;
}
.dm-google-toc ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:32px; row-gap:8px; padding-inline-start:28px; margin:0; }
.dm-google-toc li { min-width:0; padding-inline-start:4px; }
.dm-google-toc a { display:flex; align-items:center; min-height:44px; line-height:1.5; }
.dm-google-toc-controls { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:16px; }
.dm-google-toc-controls a { min-width:0; }
.dm-google-steps { display:grid; gap:var(--dm-guide-shell-gap); margin:0; padding:0; list-style:none; }
.dm-google-step { scroll-margin-top:24px; }
.dm-google-step h3 { display:flex; align-items:flex-start; gap:12px; margin-top:0; }
.dm-google-step-number { display:grid; place-items:center; flex:0 0 32px; height:32px;
  border-radius:50%; background:var(--dm-public-accent); color:#062b46; font-size:16px; }
.dm-google-outcome { padding:12px 16px; border-inline-start:3px solid var(--dm-public-accent);
  background:#123e5c; border-radius:0 8px 8px 0; }
.dm-google-screenshot { margin:24px 0 0; min-width:0; }
.dm-google-screenshot a { display:block; }
.dm-google-screenshot img { display:block; width:100%; max-width:100%; height:auto;
  border:1px solid #8cd8f4; border-radius:12px; box-sizing:border-box; }
.dm-google-screenshot figcaption { padding-top:12px; line-height:1.6; font-size:.95rem; }
.dm-google-video { display:grid; gap:12px; max-width:240px; margin:0; line-height:1.5; }
.dm-google-video img { width:100%; height:auto; border-radius:12px; }
.dm-google-crosslinks { display:flex; flex-wrap:wrap; gap:8px 20px; padding-block:16px; }
.dm-google-crosslinks a { display:inline-flex; align-items:center; min-height:44px; max-width:100%; overflow-wrap:anywhere; }
.dm-guide-shell a:focus-visible { outline:3px solid #8cd8f4; outline-offset:4px; }
@media(max-width:700px) { .dm-google-toc ol { grid-template-columns:minmax(0,1fr); }
  .dm-google-toc-controls { display:grid; gap:8px; } }
@media(prefers-reduced-motion:reduce) { .dm-guide-shell { scroll-behavior:auto; } }