/* Shared public documents and previews. Mini App CSS is deliberately separate. */
body[data-page="document"] .legal{color:#162032;background:#fff;border-radius:28px;margin-block:64px 96px;padding:64px clamp(24px,5vw,72px);max-width:1000px;box-shadow:0 18px 70px #0000000a;overflow-wrap:anywhere}
.legal article{max-width:820px;margin-inline:auto}
.legal h1{font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 30px;font-weight:750;text-wrap:balance}
.legal h2{font-size:clamp(24px,2.3vw,30px);line-height:1.23;letter-spacing:-.025em;margin:48px 0 18px;font-weight:700}
.legal p,.legal li{font-size:17px;line-height:1.75;color:#445267;margin:0 0 20px}
.legal strong{color:#162032;font-weight:650}.legal a{color:#096cba;text-underline-offset:4px}.legal code{font-size:.9em;background:#eff5fa;border-radius:6px;padding:3px 6px;color:#26364b}
.legal .updated{font-size:14px;color:#718097;padding-bottom:24px;border-bottom:1px solid #e5ecf2;margin-bottom:30px}
.legal table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px;line-height:1.6;margin:28px 0;border:1px solid #dfe8ef;border-radius:16px;overflow:hidden;table-layout:fixed}
.legal th,.legal td{text-align:start;padding:18px;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e5ecf2}.legal th{background:#f3f8fc;font-weight:650;color:#162032}.legal tr:last-child td{border-bottom:0}.legal th:first-child,.legal td:first-child{width:38%}
.legal .notice{padding:22px 24px;background:#eff8ff;border:1px solid #d2eafa;border-radius:16px;margin:28px 0}.legal .notice p:last-child{margin:0}
.legal .support-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0 44px}.legal .support-option{border:1px solid #dfe8ef;border-radius:20px;padding:28px;background:#f7fafc;display:flex;flex-direction:column;min-width:0}.legal .support-option h2{margin:0 0 16px}.legal .support-option p{font-size:16px}.legal .support-option .cta{margin-top:auto;align-self:flex-start;color:white}.legal .support-option .cta.secondary{color:#096cba;background:#e5f1fa;border-color:transparent}
.preview-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(40px,7vw,104px);align-items:center;padding-block:88px 108px;min-height:70vh}
.preview-copy,.preview-art{min-width:0}.preview-page h1{font-size:clamp(38px,5.4vw,76px);font-weight:730;line-height:1.07;letter-spacing:-.045em;margin:0 0 28px;overflow-wrap:anywhere;text-wrap:balance}
.preview-quiz-title{color:var(--muted);font-size:17px;line-height:1.45;margin:0 0 18px;overflow-wrap:anywhere}.preview-description{font-size:18px;line-height:1.7;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 30px;max-width:580px}.preview-launch{max-width:100%}
.preview-art{margin:0;padding:14px;border-radius:26px;background:linear-gradient(145deg,#28c5ff16,#8490ff0a);border:1px solid #ffffff13;box-shadow:0 30px 90px #0004}.preview-art img{display:block;width:100%;height:auto;border-radius:15px}.preview-demo{font-size:14px;line-height:1.6;color:var(--muted);margin-top:20px}.preview-header-cta{margin-inline-start:auto}
.preview-page .eyebrow{display:block}.preview-header-cta{width:auto;height:auto;min-height:44px;flex-shrink:1;white-space:normal;text-align:center}
@media(max-width:760px){body[data-page="document"] .legal{width:calc(100% - 32px);margin-block:32px 56px;border-radius:22px;padding:32px 24px}.legal h1{margin-bottom:24px}.legal h2{margin-top:36px}.legal p,.legal li{font-size:16px;line-height:1.7}.legal .support-options{grid-template-columns:1fr;gap:16px}.legal .support-option{padding:24px}.legal th,.legal td{padding:12px;font-size:13px}.preview-page{grid-template-columns:1fr;padding-block:44px 64px;gap:32px}.preview-page h1{font-size:clamp(34px,9vw,58px)}.preview-description{font-size:16px}.preview-art{width:min(100%,460px);margin-inline:auto;padding:10px}.preview-launch{width:100%;min-height:54px}.preview-page .eyebrow{font-size:12px}}
@media(max-width:360px){body[data-page="document"] .legal{padding:28px 18px}.legal h1{font-size:30px}.legal th,.legal td{padding:10px;font-size:12px}.legal .support-option .cta{font-size:14px;width:100%;padding-inline:14px}.preview-header-cta{font-size:13px;padding-inline:14px}}
