/* Master Roblox Builder — order and terms pages.
   Uses the tokens, buttons and top bar from masterRobloxBuilder.css and the hero card from start/start.css. */
.order-page main { max-width: 760px; margin: 0 auto; padding: 34px var(--gut) 80px; }
.order-card { text-align: left; }
.order-card .actions { margin-top: 22px; }
.order-card .note { margin-top: 14px; font-size: 15.5px; color: var(--mute); padding-left: 12px; box-shadow: inset 2px 0 0 #4a5262; }
.order-card .note:empty { display: none; }
.btn-plain { color: var(--ink); background: var(--g3); box-shadow: inset 0 0 0 1px var(--g4); font-weight: 500; }
.btn-plain:hover { color: var(--cyan); }
.btn[hidden] { display: none; }
.policy { max-width: 760px; margin: 34px auto 0; display: grid; gap: 18px; }
.policy section { padding: 22px 24px; border-radius: 20px; background: var(--g3); box-shadow: inset 0 0 0 1px var(--g4); }
.policy h2 { font-size: clamp(21px, 2.4vw, 26px); }
.policy p, .policy li { margin-top: 8px; font-size: 16.5px; color: #d6dbe3; }
.policy ul { padding-left: 20px; }
.policy a, .order-card a:not(.btn) { color: var(--cyan); }
.policy .key { color: #fff; font-weight: 600; }