.feedback-shell { width:min(1280px,calc(100% - 48px)); margin:0 auto; padding:44px 0 80px; }
.feedback-page-head { max-width:760px; margin-bottom:30px; }
.feedback-page-head h1 { margin:0; font-family:var(--serif); font-size:clamp(42px,6vw,70px); line-height:1.08; }
.feedback-page-head > p:last-child { margin:14px 0 0; color:var(--muted); font-size:15px; }
.feedback-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:24px; align-items:start; }
.update-panel,.feedback-panel { padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--shadow); }
.panel-title { display:flex; align-items:center; gap:12px; }
.panel-title > span { font-size:28px; }.panel-title .eyebrow { margin-bottom:3px; }.panel-title h2 { margin:0; font-family:var(--serif); font-size:28px; }
.update-timeline { margin:28px 0 0; padding:0 0 0 24px; list-style:none; border-left:1px solid var(--line); }
.update-timeline li { position:relative; padding:0 0 28px 8px; }.update-timeline li:last-child { padding-bottom:0; }
.update-timeline li::before { content:""; position:absolute; left:-31px; top:5px; width:11px; height:11px; border-radius:50%; background:var(--rust); box-shadow:0 0 0 5px var(--surface); }
.update-timeline time,.update-timeline b,.update-timeline p { display:block; }.update-timeline time { color:var(--muted); font-size:11px; }.update-timeline b { margin-top:7px; font-size:14px; }.update-timeline p { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.panel-intro { margin:16px 0 22px; color:var(--muted); font-size:13px; line-height:1.75; }
#feedback-form { display:grid; gap:15px; }
#feedback-form label { display:grid; gap:7px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.06em; }
#feedback-form label small { font-weight:400; }.feedback-honeypot { position:absolute !important; left:-9999px; }
#feedback-form input,#feedback-form select,#feedback-form textarea { width:100%; border:1px solid var(--line); border-radius:8px; padding:11px 12px; background:var(--bg); color:var(--ink); font:inherit; font-size:13px; outline:0; resize:vertical; }
#feedback-form input:focus,#feedback-form select:focus,#feedback-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 17%,transparent); }
.feedback-submit { min-height:46px; border:1px solid var(--ink); border-radius:8px; background:var(--ink); color:var(--surface); font-weight:900; cursor:pointer; }.feedback-submit:disabled { opacity:.55; }
.feedback-status { min-height:20px; margin:0; font-size:12px; }.feedback-status.success { color:var(--green); }.feedback-status.error { color:var(--red); }
.community-box { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:24px; padding:20px; border:1px dashed var(--line); border-radius:14px; background:var(--surface-2); scroll-margin-top:20px; }
.community-box h3 { margin:0; font-family:var(--serif); font-size:21px; }.community-box p:last-child { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }.community-box > span { flex:none; padding:7px 11px; border-radius:999px; background:var(--surface); color:var(--gold); font-size:11px; font-weight:900; }
@media(max-width:820px){.feedback-layout{grid-template-columns:1fr}.feedback-shell{width:min(100% - 24px,1280px);padding-top:30px}.feedback-panel,.update-panel{padding:20px}.community-box{align-items:flex-start;flex-direction:column}}