*{box-sizing:border-box}body{margin:0;background:#faf7f2;color:#263246;font:16px/1.65 system-ui,sans-serif}main{max-width:720px;margin:auto;padding:24px 18px 60px}a{color:#674c65}h1{font-size:27px}h2{font-size:20px}button,input,select,textarea{font:inherit}button,.type-link{cursor:pointer;min-height:48px;border:1px solid #e4dad5;border-radius:12px;padding:12px 16px;background:white;color:#263246}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b97a8e;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.types{display:grid;gap:10px}.types button,.type-link{text-align:left;text-decoration:none;font-weight:700;display:block}.types span{display:block;font-size:13px;color:#77717b;font-weight:400}section,article{margin:22px 0}article{background:white;border:1px solid #e4dad5;border-radius:16px;padding:18px;overflow-wrap:anywhere}article p{white-space:pre-wrap}label{display:block;margin:12px 0 6px}textarea,select{display:block;width:100%;border:1px solid #ccc;border-radius:10px;padding:12px;background:white;color:#263246}textarea{resize:vertical}small{display:block;color:#766d75;font-size:12px;margin:8px 0}form button{margin-top:14px;background:#29384b;color:white;width:100%}.secondary{background:transparent}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.reply{background:#f6f0fa;padding:14px;border-radius:10px}#status{white-space:pre-wrap}summary{cursor:pointer;min-height:44px}[hidden]{display:none!important}
#items article{position:relative}#items article:has(.support-delete) summary{padding-right:48px}.support-delete{position:absolute;right:10px;top:12px;display:flex;align-items:center;justify-content:center;width:44px;padding:10px;background:transparent;border:0;color:#857781}.support-delete:hover{background:#fff0f0;color:#ac4343}.delete-confirm{background:#fff3eb;border:1px solid #efd4c4;padding:14px;border-radius:12px;margin-top:12px}.delete-confirm button{margin:4px 8px 0 0}

/* Customer support layout */
.support-page{background:#f7f5f2}.support-page main{max-width:620px;padding:14px 20px 48px}.support-page main>a:first-child{font-size:13px;text-decoration:none;color:#81717e}.support-heading{margin:24px 0 22px}.support-eyebrow{font-size:11px;letter-spacing:.08em;color:#a17781;margin:0 0 5px}.support-heading h1{font-size:26px;letter-spacing:-.05em;line-height:1.4;margin:0 0 8px}.support-heading>p:last-child{font-size:13px;color:#877b83;margin:0}.support-page .types{gap:0;background:white;border:1px solid #e9e2de;border-radius:20px;overflow:hidden;margin:0 0 28px}.support-page .types button,.support-page .types .type-link{display:flex;align-items:center;gap:14px;width:100%;border:0;border-bottom:1px solid #f0eae6;border-radius:0;padding:17px 16px;min-height:80px;background:white}.support-page .types>:last-child{border-bottom:0}.support-page .types button:hover,.support-page .types .type-link:hover{background:#fffaf5}.support-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:#fff0e4;color:#b87d56}.support-icon svg{width:23px;height:23px}.support-page .types>:nth-child(2) .support-icon{background:#eeeafa;color:#8a74b0}.support-page .types>:nth-child(3) .support-icon{background:#fff4d9;color:#b39747}.support-page .types>:nth-child(4) .support-icon{background:#eaf0fa;color:#688db3}.support-page .types>:nth-child(5) .support-icon{background:#f8eaf0;color:#b47891}.type-copy{flex:1;min-width:0}.type-copy b{font-size:15px}.support-page .types .type-copy span{font-size:12px;line-height:1.5;margin-top:3px;color:#8a7e85}.type-arrow{width:16px;height:16px;flex-shrink:0;color:#ab9fa6}.support-page .heading h2{font-size:19px;margin:0}.support-page #reload{font-size:12px;border:0;padding:8px;min-height:44px;color:#897682}.support-page .heading+p{font-size:12px;color:#8a7e85;margin:6px 0 16px}.support-page #items article{padding:18px;margin:12px 0;border-radius:16px;border-color:#e9e2de}.support-page #items summary{font-size:14px;font-weight:700}.support-page #items small{font-size:11px;color:#958790}.support-page #items details>p{font-size:14px;line-height:1.75}.support-page #items .reply{background:#f4f0f8;font-size:13px;border-left:3px solid #c8b8d8}.support-page #write{background:white;padding:20px;border:1px solid #e9e2de;border-radius:20px}.support-page #formTitle{font-size:21px}.support-page textarea{background:#fcfbfa;font-size:14px}.support-page form button{background:#283248}.support-page #status{font-size:13px}.support-page #back{font-size:12px;border:0;padding:0;color:#8a7489}@media(max-width:360px){.support-page main{padding-inline:14px}.support-heading h1{font-size:23px}.support-page .types button,.support-page .types .type-link{gap:10px;padding-inline:12px}}

.support-form-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin:20px 0}.support-form-heading h2{margin:0}.support-page #formDescription{margin:0;color:#79707e;font-size:14px;line-height:1.7;word-break:keep-all}@media(max-width:480px){.support-form-heading{flex-direction:column;gap:5px}}

.support-topbar{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:620px;padding:12px 20px;background:#f7f5f2f5;box-sizing:border-box}.support-topbar .garage-shortcut{position:static;flex-shrink:0}.support-home{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#81717e;text-decoration:none}.support-topbar{padding-top:calc(12px + env(safe-area-inset-top,0px))}.support-page{padding-top:calc(72px + env(safe-area-inset-top,0px))!important}
