/* Documentation guidance only; business component tokens remain unchanged. */
.spec-card>.usage-guide{margin:24px 0;padding:20px 24px;background:var(--ui-white);border:1px solid var(--ui-border);border-radius:4px;color:var(--ui-body);font-size:14px;line-height:24px;font-weight:400}
.usage-guide>h4,.usage-guide strong,.usage-rule-summary>strong{font-size:14px;line-height:21px;font-weight:600;color:var(--ui-body)}
.usage-guide>h4{margin:0 0 12px}
.usage-guide>p{margin:12px 0;color:var(--ui-body);font-size:14px;line-height:24px;font-weight:400}
.usage-guide .table-scroll{margin:16px 0;max-width:100%;overflow-x:auto}
.usage-guide .table-scroll table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
.usage-guide .table-scroll table :is(th,td){text-align:left;vertical-align:top;padding:10px 12px;color:var(--ui-body);font-size:14px;line-height:24px;font-weight:400;border-bottom:1px solid var(--ui-divider);white-space:normal;overflow-wrap:anywhere}
.usage-guide .table-scroll table th{background:var(--ui-subtle);font-weight:600}
.usage-guide .table-scroll table :is(th,td):first-child{width:20%}
.usage-guide .table-scroll table :is(th,td):nth-child(2){width:30%}
.usage-guide .table-scroll table :is(th,td):nth-child(3){width:50%}
.usage-guide>p:last-child{margin-bottom:0}
.usage-rule-summary{margin:16px 0;padding-bottom:12px;border-bottom:1px solid var(--ui-divider);color:var(--ui-body);font-size:14px;line-height:24px;font-weight:400}
.usage-rule-summary>p{margin:8px 0;color:var(--ui-body);font-size:14px;line-height:24px;font-weight:400}
@media(max-width:760px){.spec-card>.usage-guide{padding:16px}.usage-guide .table-scroll table :is(th,td){padding:8px}.usage-guide .table-scroll table :is(th,td):first-child{width:22%}.usage-guide .table-scroll table :is(th,td):nth-child(2){width:28%}}
/* Keep the linked business location and its actual adoption boundary together. */
.spec-scenario-entry{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;min-width:0}
.spec-scenario-entry a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.spec-scenario-entry small{font-size:12px;font-weight:400;line-height:18px;color:var(--ui-help);max-width:48em}
