/* Shared content spacing. Border-only lists retain their padded parent. */
:is(.panel,.card,.dashboard-card,.service-help,.guide-step,.delivery-card,.support-primary,.support-email,.discussion-compose,.ticket-message,.community-notice,.surface){padding:var(--surface-inset);min-width:0;overflow-wrap:anywhere}
.surface-stack{display:grid;gap:var(--surface-gap);margin-block:var(--surface-gap)}
.order-row.panel{padding:var(--row-inset) var(--surface-inset);margin-block:0;gap:var(--content-gap);flex-wrap:wrap}
.order-row.panel>b{flex:1;min-width:140px;overflow-wrap:anywhere}.order-row.panel>bdi{flex-shrink:0}.order-row.panel .badge{margin:0}
:is(.panel,.card,.dashboard-card,.service-help,.guide-step,.delivery-card,.support-primary,.support-email,.discussion-compose,.ticket-message,.surface)>:first-child{margin-block-start:0}
:is(.panel,.card,.service-help,.guide-step,.support-primary,.support-email,.discussion-compose,.ticket-message,.surface)>:last-child{margin-block-end:0}
:is(.panel,.surface)+:is(.panel,.surface,.btn,.actions),.surface-stack+:is(.btn,.actions){margin-block-start:var(--surface-gap)}
:is(.panel,.surface) :is(.detail-list li,.total-row,.configuration>div){padding-block:var(--content-gap)}
:is(.panel,.surface) :is(h2,h3)+p{margin-block-start:12px}
.discussion-comment{padding:var(--row-inset)}
.ticket-row{padding-block:var(--row-inset)}
.service-options>a{padding:var(--surface-inset)}
@media(max-width:700px){.order-row.panel>b{flex-basis:100%}.order-row.panel{justify-content:space-between}.community-notice{gap:12px}}
.surface-stack>:is(.panel,.surface){margin-block:0}