.qpage { padding-top: 40px; padding-bottom: 64px; max-width: 760px; }
.qpage h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); }
.qpage .note { background: #fff4d6; color: #5a4300; padding: 8px 12px; border-radius: 8px; font-size: .95rem; }
.qpage fieldset { border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px 8px; margin: 0 0 22px; background: #fff; box-shadow: var(--shadow-1); }
.qpage legend { font-family: "Source Serif 4", Georgia, serif; font-weight: 700; font-size: 1.2rem; color: var(--green-ink); padding: 0 6px; }
.qpage label { display: block; font-weight: 500; margin: 10px 0 6px; }
.qpage .qn { color: var(--green); font-weight: 700; }
.qpage textarea, .qpage input { width: 100%; font: inherit; padding: 10px 12px; border: 1px solid #9fb8ad; border-radius: 10px; margin-bottom: 10px; background: #fbfdfc; }
.qpage textarea:focus, .qpage input:focus { outline: 3px solid var(--focus); outline-offset: 1px; }
.qpage button { margin: 8px 0 12px; border: 0; cursor: pointer; font-size: 1rem; }
#status { font-weight: 600; color: var(--green-ink); min-height: 1.5em; }