[hidden]{display:none!important}
.tw{overflow-x:auto}
.comp-form>*{min-width:0}
.comp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.comp-form label{display:block;font-size:13px;color:var(--sub)}
.comp-form input,.comp-form select{display:block;width:100%;margin-top:4px;font:inherit;color:var(--ink);padding:8px 10px;border:1px solid #ccc;background:#fff;border-radius:6px}
.comp-form .wide{grid-column:1/-1}
.comp-form button{grid-column:1/-1;font:inherit;padding:10px 14px;border:1px solid var(--acc);background:var(--acc);color:#fff;border-radius:6px;cursor:pointer;min-height:48px}
.comp-form small{display:block;font-size:13px;margin-top:3px}
#msg{color:var(--acc);min-height:1.4em;margin:0}
.comp-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.comp-out>div{border-top:1px solid var(--line);padding:8px 0 0;background:#fff}
.comp-out>div:first-child{grid-column:1/-1;background:var(--soft);border:0;border-radius:6px;padding:12px 14px}
.comp-out b{display:block;font-size:13px;font-weight:400;color:var(--sub)}
.comp-out span{display:block;font-size:19px;line-height:1.4;font-weight:700}
.comp-out>div:first-child span{font-size:24px}
.comp-out p{margin:4px 0 0;font-size:13px;color:var(--sub)}
table.stat{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}
table.stat th,table.stat td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:right}
table.stat th:first-child,table.stat td:first-child{text-align:left}
table.stat thead th{font-weight:400;color:var(--sub)}
.src{border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:16px 0;background:#fff}
.src h3{margin:0 0 4px;font-size:16px;line-height:1.5}
.src .meta{font-size:13px;color:var(--sub);margin:0 0 8px}
.src blockquote{margin:8px 0;padding:4px 12px;border-left:2px solid var(--line);color:var(--ink)}
.src blockquote+blockquote{margin-top:6px}
.qlist{list-style:none;margin:12px 0;padding:0;border-top:1px solid var(--line)}
.qlist a{display:block;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.qlist a:hover{text-decoration:underline}
.ans p{line-height:1.8}
@media(min-width:640px){.comp-form{grid-template-columns:repeat(3,minmax(0,1fr))}.comp-out{grid-template-columns:repeat(3,minmax(0,1fr))}}