.qa{padding-bottom:72px}.qa--narrow{max-width:820px}.qa-head{padding-bottom:16px}.qa-note{justify-items:start;gap:14px;margin:0;padding:24px 28px;display:grid}.qa-note p{margin:0}.qa-bar{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:20px;display:flex}.qa-name{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:.88rem;display:flex}.qa-name input{border:2px solid var(--ink);width:min(100%,16em);font:inherit;border-radius:8px;padding:6px 10px}.qa-name__error{color:var(--red);font-weight:700}.link-button{color:var(--blue-deep);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--ink)}.qa-filter{border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.qa-filter input[type=search]{flex:16em}.qa-filter select{flex:0 18em}.qa-filter input[type=search],.qa-filter select{border:2px solid var(--ink);background:var(--surface);min-width:0;color:var(--ink);font:inherit;border-radius:10px;padding:9px 12px;font-size:.95rem}.qa-filter__mine{white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.qa-count{color:var(--ink-2);margin:24px 0 10px;font-size:.9rem;font-weight:700}.qa-list{margin:0;padding:0;list-style:none;overflow:hidden}.qa-item{gap:6px;padding:18px 22px;display:grid}.qa-item+.qa-item{border-top:1px solid var(--line)}.qa-item__title{font-family:var(--font-display);color:var(--ink);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700;line-height:1.5;text-decoration:none}.qa-item__title:hover{color:var(--blue-deep);text-decoration:underline}.qa-item__tags{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:.82rem;display:flex}.qa-item__course{color:var(--ink-2)}a.qa-item__course{color:var(--blue-deep)}.qa-item__excerpt{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:.9rem}.qa-item__meta{color:var(--ink-3);margin:0;font-size:.8rem}.chip--answered{background:var(--note-green)}.chip--waiting{background:var(--note-yellow)}.qa-author{color:var(--ink-2);font-weight:700}.qa-author .chip{vertical-align:1px;padding:0 8px;font-size:.7rem}.qa-more{text-align:center;margin:20px 0 0}.qa-question{padding:26px 28px}.qa-question__title{font-family:var(--font-display);overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.45}.qa-post__meta{color:var(--ink-3);margin:10px 0 0;font-size:.82rem}.qa-post__actions{text-align:right;margin:14px 0 0;font-size:.82rem}.qa-replies__title{font-family:var(--font-display);margin:40px 0 14px;font-size:1.1rem}.qa-replies{gap:18px;margin:0;padding:0;list-style:none;display:grid}.qa-post{box-shadow:var(--shadow-sm);padding:18px 24px}.qa-post .qa-post__meta{margin:0}.qa-post--staff{border-left-width:8px;border-left-color:var(--blue)}.qa-body{overflow-wrap:anywhere;margin-top:14px;line-height:1.85}.qa-body p{white-space:pre-wrap;margin:0 0 1em}.qa-body>:last-child{margin-bottom:0}.qa-body code{border:1px solid var(--line);background:var(--gray-soft);font-family:var(--font-mono);border-radius:6px;padding:.1em .4em;font-size:.86em}.qa-body pre{border:1px solid var(--line-strong);background:var(--gray-soft);tab-size:4;border-radius:10px;margin:0 0 1em;padding:14px 16px;font-size:.84rem;line-height:1.65;overflow-x:auto}.qa-body pre code{font-size:inherit;white-space:pre;background:0 0;border:0;padding:0}.qa-image{max-width:100%;margin:0 0 1em;display:inline-block}.qa-image img{border:1px solid var(--line-strong);border-radius:8px;max-width:100%;height:auto;max-height:520px;display:block}.qa-image--missing{color:var(--ink-3);font-size:.85rem}.qa-form{gap:18px;margin-top:32px;padding:26px 28px;display:grid}[data-view=form].qa-form{margin-top:0}.qa-form__title{font-family:var(--font-display);margin:0;font-size:1.1rem}.qa-form .field{gap:6px;display:grid}.qa-form label:not(.btn),.qa-form .label{font-size:.95rem;font-weight:700}.qa-form .req{background:var(--red-soft);color:var(--red);vertical-align:2px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.7rem}.qa-form select,.qa-form input[type=text],.qa-form textarea{border:2px solid var(--ink);background:var(--surface);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:10px;padding:11px 14px;font-size:1rem}.qa-form textarea{resize:vertical;min-height:10rem;font-size:.95rem;line-height:1.7}.qa-form select:focus,.qa-form input:focus,.qa-form textarea:focus,.qa-filter input:focus,.qa-filter select:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 25%, transparent);outline:none}.qa-form .hint{color:var(--ink-3);margin:0;font-size:.82rem}.qa-form .qa-name{margin:0}.qa-file{justify-self:start}.qa-file input{opacity:0;width:1px;height:1px;position:absolute}.qa-file:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 25%, transparent)}.qa-thumbs{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.qa-thumbs:empty{display:none}.qa-thumb{justify-items:center;gap:4px;display:grid}.qa-thumb img{object-fit:cover;border:1px solid var(--line-strong);border-radius:6px;width:96px;height:72px}.qa-thumb__remove{color:var(--red);cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem}.qa-form .form__status{margin:0}.qa-form .form__status:empty{display:none}.qa-form .form__status[data-state=error]{color:var(--red);font-weight:700}.qa-form .form__submit{justify-self:center;min-width:220px}.qa-tips{margin-top:32px;font-size:.92rem}.qa-tips__title{margin:0 0 6px;font-weight:700}.qa-tips ul{margin:0;padding-left:1.2em}@media (width<=600px){.qa-note,.qa-question,.qa-form{padding:20px 18px}.qa-item,.qa-post{padding:16px}.qa-filter select{flex-basis:100%}}
