.app-shell { max-width: 1200px; }
.supporting-content { max-width: none; }
.supporting-section { position: relative; z-index: 0; max-width: 960px; padding: 4.5rem 0; margin: 0 auto; }
.supporting-section::before { position: absolute; z-index: -1; inset: 0 auto 0 50%; width: 100vw; background: var(--ojt-page); content: ""; transform: translateX(-50%); }
.supporting-section:nth-child(odd)::before { background: #fff; border-top: 1px solid var(--ojt-border); border-bottom: 1px solid var(--ojt-border); }
.builder-output { min-height: 100%; background: #f8f9fa; border: 1px solid var(--ojt-border); border-radius: .75rem; }
.tracking-url { min-height: 9rem; overflow-wrap: anywhere; word-break: break-word; white-space: pre-wrap; resize: vertical; }
.privacy-note { background: #eaf7f2; border: 1px solid #cceade; border-radius: .65rem; }
.required-label::after { color: var(--bs-danger); content: " *"; }
.output-actions .btn { flex: 1 1 8rem; }
.example-url { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 767.98px) { .supporting-section { padding: 3.5rem 0; } }