html{scrollbar-gutter:stable}:root{--support-font-display: "Cinzel", serif;--support-font-body: "Cormorant Garamond", serif}.support-main{margin:0 auto;padding-bottom:48px;background-color:var(--color-dark);background-image:url(../images/library-background-image.webp),linear-gradient(180deg,var(--color-darker),transparent),url(../images/);background-position:top center;background-repeat:no-repeat;background-size:100% auto,cover,100% auto;flex:1;width:100%;color:var(--color-light);font-family:var(--font-beaufort);&.faq-main{background-image:url(../images/coriolis-the-great-dark/library-background-image-coriolis-the-great-dark.webp),linear-gradient(180deg,var(--color-darker),transparent),url(../images/hero-background-gradient.webp);background-position:top center;background-repeat:no-repeat;background-size:100% auto,cover,100% auto;.support-top{padding-top:36px}}}.support-container{max-width:1200px;margin:0 auto;padding-bottom:24px}.support-container--narrow{max-width:860px}@media(max-width:1232px){.support-container{padding-left:16px;padding-right:16px}}.support-top{display:flex;flex-direction:column;gap:16px;border-bottom:var(--border);border-color:var(--color-contrast-dark);padding-top:24px;padding-bottom:24px;margin-bottom:32px}.support-header{display:flex;gap:48px;row-gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.support-header h1{font-size:var(--header-font-size-larger);margin:0;font-family:var(--font-primary-h1);font-weight:400;line-height:1}.support-intro{font-family:var(--support-font-body);font-size:20px;font-weight:500;color:var(--color-light);margin:0}.support-intro a{color:var(--color-contrast-light)}.support-note{font-family:var(--support-font-body);font-size:18px;font-weight:500;color:var(--color-lighter-gray)}.support-note a,.support-empty-state a{color:var(--color-contrast-light)}.support-main .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--color-contrast-dark);color:var(--color-dark);font-family:var(--font-futura-bold);font-size:14px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:none;cursor:pointer}.support-main .btn-primary:hover{background:var(--color-contrast-light)}.support-tickets{margin-bottom:56px}.support-tickets-heading{margin-bottom:16px}.support-tickets-heading h2{font-family:var(--font-futura-bold);font-size:18px;text-transform:uppercase;letter-spacing:1px;color:var(--color-light);margin:0}.support-empty-state{font-family:var(--support-font-body);font-size:19px;font-weight:500;color:var(--color-light)}.tickets-table-wrapper{overflow-x:auto}table.tickets-table{width:100%;border-collapse:collapse;background:var(--color-darker);border:var(--border);font-size:16px}.tickets-table th,.tickets-table td{text-align:left;padding:12px 16px;border-bottom:var(--border)}.tickets-table th{font-family:var(--font-futura-bold);text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--color-lighter-gray)}.tickets-table a{color:var(--color-light);text-decoration:none}.tickets-table tr:hover td{background:var(--color-dark)}.status-badge{display:inline-block;padding:4px 12px;border-radius:3px;font-family:var(--font-futura-bold);font-size:12px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.status-badge--open{background:#2c4a70;color:var(--color-light-blue)}.status-badge--in_progress{background:#5a4413;color:#f0c05a}.status-badge--waiting_on_customer{background:#533117;color:#f09a5a}.status-badge--resolved{background:#1f4a26;color:var(--color-light-green)}.status-badge--closed{background:var(--color-gray);color:var(--color-lighter-gray)}.support-faq{background:linear-gradient(0deg,var(--color-dark),var(--color-medium));border-top:2px solid var(--color-contrast-dark);padding:32px 40px 48px}@media(max-width:768px){.support-faq{padding:20px 16px 32px}}.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start}.faq-sidebar{position:sticky;top:100px}.faq-sidebar h2{font-family:var(--support-font-display);font-weight:500;font-size:26px;text-transform:uppercase;letter-spacing:.12em;line-height:1.35;color:var(--color-white);margin:0 0 24px}.faq-nav{display:flex;flex-direction:column;gap:4px}.faq-nav a{padding:10px 14px;color:var(--color-lighter-gray);text-decoration:none;font-family:var(--support-font-body);font-size:20px;font-weight:600;border-left:2px solid transparent;transition:color .15s ease,border-color .15s ease}.faq-nav a:hover{color:var(--color-light)}.faq-nav a.active{color:var(--color-contrast-light);border-left-color:var(--color-contrast-dark)}.faq-section{scroll-margin-top:100px;margin-bottom:48px}.faq-section h3{font-family:var(--font-futura-bold);font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-contrast-light);margin:0 0 4px}.faq-item{border-bottom:var(--border)}.faq-item:last-child{border-bottom:none}.faq-item summary{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:22px 0;font-family:var(--support-font-body);font-size:24px;font-weight:600;color:var(--color-light);cursor:pointer;list-style:none;transition:color .15s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--color-contrast-light)}.faq-item summary:after{content:"+";flex-shrink:0;align-self:center;font-size:24px;line-height:1;color:var(--color-light);transition:transform .2s ease}.faq-item[open] summary:after{content:"\2212"}.faq-item[open] summary{padding-bottom:10px;color:var(--color-contrast-light)}.faq-answer{padding:0 48px 22px 0}.faq-answer p{font-family:var(--support-font-body);font-size:20px;font-weight:500;line-height:1.55;color:var(--color-light);margin:0 0 10px}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:var(--color-contrast-light)}@media(max-width:860px){.faq-layout{grid-template-columns:1fr;gap:24px}.faq-sidebar{position:static}.faq-nav{flex-direction:row;flex-wrap:wrap}.faq-nav a{border-left:none;border-bottom:2px solid transparent}.faq-nav a.active{border-bottom-color:var(--color-contrast-dark)}.faq-item summary{font-size:21px}}.ticket-form{max-width:560px}.ticket-form,.ticket-reply-form{display:flex;flex-direction:column;gap:20px}.ticket-form .form-field,.ticket-reply-form .form-field{display:flex;flex-direction:column;gap:6px}.ticket-form label,.ticket-reply-form label{font-family:var(--font-futura-bold);font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--color-lighter-gray)}.ticket-form input,.ticket-form select,.ticket-form textarea,.ticket-reply-form textarea,.ticket-status-form select{background:var(--color-darker);border:var(--border);color:var(--color-light);font-family:var(--font-beaufort);font-size:17px;padding:12px 14px}.ticket-form textarea,.ticket-reply-form textarea{resize:vertical;min-height:120px}.ticket-form .form-error,.ticket-reply-form .form-error{color:var(--color-red);font-size:15px}.ticket-form .ticket-category-notice{border:1px solid var(--color-red);padding:14px 16px}.ticket-form .ticket-category-notice p{margin:0;font-family:var(--font-beaufort);font-size:15px;color:var(--color-red);line-height:1.5}.ticket-form .ticket-category-notice p+p{margin-top:8px}.ticket-form .ticket-category-notice p.ticket-category-notice-title{font-family:var(--font-futura-bold);font-size:13px;text-transform:uppercase;letter-spacing:1px}.ticket-form .btn-primary,.ticket-reply-form .btn-primary{align-self:flex-start}.ticket-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.ticket-header .ticket-header-main{flex:1 1 0;min-width:280px}.ticket-header .ticket-status-form{flex-shrink:0}.ticket-header h1{font-size:34px;line-height:1.2}.ticket-header-main{display:flex;flex-direction:column;gap:12px}.ticket-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:16px;color:var(--color-light-gray);margin:0}.ticket-ref{font-family:var(--font-futura-bold);color:var(--color-lighter-gray)}.ticket-status-form{display:flex;align-items:center;gap:8px}.ticket-status-form label{font-family:var(--font-futura-bold);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--color-lighter-gray)}.ticket-staff-note{background:var(--color-darker);border:var(--border);border-left:3px solid var(--color-contrast-dark);padding:12px 16px;font-size:16px;color:var(--color-lighter-gray);margin-bottom:24px}.ticket-thread{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.ticket-msg{background:var(--color-darker);border:var(--border);padding:18px 22px}.ticket-msg--outbound{border-left:3px solid var(--color-contrast-dark)}.ticket-msg--inbound{border-left:3px solid var(--color-gray)}.ticket-msg-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--color-light-gray);margin-bottom:10px}.ticket-msg-author{font-family:var(--font-futura-bold);text-transform:uppercase;letter-spacing:1px;font-size:14px;color:var(--color-lighter-gray)}.ticket-msg--outbound .ticket-msg-author{color:var(--color-contrast-light)}.ticket-msg-from{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.channel-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-family:var(--font-futura-bold);font-size:11px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.channel-badge--web{background:#1f4a26;color:var(--color-light-green)}.channel-badge--email{background:#2c4a70;color:var(--color-light-blue)}.channel-badge--email_unverified{background:#5a4413;color:#f0c05a}.channel-badge--mismatch{background:#5a1616;color:#f06a5a}.ticket-msg-attachments{list-style:none;margin:12px 0 0;padding:0;font-size:15px}.ticket-msg-attachments li{margin-top:4px}.ticket-msg-attachments li:before{content:"\1f4ce  "}.ticket-attachment{color:var(--color-contrast-light);text-decoration:underline}.ticket-attachment-size{color:var(--color-light-gray)}.ticket-msg-body{font-family:var(--support-font-body);font-size:20px;font-weight:500;line-height:1.55;overflow-wrap:anywhere}.ticket-msg-body p{margin:0 0 10px}.ticket-msg-body p:last-child{margin-bottom:0}.ticket-created-card{background:var(--color-darker);border:var(--border);padding:28px;font-family:var(--support-font-body);font-size:20px;font-weight:500;line-height:1.55}.ticket-created-card p{margin:0 0 16px}.ticket-created-card p:last-child{margin-bottom:0}