body[data-page="contact"] .doc-document-meta,
body[data-page="contact"] .doc-toc { display:none; }
body[data-page="contact"] .doc-heading { padding-bottom:26px; border-bottom:1px solid #263d49; }
body[data-page="contact"] .doc-heading h1 { font-size:clamp(28px,3vw,40px); }
body[data-page="contact"] #write > h2 { margin-bottom:26px; }
body[data-page="contact"] #write > h2 .doc-section-number { display:none; }
.contact-form-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr); gap:34px; align-items:start; }
.doc-main .contact-form { margin:0; max-width:none; display:flex; flex-direction:column; gap:21px; }
.contact-field { display:flex; flex-direction:column; gap:9px; min-width:0; }
.doc-main .contact-field label { margin:0; font-size:13px; color:#e5eef3; font-weight:650; }
.contact-field label span { margin-left:7px; font-size:11px; font-weight:400; color:#99afbd; }
.doc-main .contact-field input,.doc-main .contact-field select,.doc-main .contact-field textarea { box-sizing:border-box; width:100%; min-height:46px; margin:0; padding:12px 14px; border:1px solid #344e5b; border-radius:8px; background:#08151f; color:#e5eef3; font:inherit; font-size:14px; }
.doc-main .contact-field input:focus,.doc-main .contact-field select:focus,.doc-main .contact-field textarea:focus { outline:2px solid #61d7c4; outline-offset:2px; border-color:#61d7c4; }
.doc-main .contact-field input::placeholder,.doc-main .contact-field textarea::placeholder { color:#829aaa; opacity:1; }
.doc-main .contact-field textarea { min-height:175px; resize:vertical; line-height:1.7; }
.contact-field small { color:#99afbd; font-size:11px; line-height:1.6; }
#feedback-count { text-align:right; font-variant-numeric:tabular-nums; }
.doc-main .contact-form .doc-form-note { margin:0; font-size:11px; line-height:1.8; color:#a1b5c2; }
.doc-main .contact-form #feedback-submit { display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; min-height:48px; padding:13px 18px; border:1px solid #65deca; border-radius:8px; background:#65deca; color:#05251e; font-size:14px; font-weight:750; cursor:pointer; }
.doc-main .contact-form #feedback-submit:hover { background:#8fe9da; }
.doc-main .contact-form #feedback-submit:disabled { opacity:.65; cursor:wait; }
.doc-main .contact-form #feedback-submit:focus-visible { outline:2px solid #eefdfa; outline-offset:3px; }
.contact-guidance { border-left:1px solid #2a404d; padding-left:26px; }
.contact-kicker { display:block; color:#80d8c9; font-size:10px; font-weight:700; letter-spacing:1.5px; margin-bottom:13px; }
.doc-main .contact-guidance h3 { font-size:17px; color:#e5eef3; line-height:1.5; margin:0 0 13px; }
.doc-main .contact-guidance p,.doc-main .contact-guidance li,.doc-main .contact-guidance a { font-size:12px; line-height:1.9; color:#acbeca; }
.doc-main .contact-guidance p { margin:0 0 12px; }
.doc-main .contact-guidance a { color:#74dbcb; }
.doc-main .contact-guidance ul { padding-left:17px; margin:0 0 14px; }
.contact-guidance-block + .contact-guidance-block { border-top:1px solid #263d49; padding-top:23px; margin-top:23px; }
.contact-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.doc-main #feedback-status { margin:0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.doc-main #feedback-status:empty { display:none; }
.doc-main #feedback-status.is-success { padding:16px; border:1px solid #33746a; border-radius:8px; background:#0d2928; color:#b1f0df; }
.doc-main #feedback-status.is-error { padding:14px; border-left:3px solid #e59097; color:#f0b5b9; background:#2a1b25; }
.doc-main #feedback-status.is-loading { color:#afc9d5; }
@media(max-width:1150px) { .contact-form-layout { grid-template-columns:1fr; gap:32px; } .contact-guidance { border-left:0; border-top:1px solid #2a404d; padding:26px 0 0; } }
@media(max-width:600px) { .doc-main .contact-field input,.doc-main .contact-field select,.doc-main .contact-field textarea { font-size:16px; } .contact-form-layout { gap:25px; } }