.commerce-protocol-page{container:commerce-page / inline-size}.commerce-reference-context{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.875rem}.commerce-implementation-pair{margin-block:var(--spacing-lg);border-block:1px solid var(--border-color);padding-block:var(--spacing-lg)}.doc-page .commerce-implementation-pair-title{margin:0 0 var(--spacing-md);color:var(--text-primary);font-weight:600}.commerce-implementation-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xl)}.commerce-implementation-reference{min-width:0;overflow-wrap:anywhere}.commerce-implementation-role{color:var(--text-secondary);font-size:var(--font-size-xs)}.doc-page .commerce-implementation-name{margin:var(--spacing-xs) 0 var(--spacing-sm);font-weight:600;line-height:1.4}.doc-page .commerce-implementation-reference>p:not(.commerce-implementation-name){margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm)}.commerce-implementation-source,.commerce-implementation-checks{font-size:var(--font-size-sm);overflow-wrap:anywhere}.commerce-implementation-source{display:inline-block;padding-block:var(--spacing-xs)}.commerce-implementation-checks{margin-top:var(--spacing-lg)}.commerce-implementation-checks summary{cursor:pointer}.commerce-run-details>.commerce-implementation-pair{margin:0;border:0;padding-top:0}@media(max-width:640px){.commerce-implementation-pair-grid{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.commerce-implementation-reference+.commerce-implementation-reference{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}}.commerce-journey{scroll-margin-top:90px;margin-block:2rem;border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.commerce-journey-steps{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.commerce-journey-steps a{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;color:var(--text-secondary);text-decoration:none}.commerce-journey-steps a[aria-current]{color:var(--text-primary);border-color:var(--border-color);background:var(--bg-primary);font-weight:600}.commerce-journey-steps a>span{color:var(--primary-color)}.commerce-journey-content{padding:clamp(1rem,3vw,2rem);animation:commerce-overlay-enter .18s ease-out}.commerce-journey-heading>span{font-size:.8rem;color:var(--text-secondary)}.doc-page .commerce-journey-heading h2{margin:.5rem 0 1rem;font-size:clamp(1.4rem,2.5vw,1.85rem);border:0;padding-top:0}.doc-page .commerce-journey-heading h2:first-of-type{margin-top:.5rem}.doc-page .commerce-role-benefits h2:first-of-type{margin-top:0;padding-top:0}.doc-page .commerce-journey-steps a:not(.anchor-link,.btn){border-bottom:1px solid transparent}.doc-page .commerce-journey-steps a[aria-current]:not(.anchor-link,.btn){border-color:var(--border-color)}.commerce-journey-heading h2:focus{outline:none}.commerce-journey-heading h2:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.commerce-journey-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0 1.5rem}.commerce-journey-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;border:1px solid var(--primary-color);border-radius:8px;padding:1.25rem .65rem;min-width:0}.commerce-journey-node>svg:first-child{color:var(--primary-color);margin-bottom:.25rem}.commerce-journey-node>span{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.commerce-journey-arrow{position:absolute;right:-1.65rem;top:50%;color:var(--text-secondary)}.commerce-journey-result{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;background:var(--bg-secondary)}.commerce-journey-result svg{flex-shrink:0;color:var(--primary-color)}.commerce-journey-term{border-left:2px solid var(--primary-color);padding:.25rem 0 .25rem 1rem;margin:1.5rem 0;font-size:.9rem}.doc-page .commerce-journey-term p{margin:.4rem 0}.commerce-journey-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);border-top:1px solid var(--border-color)}.commerce-journey-controls .btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem}.commerce-guide-next{padding-block:1rem}.commerce-technical-reference{margin-top:2rem}.commerce-operation{padding-block:1.5rem;border-bottom:1px solid var(--border-color)}.doc-page .commerce-operation h3{margin-top:0}.commerce-operation details{margin-top:.75rem}.commerce-operation summary{cursor:pointer;color:var(--text-secondary)}.commerce-operation code{overflow-wrap:anywhere}.commerce-operation dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.5rem 1rem;font-size:.9rem}.commerce-operation dd{margin:0}@media(max-width:600px){.commerce-journey{scroll-margin-top:126px}.commerce-journey-map{grid-template-columns:1fr;gap:1.5rem}.commerce-journey-node{padding:.75rem}.commerce-journey-arrow{right:calc(50% - 10px);top:auto;bottom:-1.4rem;transform:rotate(90deg)}.commerce-journey-steps{gap:.25rem;padding:.75rem}.commerce-journey-steps a{padding:.3rem .4rem}.commerce-journey-controls{gap:.5rem}.commerce-journey-controls .btn{padding:.6rem}}@media(prefers-reduced-motion:reduce){.commerce-journey-content{animation:none}}.commerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.commerce-build-result>.commerce-actions{margin-bottom:var(--spacing-md)}.commerce-role-benefits,.commerce-composition-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--spacing-lg);margin-block:var(--spacing-lg)}.commerce-ecosystem-guide [id]{scroll-margin-top:120px}.commerce-role-benefits article{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:8px}.doc-page .commerce-role-benefits h2,.doc-page .commerce-composition-results h3{margin-top:0;font-size:1.125rem}.commerce-composition-results>div{min-width:0;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:8px}.commerce-composition-proof .language-tabs-header{flex-wrap:wrap;overflow:visible}.commerce-composition-proof .language-tab{flex:1 1 8rem}.commerce-composition-proof code,.commerce-composition-proof summary{overflow-wrap:anywhere}.commerce-implementation a{overflow-wrap:anywhere}.commerce-implementation .code-block .language-text{white-space:pre-wrap;overflow-wrap:anywhere}.doc-page .commerce-source-steps li{margin-block:var(--spacing-lg)}.doc-page .commerce-source-steps p{margin-block:var(--spacing-xs) 0}.commerce-protocol-page .btn,.commerce-architecture-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:inherit}.commerce-overview{--commerce-highlight: var(--primary-dark)}:root.dark .commerce-overview{--commerce-highlight: var(--accent-color)}.commerce-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,4.5cqi,3rem);margin-bottom:clamp(2.5rem,5cqi,4rem);border:1px solid color-mix(in srgb,var(--primary-color) 25%,var(--border-color));border-radius:24px;background:radial-gradient(ellipse at 95% 5%,color-mix(in srgb,var(--accent-color) 14%,transparent),transparent 60%),radial-gradient(ellipse at 10% 100%,color-mix(in srgb,var(--primary-light) 12%,transparent),transparent 55%),var(--bg-secondary)}.commerce-hero:after{position:absolute;z-index:-1;top:12%;right:-9rem;width:25rem;height:25rem;border:1px solid color-mix(in srgb,var(--primary-color) 12%,transparent);border-radius:50%;box-shadow:0 0 0 3.5rem color-mix(in srgb,var(--primary-color) 4%,transparent),0 0 0 7rem color-mix(in srgb,var(--primary-color) 3%,transparent);content:"";pointer-events:none}.commerce-hero-topline,.commerce-hero-footer,.commerce-ecosystem-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.commerce-eyebrow{color:var(--commerce-highlight);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.commerce-standard-badge{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.6875rem}.doc-page .commerce-hero h1{margin:1.75rem 0 var(--spacing-lg);font-family:var(--font-family-display);font-size:clamp(2.5rem,6.3cqi,4.5rem);font-weight:800;line-height:1.08;letter-spacing:var(--tracking-display-tight)}.commerce-hero h1>span{display:block;width:fit-content;color:var(--commerce-highlight);background:linear-gradient(105deg,var(--commerce-highlight),var(--primary-color) 60%,var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.doc-page .commerce-hero-copy>p{max-width:540px;margin-bottom:var(--spacing-xl);font-size:var(--font-size-md);line-height:1.7}.commerce-hero .btn{min-height:44px}.commerce-hero-footer{margin-top:2.25rem;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-hero-footer a{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.commerce-ecosystem-heading{align-items:flex-end;margin-bottom:var(--spacing-xl)}.doc-page.commerce-overview .commerce-ecosystem-heading h2{margin:var(--spacing-sm) 0 0;padding:0;border:0;font-family:var(--font-family-display);font-size:clamp(1.35rem,3cqi,1.75rem);letter-spacing:var(--tracking-display)}.commerce-ecosystem,#ecosystem-role-detail{scroll-margin-top:90px}.doc-page .commerce-ecosystem-heading p{margin:0;font-size:var(--font-size-sm)}.commerce-ecosystem .commerce-businesses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--spacing-xl)}.commerce-businesses .platform-tab{min-height:44px;padding-inline:var(--spacing-sm);font-family:inherit}.commerce-ecosystem-canvas{padding:var(--spacing-xl);border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--bg-secondary) 55%,var(--bg-primary))}.commerce-ecosystem-roles{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) 76px minmax(0,1fr);align-items:stretch}.commerce-protocol-page .commerce-ecosystem-role{align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;min-width:0;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);text-align:left;font-weight:400;line-height:1.5;transition:border-color .15s ease,background-color .15s ease}.commerce-ecosystem-role[data-owned=true]{border-color:color-mix(in srgb,var(--commerce-highlight) 65%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 9%,var(--bg-primary))}.commerce-protocol-page .commerce-ecosystem-role:hover,.commerce-protocol-page .commerce-ecosystem-role[aria-expanded=true]{border-color:var(--commerce-highlight);background:color-mix(in srgb,var(--primary-color) 15%,var(--bg-primary))}.commerce-role-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.commerce-role-icon{display:inline-flex;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary)}.commerce-ecosystem-role[data-owned=true] .commerce-role-icon{color:var(--commerce-highlight);border-color:color-mix(in srgb,var(--primary-color) 25%,transparent);background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.commerce-role-ownership{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.6875rem}.commerce-ecosystem-role[data-owned=true] .commerce-role-ownership{color:var(--commerce-highlight)}.commerce-ecosystem-role>strong{font-size:var(--font-size-lg);font-weight:650}.commerce-role-description{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-role-action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-xl);color:var(--commerce-highlight);font-size:var(--font-size-xs);font-weight:500}.commerce-role-connection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-inline:var(--spacing-xs);color:var(--text-secondary);font-size:.6875rem;line-height:1.5;text-align:center}.commerce-app-boundary{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-app-boundary>svg{flex-shrink:0}.commerce-app-boundary>div{display:grid;gap:var(--spacing-xs)}.commerce-app-boundary strong{color:var(--text-primary);font-weight:500}.commerce-boundary-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-left:auto;white-space:nowrap}.doc-page .commerce-ecosystem-note{margin:var(--spacing-md) 0 var(--spacing-2xl);font-size:var(--font-size-xs)}.commerce-architecture{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:var(--spacing-xl);scroll-margin-top:90px}.commerce-architecture-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.doc-page .commerce-architecture-heading h2{margin:0;padding:0;border:0}.commerce-architecture-heading>span,.commerce-architecture small,.commerce-explore-section summary small{color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-architecture-map{display:grid;grid-template-columns:minmax(90px,1fr) 55px minmax(90px,1fr) 80px minmax(200px,2fr) 90px minmax(110px,1.1fr);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0 var(--spacing-lg)}.commerce-architecture-end,.commerce-connection{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.commerce-architecture-end .btn{width:100%;min-height:62px;flex-direction:column;padding-inline:var(--spacing-sm)}.commerce-connection{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.commerce-provider{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.commerce-connection small{overflow-wrap:normal;word-break:normal}.commerce-provider>strong{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.commerce-provider>small{display:block;text-align:center;margin-top:var(--spacing-xs)}.commerce-provider>div{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.commerce-provider .btn{width:100%}.commerce-app-connection,.commerce-contract-node{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.commerce-app-connection{padding:var(--spacing-sm);border-block:1px dashed var(--border-color);color:var(--text-secondary)}.commerce-contract-node{margin-top:var(--spacing-lg)}.commerce-part-detail{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.commerce-architecture-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:min(460px,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);box-shadow:0 12px 36px #0003}.commerce-architecture-modal::backdrop{background:#0000001f}.commerce-architecture-modal[open]{animation:commerce-overlay-enter .18s ease-out both}.commerce-architecture-modal[open][data-closing=true]{animation:commerce-overlay-exit .14s ease-in both;pointer-events:none}.commerce-architecture-modal[open]::backdrop{animation:commerce-backdrop-enter .18s ease-out both}.commerce-architecture-modal[open][data-closing=true]::backdrop{animation:commerce-backdrop-enter .14s ease-in reverse both}.commerce-build-result{animation:commerce-overlay-enter .22s ease-out both}.commerce-build-tabs{scroll-margin-top:90px}@keyframes commerce-overlay-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes commerce-overlay-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes commerce-backdrop-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.commerce-architecture-modal[open],.commerce-architecture-modal[open][data-closing=true],.commerce-architecture-modal[open]::backdrop,.commerce-architecture-modal[open][data-closing=true]::backdrop,.commerce-build-result{animation-duration:1ms;transform:none!important}}.commerce-architecture-modal-content{padding:var(--spacing-lg);overflow-wrap:anywhere}.commerce-architecture-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.commerce-architecture-modal-heading>span{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.commerce-architecture-modal-heading .btn{flex-shrink:0;width:44px;height:44px;padding:0;border-color:var(--border-color)}.commerce-architecture-modal h2{margin:0 0 var(--spacing-md);font-size:1.25rem;line-height:1.3;letter-spacing:var(--tracking-display-tight)}.commerce-architecture-modal-content>p{margin:0 0 var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.commerce-architecture-modal .commerce-actions{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.commerce-architecture-modal .commerce-actions .btn{min-height:44px}.commerce-explore-section{margin:var(--spacing-md) 0;border:1px solid var(--border-color);border-radius:8px;scroll-margin-top:90px}.commerce-explore-section>summary{padding:var(--spacing-lg);cursor:pointer}.commerce-explore-section>summary>span{font-weight:600}.commerce-explore-section summary small{margin-left:var(--spacing-md)}.commerce-explore-content{padding:0 var(--spacing-lg) var(--spacing-lg)}.commerce-build-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.doc-page .commerce-build-caption h3{margin:0 0 var(--spacing-sm);scroll-margin-top:90px}.commerce-build-caption p{margin:0 0 var(--spacing-sm)}.commerce-build-caption small,.commerce-capture-note{color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-step-controls{display:flex;gap:var(--spacing-xs)}.commerce-capture-link{display:block}.commerce-capture-link img{display:block;width:100%;height:auto;border-radius:6px}.commerce-run-details{padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}.commerce-run-details summary{cursor:pointer}.commerce-run-details[open]>summary{margin-bottom:var(--spacing-md)}@container commerce-page (max-width: 830px){.commerce-architecture-map{grid-template-columns:1fr;gap:var(--spacing-md)}.commerce-architecture-end .btn{width:min(100%,320px);min-height:0;flex-direction:row}.commerce-connection{flex-direction:row;justify-content:center}.commerce-connection svg{transform:rotate(90deg)}.commerce-provider{width:100%}.commerce-provider>div{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-app-connection{text-align:center}}@container commerce-page (max-width: 440px){.commerce-architecture{padding:var(--spacing-md)}.commerce-explore-section summary small{display:block;margin:var(--spacing-xs) 0 0}.commerce-build-caption{align-items:flex-start}}@container commerce-page (max-width: 720px){.commerce-ecosystem-roles{grid-template-columns:1fr}.commerce-role-connection{flex-direction:row;padding-block:var(--spacing-md)}.commerce-role-connection svg{transform:rotate(90deg)}.commerce-role-topline{margin-bottom:var(--spacing-md)}.commerce-boundary-label{display:none}}@container commerce-page (max-width: 440px){.commerce-hero{padding:var(--spacing-xl);border-radius:16px}.doc-page .commerce-hero h1{font-size:clamp(2rem,9cqi,2.5rem)}.commerce-hero .commerce-actions{align-items:stretch;flex-direction:column}.commerce-ecosystem .commerce-businesses{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm) 0}.commerce-ecosystem-canvas{padding:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){.commerce-overview .btn{transition:none}}
