/* Support form as a paper petition form on the desk. Loaded only by /sorun-bildir. */
.support-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.support-heading h1{margin:0 0 20px;font-size:clamp(40px,5vw,62px);line-height:1.02;letter-spacing:-.02em;color:var(--teal)}
.support-heading .intro{font:500 21px/1.5 var(--slab);color:var(--ink-2)}
.support-heading .note{font-size:16px}
.support-heading a{overflow-wrap:anywhere}
.support-form{position:relative;min-width:0;padding:40px 36px 32px;background:var(--paper) url(/grain.svg);border-radius:6px;box-shadow:0 1px 2px #3b2f1414,0 26px 50px -32px #3b2f1470,9px 11px 0 -2px #F5EFE1,9px 11px 0 -1px var(--line-2)}
.support-form::before{content:"FORM D-01 · DESTEK TALEBİ";display:block;margin:0 0 26px;padding-bottom:12px;border-bottom:2px solid var(--ink);font:500 11px/1 var(--mono);letter-spacing:.16em;color:var(--ink-2)}
.support-form::after{content:"";position:absolute;right:44px;top:-24px;width:30px;height:84px;background:url(/paperclip.svg) center/contain no-repeat;rotate:7deg}
.support-form label{display:block;margin:0 0 6px;font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.support-form label span{text-transform:none;letter-spacing:0;color:var(--ink-3)}
.support-form input,.support-form select,.support-form textarea{display:block;width:100%;max-width:100%;margin:0 0 24px;padding:10px 2px;font:inherit;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--line-2);border-radius:0;transition:border-color .2s,background .2s}
.support-form textarea{min-height:170px;margin-bottom:8px;padding:12px;resize:vertical;border:1.5px solid var(--line-2);border-radius:6px;background:repeating-linear-gradient(#0000 0 31px,#e0d6c0 31px 32px);line-height:32px}
.support-form input:focus,.support-form select:focus,.support-form textarea:focus{outline:0;border-color:var(--teal);background-color:#ffffffa0}
.support-form .field-hint{margin-bottom:20px;font-size:14px;color:var(--ink-3)}
.support-form .button{justify-content:center;width:100%}
.support-form .button:disabled{opacity:.55;cursor:default;translate:none}
.support-form .fineprint{margin:16px 0 0;font-size:14px}
#support-status{margin:16px 0;font:500 13px/1.5 var(--mono);overflow-wrap:anywhere;color:var(--ink-2)}
#support-status[data-state=error]{color:var(--red)}
#support-status[data-state=success]{color:var(--teal)}
#support-verification{min-height:0}
@media(max-width:800px){.support-layout{grid-template-columns:1fr;gap:28px}.support-heading .note{margin:24px 0}.support-form{padding:32px 22px 26px}}
@media(max-width:380px){.support-form{padding:28px 16px 22px}}