
/* Shared responsive rules. No overflow clipping on the page root. */
body { min-width: 0; }
html, body { width: 100%; }
*, *::before, *::after { box-sizing: border-box; }
.container, .workspace, .order-layout, .card, .field, form, .stack { min-width: 0; }
input, select, textarea { min-width: 0; max-width: 100%; }
textarea { font: inherit; resize: vertical; min-height: 100px; }
button, a { overflow-wrap: anywhere; }
button:focus-visible, a:focus-visible { outline: 3px solid #087aa0; outline-offset: 3px; }
.nav a.btn { color: white; }
.nav a.btn.secondary { color: var(--ink); }
.top .nav { flex-wrap: wrap; }
.top .muted { max-width: 180px; overflow-wrap: anywhere; }
.platform { min-width: 0; }
.platform span { overflow-wrap: anywhere; }
.platform-grid { grid-template-columns: repeat(8,minmax(0,1fr)); }
.picker { grid-template-columns: repeat(4,minmax(0,1fr)); }
.service-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.filters { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; }
.filters label { font-weight: 600; }
.editor-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.spaced { margin-top: 24px; }
.workspace { padding-bottom: 40px; }
.summary h2 { font-size: 19px; overflow-wrap: anywhere; }
.summary dd { max-width: 220px; overflow-wrap: anywhere; }
.target-text { overflow-wrap: anywhere; color: var(--muted); }
.table-scroll { width: 100%; overflow-x: auto; }
.admin-table { overflow: visible; box-shadow: none; }
.admin-table td button { margin: 3px; white-space: normal; }
.admin-editor { margin-top: 20px; }
.check { display: flex; gap: 8px; align-items: center; }
dialog { width: min(480px,calc(100% - 24px)); max-height: calc(100% - 32px); overflow-y: auto; border: 1px solid var(--line); border-radius: 16px; padding: 22px; color: var(--ink); }
dialog::backdrop { background: rgba(15,35,50,.4); }
@media(max-width:1000px) {
 .platform-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .order-layout { grid-template-columns: minmax(0,1fr); }
 .summary { position: static; }
 .editor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .top>.container { gap: 10px; }
 .top .nav { gap: 10px; }
 .top .muted { max-width: 95px; }
 .hero h1 { font-size: clamp(34px,10vw,44px); overflow-wrap: anywhere; }
 .section-head { display: block; }
 .section-head>a { display: inline-block; margin-top: 10px; }
 .service-grid, .filters, .editor-grid { grid-template-columns: minmax(0,1fr); }
 .sidebar { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .picker { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .input, select, textarea { font-size: 16px; }
 .summary dd { max-width: 180px; }
 .footer { overflow-wrap: anywhere; }
}
@media(max-width:380px) {
 .platform-grid, .picker { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .top .muted { display: none; }
 .top>.container { gap: 6px; }
 .top .nav { margin-left: auto; gap: 6px; }
 .brand { font-size: 18px; gap: 5px; }
 .brand img { width: 30px; height: 30px; }
 .nav a { font-size: 13px; }
 .nav .btn { padding: 9px 10px; }
 .summary dl { grid-template-columns: minmax(0,1fr); }
 .summary dd { text-align: left; max-width: 100%; }
}


.wallet-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timeline{padding-left:22px}.timeline li{padding:0 0 20px}.timeline p{margin:6px 0}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.internal-note{background:#fff6db}.footer-links{display:flex;flex-wrap:wrap;gap:14px}textarea{font:inherit;padding:12px;border:1px solid #cbdbe6;border-radius:10px;resize:vertical;max-width:100%}pre{overflow-x:auto;max-width:100%;padding:16px;background:#f1f7fc;border-radius:10px}.wallet-cards strong{display:block}.target-text{overflow-wrap:anywhere}@media(max-width:700px){.wallet-cards{grid-template-columns:1fr}}

.service-card{align-content:start}.service-card dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.service-card dt{color:var(--muted)}.service-card dd{margin:0;text-align:right;font-weight:650}.service-card h2{margin:0 0 8px}.service-card .pill{justify-self:start}.timeline{margin:0}.sidebar{height:max-content}@media(max-width:700px){.sidebar{display:flex;overflow-x:auto;flex-wrap:nowrap;padding:10px;gap:4px}.sidebar .side-title{display:none}.sidebar .side-link{white-space:nowrap;flex:0 0 auto}}
