/* This page has its own selectors; do not restyle shared cards or pagination. */
.gc-feedback { display:block; max-width:900px; }
.gc-feedback * { box-sizing:border-box; }
.gc-feedback [hidden] { display:none!important; }
.gc-feedback-hero { display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:230px; padding:10px 34px 0; margin:0; overflow:visible; }
.gc-feedback-eyebrow { font-size:10px; letter-spacing:2px; color:#a5adb6; }
.gc-feedback h1 { margin:12px 0; font-size:28px; line-height:1.4; }
.gc-feedback-hero p { font-size:15px; line-height:1.9; color:#7c8795; }
.gc-feedback-tag { display:inline-flex; align-items:center; gap:6px; margin-top:20px; font-size:11px; color:#9aa4af; }
.gc-feedback-tag i { color:#e58265; font-size:16px; }
.gc-feedback-mascot { position:relative; width:210px; flex:0 0 210px; align-self:flex-end; transform:translateY(10px); }
.gc-feedback-mascot img { display:block; width:100%; height:auto; }
.gc-feedback-compose { position:relative; z-index:1; padding:28px 30px; background:#fff; border-radius:14px; margin-bottom:30px; }
.gc-feedback-section-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.gc-feedback h2 { font-size:16px; line-height:1.6; }
.gc-feedback-section-head>span { font-size:11px; color:#a0a8b2; }
.gc-feedback-section-head h2 span { color:#a2aab3; font-size:12px; font-weight:400; margin-left:8px; }
.gc-feedback-label { display:block; margin:15px 0 7px; font-size:12px; color:#616d7c; }
.gc-feedback-label>span { font-size:11px; color:#a4acb6; margin-left:4px; }
.gc-feedback .layui-input,.gc-feedback .layui-textarea { min-width:0; }
.gc-feedback textarea { resize:vertical; min-height:120px; max-height:400px; }
.gc-feedback-fields { display:grid; grid-template-columns:1fr 1.3fr; gap:18px; }
.gc-feedback-bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-top:4px; }
.gc-feedback-captcha { display:flex; align-items:center; gap:10px; }
.gc-feedback-captcha img { width:108px; height:36px; object-fit:contain; }
.gc-feedback-captcha button { display:flex; align-items:center; flex:0 0 147px; padding:0 8px 0 0; border:1px solid #e5e9ee; border-radius:8px; background:#f5f7f9; overflow:hidden; color:#9da6b1; cursor:pointer; }
.gc-feedback-captcha input { width:130px!important; min-width:0; }
.gc-feedback-submit { flex-shrink:0; }
.gc-feedback .gc-feedback-disclosure { margin-top:16px; font-size:11px; line-height:1.9; color:#a3abb5; }
.gc-feedback-disclosure a { color:#929da9; }
.gc-feedback-status { margin-top:16px; padding:12px 14px; border-radius:8px; background:#f0f6f2; color:#548567; font-size:13px; line-height:1.7; }
.gc-feedback-status.is-error { background:#fff4ef; color:#be694e; }
.gc-feedback-messages { margin-top:34px; }
.gc-feedback-message { margin-bottom:14px; padding:24px 28px; border-radius:12px; background:#fff; }
.gc-feedback-message header { display:flex; align-items:center; gap:10px; }
.gc-feedback-avatar { display:grid; place-items:center; flex:0 0 34px; height:34px; border-radius:50%; background:#f0f3f6; color:#a7b1bd; font-size:19px; }
.gc-feedback-message header strong { display:block; font-size:12px; color:#606b78; font-weight:600; }
.gc-feedback-message time { display:block; margin-top:3px; font-size:10px; color:#b0b7c0; }
.gc-feedback-message-text { margin-top:15px; font-size:13px; color:#697685; line-height:1.9; overflow-wrap:anywhere; }
.gc-feedback-reply { margin-top:18px; padding:15px 17px; border-radius:8px; background:#f8f9fb; }
.gc-feedback-reply strong { display:flex; align-items:center; gap:6px; color:#db856a; font-size:11px; font-weight:500; }
.gc-feedback-reply p { margin-top:8px; color:#7e8997; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.gc-feedback-empty { padding:35px 20px; text-align:center; color:#a3adb8; font-size:12px; }
.gc-feedback-empty>i { display:block; margin-bottom:12px; font-size:28px; color:#c5cdd7; }
.gc-feedback-contact { margin:24px 0 10px; font-size:11px; color:#a0aab6; text-align:center; line-height:1.9; }
.gc-feedback-contact a { color:#8d99a8; }
.gc-feedback-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.gc-feedback button:focus-visible { outline:2px solid #e8886b; outline-offset:3px; }
@media(max-width:640px) {
  .gc-feedback-hero { gap:10px; padding:0 6px; min-height:180px; }
  .gc-feedback h1 { font-size:24px; }
  .gc-feedback-hero p { font-size:13px; }
  .gc-feedback-mascot { flex-basis:130px; width:130px; margin-right:8px; }
  .gc-feedback-tag { font-size:10px; margin-top:12px; }
  .gc-feedback-compose { padding:22px 20px; }
  .gc-feedback-fields { grid-template-columns:minmax(0,1fr); gap:0; }
  .gc-feedback-bottom { flex-wrap:wrap; gap:17px; }
  .gc-feedback-bottom>div,.gc-feedback-submit { width:100%; }
  .gc-feedback-captcha input { flex:1; width:auto!important; }
  .gc-feedback input:not([type="hidden"]),.gc-feedback textarea { font-size:16px; }
  .gc-feedback-message { padding:20px; }
}
@media(max-width:360px) { .gc-feedback-mascot { flex-basis:105px; width:105px; } .gc-feedback-tag { max-width:150px; } .gc-feedback-hero { gap:4px; } }