/* v10 — Support + legal documents: no navigation header, responsive cards. */
:root { color-scheme: light; --ink:#4a3f35; --muted:#807265; --line:#e8dfd5; --bg:#fffdf9; --accent:#5c4b3d; }
html,body { margin:0; min-height:100%; }
body.info-page { background:linear-gradient(180deg,#faf7f3,#fffdf9); color:var(--ink); font-family:Inter,'Segoe UI',-apple-system,BlinkMacSystemFont,system-ui,sans-serif; font-size:15px; line-height:1.55; padding:0 0 env(safe-area-inset-bottom); overflow-x:clip; }
.info-page *, .info-page *::before, .info-page *::after {box-sizing:border-box;}
.info-container { width:min(100% - 40px, 840px); margin-inline:auto; }
.info-main { padding:clamp(24px,5vw,58px) 0 clamp(32px,6vw,64px); }
.info-heading { margin:0 0 26px; }
.info-eyebrow { margin:0 0 7px!important; color:#998270!important; font-size:12px!important; font-weight:750; letter-spacing:.04em; }
.info-heading h1 { margin:0 0 9px; font-weight:800; font-size:clamp(30px,5.2vw,44px); letter-spacing:-.03em; line-height:1.13; overflow-wrap:anywhere; }
.info-heading > p:last-child { max-width:620px; margin:0; color:var(--muted); font-size:15px; line-height:1.6; }
.info-stack { display:grid; gap:14px; }
.info-card { background:#fff; min-width:0; border:1px solid var(--line); border-radius:20px; padding:23px 25px; box-shadow:0 8px 24px #4a3f3508; }
.info-card h2 { font-weight:800; font-size:19px; letter-spacing:-.018em; line-height:1.28; margin:0 0 9px; }
.info-card p,.info-card li { font-size:14px; color:#76695d; line-height:1.65; }
.info-card p { margin:0 0 10px; }
.info-card p:last-child { margin:0; }
.info-card a {color:var(--accent);text-underline-offset:3px;}
.info-faq {display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f3f8f2;border-color:#dce9da;}
.info-faq > div {min-width:0;}
.info-faq h2 {font-size:18px;}
.info-button {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:47px;padding:11px 18px;border:0;border-radius:13px;background:var(--accent);color:#fff!important;text-decoration:none!important;font:inherit;font-size:14px;font-weight:750;cursor:pointer;white-space:normal;text-align:center;}
.info-button:disabled {opacity:.6;cursor:wait;}
.info-button.secondary {background:#e8eee4;color:#445b45!important;}
.info-button:hover:not(:disabled) {filter:brightness(1.08);}
.info-button:focus-visible,.info-page a:focus-visible {outline:3px solid #a88765;outline-offset:3px;}
.info-card-top {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px;}
.info-card-top h2 {margin:0;}
.info-status {display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:#eaf4e9;color:#466f4f;font-size:12px;font-weight:750;white-space:nowrap;}
.info-status.is-closed {background:#f3eee8;color:#867668;}
.info-status.is-error {background:#fff0e9;color:#986144;}
.support-profile { display:flex;align-items:center;gap:12px;background:#f7f4ef;padding:12px 14px;border:1px solid var(--line);border-radius:14px;margin:8px 0 17px;min-width:0; }
.support-profile-avatar {display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#e3f2e0;color:#4f7b57;border-radius:12px;font-size:18px;font-weight:800;}
.support-profile-data {min-width:0;display:grid;line-height:1.3;gap:2px;}
.support-profile-data span {font-size:12px;color:var(--muted);}
.support-profile-data strong {font-size:15px;overflow-wrap:anywhere;}
.support-profile-link {margin-left:auto;color:#685644;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none;}
.support-hint {font-size:13px!important;color:var(--muted);line-height:1.55;}
.info-loading {margin:13px 0;color:var(--muted);font-size:14px;}
.info-field {display:grid;gap:7px;margin:15px 0;}
.info-field label {font-weight:750;font-size:13px;}
.info-field :is(input,textarea) {width:100%;min-height:48px;padding:12px 14px;background:#fffdfa;border:1px solid #ded5cb;border-radius:13px;color:var(--ink);font:inherit;font-size:16px;}
.info-field textarea {min-height:125px;resize:vertical;}
.info-field :is(input,textarea):focus-visible {outline:2px solid #bba48d;outline-offset:2px;}
.info-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;}
.info-alert {margin:13px 0;padding:12px 14px;font-size:13px;line-height:1.55;background:#fff3ec;color:#945a3d;border-radius:13px;border:1px solid #efd6c8;}
.info-alert:empty {display:none;}
.info-message-list {display:grid;gap:11px;max-height:min(58vh,540px);overflow-y:auto;overscroll-behavior:contain;margin:15px 0;padding:3px 1px;}
.info-message {max-width:min(90%,590px);padding:12px 14px;background:#f5f1ec;border-radius:16px;overflow-wrap:anywhere;}
.info-message.is-user {justify-self:end;background:#eaf3e8;}
.info-message.is-admin {justify-self:start;background:#edf4fc;}
.info-message strong {display:block;font-size:12px;margin:0 0 4px;}
.info-message p {margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}
.info-meta {display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0 5px;}
.info-meta strong {font-size:15px;overflow-wrap:anywhere;}
.info-more-help {background:#fffdf9;}
.info-footer {display:flex;justify-content:space-between;gap:12px;padding:18px 0 28px;border-top:1px solid var(--line);color:#938373;font-size:13px;}
.info-footer a {color:#6e5e50;text-decoration:none;}
.info-footer a:hover {text-decoration:underline;}
[hidden] {display:none!important;}
@media(max-width:640px) {
  .info-container {width:calc(100% - 28px);}
  .info-main {padding:27px 0 32px;}
  .info-heading {margin-bottom:18px;}
  .info-heading h1 {font-size:32px;}
  .info-heading > p:last-child {font-size:14px;}
  .info-stack {gap:11px;}
  .info-card {padding:18px 16px;border-radius:17px;}
  .info-card h2 {font-size:18px;}
  .info-faq {flex-direction:column;align-items:stretch;gap:12px;}
  .info-faq .info-button {width:100%;}
  .info-card-top {align-items:flex-start;}
  .support-profile {padding:11px 10px;gap:9px;}
  .support-profile-link {font-size:12px;}
  .info-field textarea {min-height:140px;}
  .info-button {width:100%;}
  .info-toolbar {display:block;}
  .info-footer {padding-bottom:32px;}
}