*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:#f6f7f8;color:#111}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e6e8eb;position:sticky;top:0;z-index:10}
.title{font-weight:700;font-size:16px}
.subtitle{font-size:12px;color:#555;margin-top:2px}
.container{max-width:820px;margin:0 auto;padding:14px 12px 30px}
.card{background:#fff;border:1px solid #e6e8eb;border-radius:12px;padding:14px;margin:10px 0;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.card.subtle{background:#fbfbfc}
.label{font-weight:700;font-size:13px;margin-bottom:10px}
.row{display:flex;gap:10px;align-items:center}
.input{flex:1;padding:12px 12px;border:1px solid #cfd6dd;border-radius:10px;font-size:16px}
.btn{border:1px solid #cfd6dd;background:#fff;border-radius:10px;padding:10px 12px;font-size:14px;cursor:pointer}
.btn.primary{background:#111;color:#fff;border-color:#111}
.btn:disabled{opacity:.5;cursor:not-allowed}
.hint{font-size:12px;color:#555;margin-top:8px}
.suggestions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid #cfd6dd;background:#fff;border-radius:999px;padding:7px 10px;font-size:13px;cursor:pointer}
.questions{display:flex;flex-direction:column;gap:10px}
.qrow{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #e6e8eb;border-radius:10px}
.qtext{font-size:14px;font-weight:600}
.radioRow{display:flex;gap:10px;align-items:center;font-size:13px;color:#222}
.resultTitle{font-size:18px;font-weight:800;margin-bottom:10px}
.resultBody{font-size:14px;line-height:1.7}
.smallnote{margin-top:10px;font-size:12px;line-height:1.6;color:#555}
@media (max-width:520px){.row{flex-direction:column;align-items:stretch}.btn{width:100%}}


.footer{
  text-align:center;
  font-size:12px;
  color:#666;
  margin:30px 0 20px;
}
.footer a{
  color:#666;
  text-decoration:none;
}
.footer a:hover{
  text-decoration:underline;
}


.examples{margin-top:10px}
.examples-label{font-size:12px;color:#666;margin-bottom:6px}
.examples-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip.ex{opacity:.9}