/* 독자 회원지원 전용 화면. 웹진 템플릿 토큰을 상속하고 화면 구조만 독립적으로 제어한다. */
.wz-support-page{min-height:100vh;margin:0;background:radial-gradient(circle at 8% 2%,rgb(var(--accent-primary-rgb,37 99 235)/.14),transparent 30rem),radial-gradient(circle at 95% 42%,rgb(var(--accent-secondary-rgb,14 165 233)/.1),transparent 28rem),var(--bg-primary,#f7f8fb);color:var(--text-primary,#172033);font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark}
html[data-mode='light'] .wz-support-page{color-scheme:light}
.wz-support-page *{box-sizing:border-box}
.wz-support-page a{color:inherit}
.wz-support{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:30px 0 70px}
.wz-support__top,.wz-support__brand,.wz-support__label-row,.wz-support__request-head,.wz-support__history>header,.wz-support__footer{display:flex;align-items:center}
.wz-support__top{justify-content:space-between;padding-bottom:34px}
.wz-support__brand{gap:12px;text-decoration:none}
.wz-support__brand>span:last-child{display:grid}
.wz-support__brand small,.wz-support__hero>p,.wz-support__side-kicker,.wz-support__history>header p,.wz-support__answer>span{color:var(--accent-secondary-readable,var(--accent-primary,#2563eb));font-size:.66rem;font-weight:900;letter-spacing:.15em}
.wz-support__brand strong{font-size:1rem}
.wz-support__brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--accent-primary-border,rgb(37 99 235/.35));border-radius:14px;background:var(--accent-primary-soft,rgb(37 99 235/.1));color:var(--accent-primary-readable,#2563eb);font-weight:900}
.wz-support__home{font-size:.86rem;font-weight:700;text-decoration:none}
.wz-support__hero{max-width:760px;padding:45px 0 50px}
.wz-support__hero p{margin:0 0 14px}
.wz-support__hero h1{margin:0;font-size:clamp(2.5rem,6vw,5.3rem);font-weight:850;line-height:1.02;letter-spacing:-.055em}
.wz-support__hero>span{display:block;max-width:680px;margin-top:25px;color:var(--text-secondary,#667085);font-size:1rem;line-height:1.75}
.wz-support__notice{display:flex;gap:16px;margin:0 0 22px;padding:20px 22px;border:1px solid;border-radius:18px}
.wz-support__notice>b{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:50%}
.wz-support__notice h2,.wz-support__notice p{margin:0}
.wz-support__notice h2{font-size:1rem}.wz-support__notice p{margin-top:5px;font-size:.87rem;line-height:1.6}.wz-support__notice ul{margin:7px 0 0;padding-left:18px}
.wz-support__notice--success{border-color:#79d6a2;background:rgb(16 185 129/.09)}.wz-support__notice--success>b{background:#087443;color:#fff}
.wz-support__notice--error{border-color:#f4a69f;background:rgb(239 68 68/.08)}.wz-support__notice--error>b{background:#b42318;color:#fff}
.wz-support__reference{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.wz-support__reference code{padding:9px 12px;border-radius:9px;background:rgb(255 255 255/.62);color:inherit;font-weight:800}
.wz-support__reference button{padding:9px 12px;border:0;border-radius:9px;background:var(--text-primary,#172033);color:var(--bg-primary,#fff);font-weight:800;cursor:pointer}
.wz-support__layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:22px;align-items:start}
.wz-support__card{border:1px solid var(--glass-border,rgb(148 163 184/.25));border-radius:24px;background:var(--glass-bg,rgb(255 255 255/.72));box-shadow:var(--shadow-soft,0 20px 60px rgb(15 23 42/.08));backdrop-filter:blur(18px)}
.wz-support__form-card>header{display:flex;gap:18px;padding:26px 30px;border-bottom:1px solid var(--glass-border,rgb(148 163 184/.25))}
.wz-support__form-card>header>span,.wz-support__step{color:var(--accent-primary-readable,#2563eb);font-size:.75rem;font-weight:900}
.wz-support__form-card header p,.wz-support__form-card header h2{margin:0}.wz-support__form-card header p{color:var(--text-secondary,#667085);font-size:.75rem}.wz-support__form-card header h2{margin-top:3px;font-size:1.25rem}
.wz-support__form-card form{display:grid;gap:23px;padding:30px}
.wz-support__field{display:grid;gap:8px}.wz-support__field label{font-size:.88rem;font-weight:800}.wz-support__field em{margin-left:4px;color:var(--accent-primary-readable,#2563eb);font-size:.68rem;font-style:normal}
.wz-support__field input,.wz-support__field select,.wz-support__field textarea{width:100%;border:1px solid var(--glass-border,rgb(148 163 184/.4));border-radius:12px;outline:0;background:rgb(255 255 255/.55);color:var(--text-primary,#172033);font:inherit;transition:border-color .15s,box-shadow .15s}
.wz-support__field input,.wz-support__field select{height:48px;padding:0 14px}.wz-support__field textarea{min-height:190px;padding:14px;line-height:1.65;resize:vertical}
.wz-support__field input:focus,.wz-support__field select:focus,.wz-support__field textarea:focus{border-color:var(--accent-primary,#2563eb);box-shadow:0 0 0 3px var(--accent-primary-soft,rgb(37 99 235/.12))}
.wz-support__field input[readonly]{background:rgb(148 163 184/.1);color:var(--text-secondary,#667085)}
.wz-support__field>p{margin:0;color:var(--text-secondary,#667085);font-size:.76rem;line-height:1.55}
.wz-support__label-row{justify-content:space-between}.wz-support__label-row>span{color:var(--text-secondary,#667085);font-size:.7rem}
.wz-support__security{padding:15px 17px;border-radius:13px;background:var(--accent-primary-soft,rgb(37 99 235/.08))}.wz-support__security strong{font-size:.8rem}.wz-support__security p{margin:4px 0 0;color:var(--text-secondary,#667085);font-size:.75rem;line-height:1.55}
.wz-support__submit{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;border:0;border-radius:13px;background:var(--accent-primary,#2563eb);color:#fff;font:inherit;font-weight:850;cursor:pointer}.wz-support__submit:disabled{cursor:wait;opacity:.65}
.wz-support__side{display:grid;gap:18px}.wz-support__side>.wz-support__card{padding:26px}.wz-support__side-kicker{margin:16px 0 7px}.wz-support__side h2{margin:0;font-size:1.3rem}
.wz-support__flow{display:grid;gap:20px;margin:25px 0 0;padding:0;list-style:none}.wz-support__flow li{display:flex;gap:13px}.wz-support__flow li>span{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:50%;background:var(--accent-primary-soft,rgb(37 99 235/.1));color:var(--accent-primary-readable,#2563eb);font-size:.72rem;font-weight:900}.wz-support__flow strong{font-size:.84rem}.wz-support__flow p{margin:4px 0 0;color:var(--text-secondary,#667085);font-size:.75rem;line-height:1.5}
.wz-support__quick,.wz-support__guest{padding:20px 22px;border-radius:18px}.wz-support__quick{background:var(--text-primary,#172033);color:var(--bg-primary,#fff)}.wz-support__quick p{margin:0 0 7px;font-size:.72rem;opacity:.72}.wz-support__quick a{font-size:.88rem;font-weight:800;text-decoration:none}.wz-support__guest{border:1px dashed var(--glass-border,rgb(148 163 184/.5))}.wz-support__guest strong{font-size:.8rem}.wz-support__guest p{margin:6px 0 0;color:var(--text-secondary,#667085);font-size:.74rem;line-height:1.55}
.wz-support__history{margin-top:55px}.wz-support__history>header{justify-content:space-between;margin-bottom:18px}.wz-support__history>header p,.wz-support__history>header h2{margin:0}.wz-support__history>header h2{margin-top:4px;font-size:1.8rem}.wz-support__history>header>span{color:var(--text-secondary,#667085);font-size:.8rem}
.wz-support__request-list{display:grid;gap:14px}.wz-support__request{padding:24px;border:1px solid var(--glass-border,rgb(148 163 184/.25));border-radius:20px;background:var(--glass-bg,rgb(255 255 255/.7))}
.wz-support__request-head{justify-content:space-between;gap:20px}.wz-support__category{color:var(--accent-primary-readable,#2563eb);font-size:.7rem;font-weight:850}.wz-support__request h3{margin:6px 0 0;font-size:1.08rem}
.wz-support__status{flex:none;padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:850}.wz-support__status--open{background:#fff3d6;color:#925700}.wz-support__status--in_progress{background:#e1effe;color:#175cd3}.wz-support__status--resolved{background:#dcfae6;color:#067647}.wz-support__status--closed{background:#e9eaec;color:#475467}
.wz-support__request dl{display:flex;flex-wrap:wrap;gap:8px 24px;margin:17px 0}.wz-support__request dl>div{display:flex;gap:7px}.wz-support__request dt{color:var(--text-secondary,#667085);font-size:.7rem}.wz-support__request dd{margin:0;font-size:.72rem;font-weight:750}
.wz-support__request-body,.wz-support__answer p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.wz-support__request-body{padding-top:17px;border-top:1px solid var(--glass-border,rgb(148 163 184/.22));font-size:.86rem}
.wz-support__answer{margin-top:18px;padding:18px;border-radius:14px;background:var(--accent-primary-soft,rgb(37 99 235/.08))}.wz-support__answer>span,.wz-support__answer>strong{display:block}.wz-support__answer>strong{margin-top:5px;font-size:.87rem}.wz-support__answer p{margin:9px 0 0;font-size:.82rem}
.wz-support__empty{padding:45px 20px;border:1px dashed var(--glass-border,rgb(148 163 184/.45));border-radius:20px;text-align:center}.wz-support__empty p{margin:7px 0 0;color:var(--text-secondary,#667085);font-size:.82rem}
.wz-support__pagination{margin-top:18px}.wz-support__pagination nav>div:first-child{display:none}.wz-support__pagination nav>div:last-child{display:flex;justify-content:space-between;gap:12px}.wz-support__pagination a,.wz-support__pagination span{border-color:var(--glass-border,rgb(148 163 184/.3))!important;background:var(--glass-bg,rgb(255 255 255/.7))!important;color:var(--text-primary,#172033)!important}
.wz-support__footer{justify-content:space-between;margin-top:50px;padding-top:22px;border-top:1px solid var(--glass-border,rgb(148 163 184/.25));color:var(--text-secondary,#667085);font-size:.7rem}.wz-support__footer a{text-decoration:none;font-weight:800}
@media(max-width:780px){.wz-support{width:min(100% - 24px,650px);padding-top:18px}.wz-support__top{padding-bottom:16px}.wz-support__home{font-size:.72rem}.wz-support__hero{padding:34px 0}.wz-support__hero h1{font-size:clamp(2.25rem,13vw,3.7rem)}.wz-support__layout{grid-template-columns:1fr}.wz-support__form-card>header,.wz-support__form-card form{padding:22px}.wz-support__history>header{align-items:flex-start;gap:8px;flex-direction:column}.wz-support__request{padding:19px}.wz-support__request-head{align-items:flex-start}.wz-support__footer{gap:14px;align-items:flex-start;flex-direction:column}}
.wz-support-page{overflow-x:hidden}
@media(max-width:480px){.wz-support-page .wz-support__home{display:none}.wz-support-page .wz-support__hero h1{font-size:clamp(2.15rem,10vw,2.75rem)}}