/* Localized practical guides extend the existing supporting-page presentation. */
.product-guide .guide-intro { max-inline-size: 780px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.product-facts { margin: 0; border-block-start: 1px solid var(--line); }
.product-facts > div { display: grid; grid-template-columns: minmax(160px, .35fr) minmax(0, 1fr); gap: 24px; padding-block: 22px; border-block-end: 1px solid var(--line); }
.product-facts dt { font-size: 15px; font-weight: 600; line-height: 1.8; }
.product-facts dd { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.command-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-block: 30px; }
.command-examples article { min-inline-size: 0; }
.command-examples p { color: var(--muted); font-size: 14px; line-height: 1.8; }
.command-examples pre { direction: ltr; text-align: left; unicode-bidi: isolate; overflow-x: auto; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; font-size: 13px; line-height: 1.8; }
.command-examples code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.guide-media { margin: 36px 0 0; }
.guide-media img { inline-size: 100%; border: 1px solid var(--line); border-radius: 14px; }
.guide-media figcaption { padding-block: 12px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.guide-next { margin: 28px 0 0; font-size: 14px; font-weight: 600; }
@media (max-width: 640px) { .product-facts > div { grid-template-columns: 1fr; gap: 6px; }.command-examples { grid-template-columns: 1fr; gap: 16px; }.product-guide .guide-intro { font-size: 15px; } }