/* Keep each title, reference note and response row visually grouped. */
.draft-notice { border-left:4px solid #b78b38; font-weight:600; line-height:1.8; }
.community-art { margin: 24px 0 0; overflow: hidden; border: 1px solid rgba(221,198,142,.25); border-radius: 3px; }
.community-art svg { display: block; width: 100%; height: 190px; }
.hero .hero-facts { margin-top: 22px; }
.guide-brief { padding: 12px 14px; background: #f0f3ef; border-left: 2px solid #9aae9e; }
.filling-guide { margin-top: 12px; }
.filling-guide summary { cursor: pointer; color: #285246; font-size: 14px; font-weight: 600; }
.filling-guide summary span { color: #7b8581; font-weight: 400; font-size: 12px; margin-left: 8px; }
@media(max-width:650px) { .community-art svg { height: 135px; } .community-art { margin-top: 20px; } }
.question .standard-note { background: #f0f3ef; padding: 10px 12px; border-left: 2px solid #9aae9e; }
.source-detail { margin: 10px 0; color: #53645b; font-size: 12px; line-height: 1.8; }
.question .source-detail { margin-left: 35px; }
.source-detail summary { cursor: pointer; color: #285246; font-weight: 600; }
.source-detail li { margin-bottom: 9px; }
.source-detail ul, .source-detail ol { padding-left: 24px; }
.standards-reference > p { color: #66736c; font-size: 13px; line-height: 1.8; }
.standards-reference > h2 { font-size: 20px; }
.question { margin: 0; padding: 24px 0; }
.question-title { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0; color: #273731; font-size: 15px; font-weight: 700; line-height: 1.65; }
.question-number { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 2px; color: #fff; background: var(--ink); font: 11px Georgia, serif; }
.question-title { grid-template-columns: 42px minmax(0,1fr); gap:12px; }
.question-number { width:42px; height:42px; font:bold 24px Georgia,serif; border-radius:4px; }
.question .standard-note, .question .source-detail, .question .rating-grid { margin-left:54px; }
.privacy-consent { display:flex; gap:10px; justify-content:center; align-items:flex-start; font-size:14px; line-height:1.7; margin-bottom:20px; }
.privacy-consent input { margin-top:5px; width:18px; height:18px; flex:none; }
.submit-zone button { margin:6px; }
#submitStatus { overflow-wrap:anywhere; }
#submitStatus.success { color:#173f36; font-weight:bold; }
.question .standard-note { margin-left:54px !important; }
@media(max-width:650px){.question .standard-note,.question .source-detail{margin-left:0 !important}.question-title{font-size:16px}.question-number{font-size:24px}}
.question .standard-note { margin: 6px 0 0 35px; color: #7b8581; font-size: 11px; font-weight: 400; line-height: 1.65; }
.question .rating-grid { margin: 14px 0 0 35px; gap: 8px; }
.question .rating { min-height: 62px; }
.question .rating:focus-within { outline: 2px solid var(--ink); outline-offset: 2px; }
.question .rating-grid { margin-left:54px; }
@media (max-width: 650px) {
  .question { padding: 22px 0; }
  .question .rating-grid { margin-left: 0; margin-top: 14px; }
  .question .rating { min-height: 60px; }
}