.qna__lead,.qna__empty{margin:var(--sp-3) 0 var(--sp-6);color:var(--c-ink-sub);line-height:1.75}.qna__list{border-top:1px solid var(--c-ink);margin:0;padding:0;list-style:none}.qna__item{border-bottom:1px solid var(--c-line)}.qna__sum{align-items:center;column-gap:var(--sp-4);padding:var(--sp-4) var(--sp-2);cursor:pointer;grid-template-columns:3rem minmax(0,1fr) auto;grid-template-areas:"no title state""no meta state";row-gap:2px;min-height:44px;list-style:none;display:grid}.qna__sum::-webkit-details-marker{display:none}.qna__sum:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.qna__no{color:var(--c-ink-sub);font-size:var(--fs-sm);text-align:center;font-variant-numeric:tabular-nums;grid-area:no}.qna__title{color:var(--c-ink);word-break:keep-all;overflow-wrap:anywhere;grid-area:title;font-weight:600}.qna__row--secret .qna__title{color:var(--c-ink-sub);font-weight:500}.qna__meta{color:var(--c-ink-sub);font-size:var(--fs-sm);grid-area:meta}.qna__state{border:1px solid var(--c-line);border-radius:var(--r-full);color:var(--c-ink-sub);font-size:var(--fs-sm);white-space:nowrap;grid-area:state;padding:2px 10px}.qna__state--done{border-color:var(--c-primary);color:var(--c-primary)}.qna__open{gap:var(--sp-4);padding:0 var(--sp-2) var(--sp-5) calc(3rem + var(--sp-4) + var(--sp-2));display:grid}.qna__q p,.qna__a p{margin:0 0 var(--sp-2);white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;line-height:1.8}.qna__a{padding:var(--sp-4);border-left:2px solid var(--c-primary);background:var(--c-bg-alt)}.qna__label{margin:0 0 var(--sp-2);color:var(--c-ink-sub);font-size:var(--fs-sm);font-weight:600}.qna__wait,.qna__gone{color:var(--c-ink-sub);margin:0}.qna__gone{padding:var(--sp-4) var(--sp-2)}.qna__link{min-height:44px;color:var(--c-ink-sub);font:inherit;font-size:var(--fs-sm);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.qna__del{margin:0}.qna__pw label{margin-bottom:var(--sp-1);font-size:var(--fs-sm);font-weight:600;display:block}.qna__pw-row{gap:var(--sp-2);max-width:24rem;display:flex}.qna__pw-row input{flex:1;min-width:0}.qna__pw-row button{min-height:44px;padding:0 var(--sp-4);border:1px solid var(--c-ink);border-radius:var(--r-sm,4px);background:var(--c-ink);color:var(--c-bg);font:inherit;cursor:pointer;font-weight:600}.qna__pw-row button:disabled{opacity:.6}.qna__rules,.qna__agree ul{list-style:outside}.qna__rules{margin:var(--sp-3) 0 var(--sp-6);color:var(--c-ink-sub);padding-left:1.2em;line-height:1.75}.qna__form{gap:var(--sp-5);max-width:44rem;display:grid}.qna__grid{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qna__field{gap:var(--sp-2);display:grid}.qna__field label{font-weight:600}.qna__form input:not([type=checkbox]),.qna__form textarea,.qna__pw-row input{border:1px solid var(--c-line);border-radius:var(--r-sm,4px);background:var(--c-surface,#fff);width:100%;min-height:44px;color:var(--c-ink);font:inherit;padding:10px 12px}.qna__form textarea{resize:vertical;line-height:1.7}.qna__form input:focus-visible,.qna__form textarea:focus-visible,.qna__pw-row input:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}.qna__hint{color:var(--c-ink-sub);font-size:var(--fs-sm);margin:0}.qna__check{align-items:flex-start;gap:var(--sp-2);cursor:pointer;min-height:44px;line-height:1.6;display:flex}.qna__check input{width:20px;height:20px;accent-color:var(--c-primary);flex:none;margin-top:3px}.qna__agree{padding:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-sm,4px);margin:0}.qna__agree legend{padding:0 var(--sp-1);font-weight:600}.qna__agree ul{margin:0 0 var(--sp-2);color:var(--c-ink-sub);padding-left:1.2em;line-height:1.75}.qna__trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.qna__submit{justify-self:start;min-height:48px}.qna__msg{margin:0;line-height:1.7}.qna__msg--ok{color:var(--c-ink);font-weight:600}.qna__err{margin:var(--sp-1) 0 0;color:var(--c-danger,#b42318)}@media (max-width:640px){.qna__sum{padding:var(--sp-4) 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title state""meta meta"}.qna__no{display:none}.qna__open{padding:0 0 var(--sp-5)}.qna__grid{grid-template-columns:minmax(0,1fr)}}
