/* /guides — long-form guide layout. Uses the shared site tokens from commerce.v5.css. */
article.guide { max-width: 860px; margin-top: .5rem; line-height: 1.6; }
article.guide[hidden] { display: none; }
article.guide h1 { font-size: 2rem; margin: .5rem 0 1rem; }
article.guide h2 { font-size: 1.25rem; margin: 2.25rem 0 .75rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.08); }
article.guide p, article.guide li { color: inherit; }
article.guide ul, article.guide ol { padding-left: 1.4rem; margin: .5rem 0 1rem; }
article.guide li { margin: .4rem 0; }
article.guide li > ul, article.guide li > ol { margin: .4rem 0; }
article.guide code { font-family: 'JetBrains Mono', monospace; font-size: .9em; padding: .1em .35em; border-radius: 4px; background: rgba(255,255,255,.08); }
article.guide img { display: block; max-width: 100%; height: auto; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); margin: .5rem 0; }
article.guide .shots { display: flex; flex-wrap: wrap; gap: .75rem; align-items: flex-start; }
article.guide .shots img { flex: 1 1 280px; max-width: 420px; }
article.guide .tblwrap { overflow-x: auto; margin: 1rem 0; }
article.guide table { border-collapse: collapse; width: 100%; font-size: .95rem; }
article.guide th, article.guide td { text-align: left; vertical-align: top; padding: .6rem .75rem; border-bottom: 1px solid rgba(255,255,255,.1); }
article.guide th { font-weight: 700; }
@media (max-width: 600px) { article.guide h1 { font-size: 1.6rem; } article.guide .shots img { flex-basis: 100%; max-width: 100%; } }