/* atto-hiro.com の記事本文に馴染むよう、装飾は最小限 */
.fhb{margin:1.25em 0}
.fhb__lead{margin:.5em 0 .8em}
.fhb__cta{margin:.6em 0 1em}
.fhb__ctaLink{text-decoration:none}
.fhb__ctaLink:hover{text-decoration:underline}
.fhb__toc{margin:1em 0 1.2em;padding:.9em 1em;border:1px solid rgba(0,0,0,.08);border-radius:10px}
.fhb__tocTitle{margin:0 0 .6em;font-weight:700}
.fhb__tocList{margin:0;padding-left:1.2em}
.fhb__tocList li{margin:.25em 0}
.fhb__about ul{margin:0 0 1em;padding-left:1.2em}
.fhb__formWrap{margin:1em 0 1.2em}
.fhb__fields{display:flex;flex-wrap:wrap;gap:.8em}
.fhb__field{display:grid;gap:.35em;min-width:120px}
.fhb__label{font-size:.85em;opacity:.9}
.fhb__input{padding:.55em .7em;border:1px solid rgba(0,0,0,.18);border-radius:10px;max-width:180px}
.fhb__actions{margin-top:.8em}
.fhb__button{padding:.7em 1.1em;border-radius:12px;border:0;background:#111;color:#fff;font-weight:700;cursor:pointer}
.fhb__button:hover{opacity:.9}
.fhb__note,.fhb__muted{opacity:.75;font-size:.9em}
.fhb__error{color:#b00020;font-weight:700}
.fhb__result{margin:1.2em 0;padding:1em 1.1em;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:rgba(0,0,0,.02)}
.fhb__resultMain{font-size:1.1em;margin:.2em 0 .6em}
.fhb__grid{display:grid;grid-template-columns:1fr;gap:.8em;margin:.8em 0}
@media(min-width:640px){.fhb__grid{grid-template-columns:1fr 1fr}}
.fhb__card{padding:.9em 1em;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.fhb__traitsTitle{margin:0 0 .5em}
.fhb__traitsList{margin:0;padding-left:1.2em}
.fhb__traitsList li{margin:.25em 0}
.fhb__selfcheck{margin-top:.9em;padding:.9em 1em;border:1px dashed rgba(0,0,0,.18);border-radius:12px;background:#fff}
.fhb__pick{display:grid;gap:.5em}
.fhb__pick label{display:inline-flex;gap:.45em;align-items:center}
.fhb__pickResult{margin:.3em 0 0;font-weight:700}
.fhb__faq{margin-top:1.4em}
.fhb__faqItem{margin:.6em 0;padding:.75em .9em;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(0,0,0,.02)}
.fhb__faqItem summary{cursor:pointer;font-weight:700}
.fhb__faqItem p{margin:.6em 0 0}