/* Scoped to the new editorial guide; existing pages retain their layout. */
.commerce-guide .article-hero {padding-block:32px 40px}
.commerce-guide .article-hero h1 {font-size:clamp(2.05rem,4.3vw,3.65rem);line-height:1.12;max-width:1120px;margin-bottom:24px;overflow-wrap:break-word}
.commerce-guide .article-hero>p {max-width:78ch;margin:0 0 20px;line-height:1.75}
.commerce-guide .article-layout {grid-template-columns:minmax(0,1fr);gap:28px}
.commerce-guide .article-layout>* {min-width:0}
.commerce-guide .prose {max-width:900px;color:#334e50}
.commerce-guide .prose h2 {scroll-margin-top:120px;margin-top:46px;line-height:1.25}
.commerce-guide .prose>aside:first-child {margin-top:0}
.commerce-guide .toc {padding:20px;border:1px solid #d2dfdd;border-radius:12px;background:#f7faf9}
.commerce-guide .toc summary {font-weight:700;cursor:pointer;line-height:1.5}
.commerce-guide .toc nav {padding-top:12px}
.commerce-guide .toc a {font-size:14px;line-height:1.5}
.commerce-guide .commerce-flow {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;list-style:none;padding:0;margin:28px 0 36px}
.commerce-guide .commerce-flow li {border:1px solid #cddcd8;border-radius:12px;background:#fff;padding:18px;line-height:1.5}
.commerce-guide .commerce-flow strong {display:block;color:#0f766e;margin-bottom:6px}
.commerce-guide .commerce-flow span {display:block;font-size:14px}
.commerce-guide .prose table {display:table;margin:0;font-size:14px}
.commerce-guide .commerce-table {max-width:100%;overflow-x:auto;margin:26px 0 34px;border-radius:10px;border:1px solid #d2dfdd}
.commerce-guide .commerce-table caption {text-align:left;padding:16px;font-weight:700;background:#f6faf8}
.commerce-guide .commerce-table th,.commerce-guide .commerce-table td {min-width:140px;padding:16px;vertical-align:top;line-height:1.65}
.commerce-guide .commerce-table th {background:#eaf2ef;color:#244c47}
.commerce-guide .commerce-example {padding:24px;background:#fff;border:1px solid #cddcd8;border-radius:14px;margin:28px 0}
.commerce-guide .commerce-example h3 {margin-top:0}
.commerce-guide .commerce-example p:last-child {margin-bottom:0}
.commerce-guide .commerce-related {display:grid;gap:16px;margin-top:24px}
.commerce-guide .commerce-related a {display:block;padding:20px;border:1px solid #cddcd8;border-radius:12px;background:#fff;line-height:1.55;text-decoration:none}
.commerce-guide .commerce-related a strong,.commerce-guide .commerce-related a span {display:block}
.commerce-guide .commerce-related a span {margin-top:8px;color:#516874;font-size:14px}
.commerce-guide .commerce-related a:focus-visible,.commerce-guide summary:focus-visible {outline:3px solid #0f766e;outline-offset:4px}
.commerce-guide .prose details {padding:20px 0;border-bottom:1px solid #cddcd8}
.commerce-guide .prose details summary {cursor:pointer;line-height:1.6;font-weight:700}
.commerce-guide .prose details p {margin:16px 0 0}
.commerce-guide .commerce-sources {font-size:14px}
@media(min-width:600px){.commerce-guide .commerce-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-guide .commerce-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.commerce-guide .article-layout{grid-template-columns:225px minmax(0,1fr);gap:56px}.commerce-guide .commerce-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-guide .toc{top:120px}}