.fd-panel{margin-bottom:20px}
.fd-table th,.fd-table td{vertical-align:middle;padding:6px}
.fd-table input[type=text]{min-height:42px;min-width:120px;font-size:.92rem}
.fd-table input[type=number]{min-height:42px;width:68px;text-align:center;padding:6px}
.fd-table select{min-height:42px;min-width:64px;padding:6px 8px}
.fd-table thead th{text-transform:none;letter-spacing:0;font-size:.82rem}
.fd-x{font:inherit;border:0;background:none;color:var(--ink-2);cursor:pointer;min-width:36px;min-height:36px;font-size:1.1rem}
.fd-out{margin-bottom:20px}
.fd-rank{margin:6px 0 10px;padding:0;list-style:none;display:grid;gap:8px}
.fd-rank li{background:#fff;border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);border-radius:8px;padding:10px 12px;display:grid;gap:6px}
.fd-rank li b{font-family:var(--font-display,Georgia,serif);font-weight:500}
.fd-rank i{display:block;height:8px;border-radius:99px;background:color-mix(in srgb,var(--accent) 12%,#fff);position:relative;overflow:hidden}
.fd-rank i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--accent)}
.fd-q label{margin-bottom:10px}
@media print{.fd-q textarea{border:0;border-bottom:1px solid #666;border-radius:0;min-height:60px}}
