/* Only place the existing viewport-sized graph into the document flow. */
#root > main { position:relative; inset:auto; width:100%; height:100vh; }
#root .restart { position:absolute; }
#self-qa { padding:64px 48px 72px; background:#fff; color:#111; font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:18px; line-height:1.6; letter-spacing:-.035em; outline:none; }
#self-qa[hidden] { display:none; }
.qa-columns { max-width:960px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:50px; }
.qa-column { display:flex; flex-direction:column; gap:64px; min-width:0; }
#self-qa h2 { margin:0 0 20px; font-size:inherit; line-height:inherit; font-weight:700; word-break:keep-all; overflow-wrap:break-word; }
.qa-answer p { margin:0; }
.qa-answer p + p { margin-top:12px; }
#self-qa .qa-photo { display:block; width:100%; height:auto; max-width:100%; margin-top:20px; clip-path:none; border:0; border-radius:0; box-shadow:none; }
#self-qa .qa-return { display:block; width:190px; height:190px; flex-shrink:0; margin:auto 24px 0 auto; padding:0; border:0; background:transparent; box-shadow:none; }
#self-qa .qa-return img { width:100%; height:auto; }
@media(max-width:760px) {
 #self-qa { padding:48px 24px; }
 .qa-columns { grid-template-columns:minmax(0,1fr); max-width:480px; gap:64px; }
 #self-qa .qa-return { width:170px; height:170px; margin:16px 0 0 auto; }
}
/* Keep every answer, including song titles, at the same regular weight. */
#self-qa .qa-answer, #self-qa .qa-answer * { font-weight:400 !important; }