.support-page { max-width:1180px; margin:auto; padding:32px 28px 80px; color:#102b5a; font:16px/1.55 Onest,sans-serif; }
.support-page [hidden] { display:none!important; }
.support-page * { box-sizing:border-box; }
.support-page a { color:inherit; }
.support-page .breadcrumbs { margin-bottom:30px; }
.support-page .support-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:50px; align-items:end; border-bottom:2px solid #102b5a; padding-bottom:42px; }
.support-page .mark { font-weight:700; color:#a8431d; margin:0 0 12px; }
.support-page h1,.support-page h2 { font-family:Unbounded,sans-serif; margin:0 0 18px; line-height:1.2; overflow-wrap:anywhere; }
.support-page h1 { font-size:clamp(32px,5vw,64px); }
.support-page h2 { font-size:clamp(22px,3vw,32px); }
.support-page .support-intro p { max-width:680px; font-size:20px; }
.support-page .support-intro .hand-mark { font-size:14px; }
.support-page .support-route { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; background:#102b5a; color:white; padding:24px; transform:rotate(1deg); }
.support-page .support-route strong { grid-column:1/-1; font:700 28px Unbounded,sans-serif; color:#d4e87b; }
.support-page .support-route i { text-align:right; color:#ff985f; font-style:normal; }
.support-page #new { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:34px; padding-top:46px; }
.support-page form,.support-page aside,.support-page #history { min-width:0; border:2px solid #102b5a; padding:30px; background:white; box-shadow:8px 8px 0 #d4e87b; }
.support-page label { display:block; font-weight:650; margin:16px 0; }
.support-page input,.support-page textarea { display:block; width:100%; min-width:0; margin-top:7px; border:1px solid #7b8aa3; background:#fff; padding:13px 14px; font:inherit; color:#102b5a; }
.support-page textarea { resize:vertical; }
.support-page :is(input,textarea,button,a):focus-visible { outline:3px solid #1641a3; outline-offset:3px; }
.support-page button { max-width:100%; border:0; background:#ee6c35; color:#102b5a; padding:14px 20px; font:650 16px/1.5 Unbounded,sans-serif; cursor:pointer; }
.support-page button:disabled { cursor:wait; opacity:.65; }
.support-page .fine { font-size:14px; color:#536580; }
.support-page aside { box-shadow:8px 8px 0 #ee6c35; }
.support-page aside ol { padding:0; list-style:none; counter-reset:item; }
.support-page aside li { display:grid; grid-template-columns:34px 1fr; margin:22px 0; counter-increment:item; }
.support-page aside li:before { content:counter(item); font:700 18px Unbounded,sans-serif; color:#a8431d; }
.support-page aside li b,.support-page aside li span { grid-column:2; }
.support-page #history { margin-top:46px; }
.support-page #reply-form { border:0; box-shadow:none; padding:20px 0 0; }
.support-page .history-head { display:flex; gap:18px; align-items:baseline; flex-wrap:wrap; }
.support-page .history-head .mark { width:100%; }
.support-page .message { padding:18px 0; border-top:1px solid #ccd3dc; overflow-wrap:anywhere; }
.support-page .message time { display:block; color:#536580; font-size:13px; }
.support-page .message.out { padding-left:28px; border-left:5px solid #d4e87b; }
.support-page .support-boundary,.support-page .seo-next,.support-page .seo-proof { margin-top:48px; padding:28px 0 0; border-top:1px solid #ccd3dc; }
.support-page .seo-next nav { display:flex; gap:16px 24px; flex-wrap:wrap; }
.support-page .seo-proof ul { padding-left:22px; }
.support-page .seo-proof li { margin:10px 0; }
.support-page #result,.support-page #reply-result { overflow-wrap:anywhere; }
@media(max-width:720px) {
  .support-page { padding:24px 18px 64px; }
  .support-page .support-intro,.support-page #new { grid-template-columns:minmax(0,1fr); gap:28px; }
  .support-page .support-route { transform:none; }
  .support-page h1 { font-size:34px; }
  .support-page form,.support-page aside,.support-page #history { padding:20px; box-shadow:5px 5px 0 #d4e87b; }
  .support-page aside { box-shadow:5px 5px 0 #ee6c35; }
}