.kinship-guide{margin:48px 0;padding:clamp(22px,4vw,42px);background:#f5eee2;border:1px solid #d7c6ad;border-radius:24px;min-width:0;color:#574633}
.kinship-guide h2{font-size:clamp(25px,3vw,34px);line-height:1.55;margin:0 0 16px;text-wrap:balance}
.kinship-guide p{line-height:1.85;max-width:66ch}
.kinship-guide [hidden]{display:none!important}
.kin-trail{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 16px;padding:0;font-size:15px;line-height:1.8}
.kin-trail li+li::before{content:'›';margin-right:8px;color:#806c54}
.kin-result{background:#fffaf2;border-radius:18px;padding:20px 24px;margin:18px 0;min-height:126px;outline-offset:4px}
.kin-result h3{font-size:32px;line-height:1.5;margin:4px 0 10px;color:#4e3d2b}
.kin-result p{margin:6px 0}
.kin-result-label{font-size:14px;color:#745e47}
.kin-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.kin-choices button,.kin-actions button{font:inherit;font-size:16px;line-height:1.5;min-height:48px;border:1px solid #b9a184;background:#fffaf2;color:#57422d;border-radius:12px;padding:12px 14px;cursor:pointer;min-width:0;white-space:normal}
.kin-choices button:hover,.kin-actions button:hover:not(:disabled){background:#e9decc}
.kinship-guide button:focus-visible,.kin-result:focus-visible{outline:3px solid #70583f;outline-offset:3px}
.kin-actions{display:flex;flex-wrap:wrap;gap:10px}
.kin-actions button:disabled{opacity:.5;cursor:default}
.kin-note,.kin-limit,.kin-caution{font-size:15px;line-height:1.85}
.kin-limit{grid-column:1/-1}
.kin-reference{margin-top:22px;font-size:14px}
@media(max-width:760px){.kin-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.kinship-guide{margin:32px 0;padding:22px 18px}.kin-result{padding:18px}.kin-trail{font-size:14px}}

.kin-copy{font:inherit;min-height:44px;border:1px solid #b9a184;border-radius:12px;background:#efe4d3;color:#57422d;padding:10px 16px;cursor:pointer;margin:8px 0}
.kin-manual{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:18px;margin:12px 0;padding:12px;border:1px solid #b9a184;border-radius:10px;background:#fff}
.kin-sprout{width:76px;height:58px;color:#87906c;float:right;margin:0 0 12px 16px}
.kin-trail li:last-child{animation:kin-arrive .22s ease-out}
@keyframes kin-arrive{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.kin-trail li:last-child{animation:none}}

.motion-off .kin-trail li:last-child,.wb-motion-off .kin-trail li:last-child,.wd-reduced .kin-trail li:last-child{animation:none}