.support-page { background:#fff; color:#303034; font-family:var(--nav-sans); }
.support-page h1, .support-page h2, .support-page h3 { font-family:var(--nav-sans); }
.support-page [hidden] { display:none !important; }
.support-page :focus-visible { outline:2px solid #9a8068; outline-offset:4px; }
.support-skip { position:fixed; top:-70px; left:22px; z-index:200; padding:12px 18px; background:#fff; border:1px solid #a89a8a; border-radius:8px; }
.support-skip:focus { top:8px; }
.support-topbar { border-bottom:1px solid #e7e5e1; }
.support-topbar > div { max-width:1034px; padding:0 22px; min-height:61px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.support-topbar > div > span { font-size:17px; font-weight:500; }
.support-topbar a { font-size:12px; color:#6e6e73; text-decoration:none; }
.support-topbar a:hover { color:#303034; }
.support-topbar a span { margin-left:8px; }
.support-main { width:min(calc(100% - 44px),990px); margin:48px auto 76px; }
.support-heading { margin-bottom:35px; }
.support-eyebrow { margin:0 0 12px; color:#806850; font-size:10px; letter-spacing:.15em; line-height:1.5; }
.support-heading h1 { margin:0; font-size:34px; line-height:1.5; font-weight:500; letter-spacing:-.025em; }
.support-heading > p:last-child { margin:12px 0 0; color:#6e6e73; font-size:13px; line-height:1.8; }
.support-mobile-break { display:none; }
.support-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:42px; align-items:start; }
.support-story { position:relative; height:284px; overflow:hidden; border-radius:15px; background:#e8e5df; }
.support-story::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(32,29,22,.5),transparent 75%); }
.support-story img { width:100%; height:100%; display:block; object-fit:cover; object-position:45% 50%; }
.support-story > p { position:absolute; z-index:1; left:23px; bottom:23px; margin:0; color:#fff; font-size:22px; font-weight:400; line-height:1.6; }
.support-overview-copy { padding:25px 0 0; }
.support-overview-copy h2 { font-size:15px; font-weight:500; line-height:1.5; margin:0 0 10px; }
.support-overview-copy p { margin:0 0 18px; font-size:12px; line-height:1.95; color:#6e6e73; }
.support-overview-copy a { font-size:12px; color:#806850; text-decoration:none; }
.support-overview-copy a:hover { text-decoration:underline; }
.support-overview-copy a span { padding-left:9px; }
.support-chat { min-width:0; border:1px solid #e3e1dd; border-radius:16px; box-shadow:0 8px 32px rgba(44,39,32,.035); overflow:hidden; }
.support-chat-header { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:21px 24px; background:#fbfaf8; border-bottom:1px solid #e9e7e3; }
.support-chat-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.support-avatar { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:50%; background:#eae5dc; color:#756553; font-family:Georgia,serif; font-size:24px; font-style:italic; }
.support-chat-header h2 { margin:0; font-size:14px; font-weight:500; line-height:1.6; }
.support-chat-header p { margin:2px 0 0; color:#6e6e73; font-size:11px; line-height:1.4; }
.support-connection { padding:5px 9px; flex:none; border:1px solid #d5d0c9; border-radius:5px; color:#6e6e73; font-size:10px; white-space:nowrap; }
.support-preview-note { margin:20px 24px 0; padding:12px 14px; border:1px solid #e9e4dc; border-radius:8px; background:#faf8f4; }
.support-preview-note strong { display:block; margin:0 0 4px; font-size:11px; font-weight:500; color:#7c6956; }
.support-preview-note p { margin:0; font-size:11px; line-height:1.8; color:#6e6e73; }
.support-product { display:flex; align-items:center; gap:13px; margin:16px 24px 0; padding:12px; border:1px solid #e7e5e0; border-radius:9px; color:#303034; text-decoration:none; }
.support-product:hover { background:#fcfbf9; }
.support-product > img { display:block; width:64px; height:59px; flex:none; object-fit:contain; border-radius:5px; background:#f4f3f0; }
.support-product > div { min-width:0; }
.support-product > div > span { display:block; color:#6e6e73; font-size:10px; }
.support-product strong { display:block; margin:5px 0; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.support-product p { margin:0; color:#6e6e73; font-size:11px; line-height:1.5; }
.support-product-arrow { margin-left:auto; padding-left:4px; color:#8b7561; }
.support-product-unavailable { margin:16px 24px 0; color:#806850; font-size:11px; line-height:1.8; }
.support-messages { height:283px; overflow-y:auto; overscroll-behavior:contain; padding:24px; scrollbar-width:thin; scrollbar-color:#d5d0c9 transparent; }
.support-empty { height:100%; min-height:200px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#6e6e73; }
.support-empty-icon { display:grid; place-items:center; width:51px; height:51px; border-radius:50%; color:#958672; background:#f6f3ef; margin-bottom:15px; }
.support-empty-icon svg { width:34px; height:34px; }
.support-empty h3 { margin:0 0 10px; font-size:16px; font-weight:400; color:#454549; }
.support-empty p { margin:0; font-size:12px; line-height:1.9; }
.support-message { width:fit-content; max-width:84%; margin:0 0 20px auto; }
.support-message-label { margin:0 0 7px; text-align:right; font-size:10px; color:#6e6e73; line-height:1.5; }
.support-message-body { padding:13px 16px; border-radius:13px 3px 13px 13px; background:#eee9e0; color:#49443e; font-size:13px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.support-message-state { margin:5px 0 0; text-align:right; font-size:10px; line-height:1.5; color:#6e6e73; }
.support-compose { padding:0 24px 16px; }
.support-topics { display:flex; flex-wrap:wrap; gap:7px; padding:0 0 17px; }
.support-topics button { padding:7px 11px; border:1px solid #e4e1da; border-radius:20px; font:400 11px/1.4 var(--nav-sans); background:#fff; color:#6e6359; cursor:pointer; }
.support-topics button:hover { background:#f7f4ee; }
.support-topics button:disabled { cursor:default; opacity:.6; }
.support-input-label { display:block; margin:0 0 9px; font-size:11px; color:#6e6e73; }
.support-compose textarea { display:block; width:100%; resize:vertical; min-height:100px; max-height:220px; border:1px solid #dedbd5; border-radius:10px; padding:13px 14px; background:#fff; color:#39393d; font:400 13px/1.8 var(--nav-sans); }
.support-compose textarea::placeholder { color:#a2a0a2; }
.support-compose textarea:focus { outline:none; border-color:#a28a71; box-shadow:0 0 0 2px #a28a711c; }
.support-compose textarea[aria-invalid="true"] { border-color:#b04e41; }
.support-input-info { display:flex; gap:14px; align-items:flex-start; justify-content:space-between; min-height:25px; padding-top:6px; }
.support-input-info > span { margin-left:auto; flex:none; color:#6e6e73; font-size:10px; line-height:1.6; }
.support-field-error { margin:0; color:#b04e41; font-size:11px; line-height:1.6; }
.support-send-row { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.support-send-row p { margin:0; color:#6e6e73; font-size:10px; line-height:1.7; }
.support-send-row p span { color:#6e6e73; }
.support-send { display:flex; align-items:center; justify-content:center; gap:12px; flex:none; min-height:44px; padding:0 18px; color:#fff; background:#474139; border:1px solid #474139; border-radius:8px; font:400 12px/1.4 var(--nav-sans); cursor:pointer; }
.support-send:hover { background:#302d28; }
.support-send:disabled { opacity:.5; cursor:default; }
.support-send svg { width:19px; height:19px; }
.support-chat-footer { border-top:1px solid #edeae6; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 24px; }
.support-chat-footer > span { font-size:10px; line-height:1.6; color:#6e6e73; }
.support-chat-footer > button { flex:none; color:#6e6359; font:400 10px/1.5 var(--nav-sans); border:0; background:none; cursor:pointer; padding:4px 0; }
.support-chat-footer > button:disabled { opacity:.45; cursor:default; }
.support-noscript { font-size:12px; line-height:1.8; color:#9f5a44; }
.support-page .site-footer h3 { font-weight:500; }
@media (min-width:761px) and (max-width:1050px) {
  .support-layout { grid-template-columns:210px minmax(0,1fr); gap:28px; }
  .support-chat-header, .support-compose { padding-left:18px; padding-right:18px; }
  .support-preview-note, .support-product, .support-product-unavailable { margin-left:18px; margin-right:18px; }
}
@media (max-width:760px) {
  .support-main { width:min(calc(100% - 36px),530px); margin:34px auto 48px; }
  .support-topbar > div { padding:0 20px; min-height:58px; }
  .support-topbar > div > span { font-size:15px; }
  .support-topbar a { display:flex; align-items:center; min-height:44px; }
  .support-heading { margin-bottom:25px; }
  .support-heading h1 { font-size:27px; line-height:1.6; }
  .support-heading > p:last-child { font-size:12px; }
  .support-eyebrow { font-size:9px; letter-spacing:.1em; }
  .support-mobile-break { display:initial; }
  .support-layout { display:block; }
  .support-overview { display:none; }
  .support-chat { border-radius:13px; }
  .support-chat-header { padding:17px 15px; gap:8px; }
  .support-chat-identity { gap:10px; }
  .support-chat-header h2 { font-size:12px; }
  .support-avatar { width:33px; height:33px; font-size:21px; }
  .support-connection { padding:4px 6px; font-size:9px; }
  .support-preview-note { margin:15px 14px 0; padding:10px 12px; }
  .support-preview-note p { font-size:10px; line-height:1.8; }
  .support-product { margin:14px 14px 0; padding:10px; gap:10px; }
  .support-product > img { width:49px; height:54px; }
  .support-product strong { font-size:12px; }
  .support-product > div > span, .support-product p { font-size:9px; }
  .support-product-unavailable { margin:14px 14px 0; font-size:10px; }
  .support-messages { height:270px; padding:20px 15px; }
  .support-message { max-width:93%; }
  .support-message-body { font-size:13px; padding:11px 13px; }
  .support-compose { padding:0 14px 16px; }
  .support-compose textarea { font-size:16px; line-height:1.55; min-height:110px; }
  .support-topics { gap:5px; padding-bottom:15px; }
  .support-topics button { padding:7px 9px; font-size:10px; }
  .support-topics button { min-height:44px; }
  .support-send-row { gap:7px; }
  .support-send-row p { font-size:9px; }
  .support-send { padding:0 12px; gap:6px; min-height:44px; font-size:11px; }
  .support-chat-footer { padding:12px 14px; gap:10px; }
  .support-chat-footer > span { font-size:9px; }
  .support-chat-footer > button { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) { .support-page * { scroll-behavior:auto !important; } }