/* Scoped additions keep the shared chrome and existing media modules intact. */
.guide-context { margin: 0 0 48px; padding: 0 0 32px; border-bottom: 1px solid var(--line); }
.guide-context__byline { color: var(--muted); font-size: 14px; }
.guide-context h3 { font-family: var(--f-head); line-height: 1.25; margin: 32px 0 12px; }
.guide-context__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 28px 0; }
.guide-context__steps > div { border: 1px solid var(--line); border-radius: 14px; padding: 20px; background: var(--bg-soft); }
.guide-context__steps > div > span { color: var(--rose-deep); font-family: var(--f-head); font-size: 28px; font-weight: 800; }
.guide-context__steps h3 { font-size: 18px; margin: 12px 0; }
.guide-context__steps p { font-size: 15px; line-height: 1.55; margin: 0; }
.guide-context__table { overflow-x: auto; margin: 24px 0; border: 1px solid var(--line); border-radius: 12px; }
.guide-context__table:focus-visible { outline: 3px solid var(--rose-deep); outline-offset: 3px; }
.guide-context table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45; }
.guide-context caption { padding: 16px; text-align: left; font-weight: 700; background: var(--bg-soft); }
.guide-context th, .guide-context td { padding: 14px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
.guide-context thead { background: var(--bg-soft); }
.guide-context tbody th { font-weight: 600; }
.guide-context__method { background: var(--bg-soft); padding: 22px; border-left: 3px solid var(--rose); margin-top: 32px; }
.guide-context__method h3 { margin-top: 0; font-size: 18px; }
.guide-context__method p { font-size: 14px; line-height: 1.65; }
.guide-context__method p:last-child { margin-bottom: 0; }
.guide-context__steps--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-context section[id], .guide-context h3[id] { scroll-margin-top: 110px; }
@media (max-width: 620px) {
  .guide-context__steps { grid-template-columns: 1fr; }
  .guide-context th, .guide-context td { padding: 10px; font-size: 13px; overflow-wrap: break-word; }
}