/* ==========================================================================
   PDR CREW — Feedback page extras
   ========================================================================== */
.fb-header{padding:80px 0 50px;border-bottom:1px solid var(--line)}
.fb-header .eyebrow{margin-bottom:22px}
.fb-header h1{font-family:var(--display);font-weight:900;font-size:clamp(38px,6vw,66px);line-height:1;text-transform:uppercase;letter-spacing:-.025em}
.fb-header p{margin-top:22px;max-width:56ch;font-size:18px;color:#DEDDD9}

.fb-main{padding:60px 0 100px}
.fb-narrow{max-width:840px}
fieldset{border:0;margin-bottom:52px}
legend{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);padding-bottom:22px;width:100%;border-bottom:1px solid var(--line);margin-bottom:28px}

.fb-main input,.fb-main select,.fb-main textarea{background:var(--graphite)}

/* rating rows */
.rate{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.rate:last-of-type{border-bottom:0}
.rate .name{font-family:var(--display);font-weight:700;font-size:22px;text-transform:uppercase;line-height:1.1}
.rate .desc{display:block;font-size:14px;color:var(--ash);margin-top:3px;font-family:var(--body);text-transform:none;font-weight:400}
.scale{display:flex;gap:6px}
.scale input{position:absolute;opacity:0;width:0;height:0}
.scale label{margin:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);cursor:pointer;font-family:var(--mono);font-size:14px;color:#C9C9C5;letter-spacing:0;transition:all .15s}
.scale label:hover{border-color:var(--blaze);color:var(--blaze)}
.scale input:checked+label{background:var(--blaze);border-color:var(--blaze);color:#0B0B0C;font-weight:500}
.scale input:focus-visible+label{outline:2px solid var(--blaze);outline-offset:2px}
.scale-key{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#5E6067;text-align:right;margin-bottom:14px}
@media(max-width:620px){
  .rate{grid-template-columns:1fr;gap:12px}
  .scale label{width:100%;height:46px}
  .scale{width:100%}
}

.note{font-family:var(--mono);font-size:11.5px;color:var(--ash);line-height:1.9;margin-top:20px}
.public{border:1px solid var(--line);padding:34px 32px;margin-top:60px;background:var(--graphite)}
.public h3{font-family:var(--display);font-weight:700;font-size:24px;text-transform:uppercase;margin-bottom:12px}
.public p{font-size:16px;color:#D6D6D2;max-width:62ch}
.public a.btn{margin-top:22px}