#individual.individual{display:block;padding-block:22px}
#individualFold{border:1px solid var(--page-border,#8da395);border-left:4px solid var(--page-accent,#a63630);border-radius:8px;background:var(--page-light,#edf2ef);overflow:hidden}
#individualFold>summary{display:flex;align-items:center;gap:16px;padding:18px 22px;min-height:80px;list-style:none;cursor:pointer;color:var(--page-ink,#19392e);touch-action:manipulation}
#individualFold>summary::-webkit-details-marker{display:none}
#individualFold>summary::marker{content:''}
.individualFoldIcon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--page-border,#8da395);border-radius:6px;background:#fff;color:var(--page-main,#285340)}
.individualFoldIcon svg{width:24px;height:24px}
.individualFoldLabel{display:flex;flex-direction:column;gap:4px;min-width:0}
.individualFoldLabel strong{font:400 22px/1.25 Georgia,serif}
.individualFoldLabel small{font-size:12px;line-height:1.5;color:var(--page-muted,#4c6257)}
.individualFoldHint{margin-left:auto;display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--page-main,#285340)}
.individualFoldHint svg{width:20px;height:20px;transition:transform .2s}
.individualFoldClose{display:none}
#individualFold[open] .individualFoldOpen{display:none}
#individualFold[open] .individualFoldClose{display:inline}
#individualFold[open] .individualFoldHint svg{transform:rotate(180deg)}
#individualFold>summary:hover{background:#ffffff70}
#individualFold>summary:focus-visible{outline:3px solid var(--page-main,#285340);outline-offset:-5px}
#individualFold .individualFoldContent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);padding:30px 24px;border-top:1px dashed var(--page-border,#8da395)}
#individualFold[open] .individualFoldContent{animation:individualReveal .2s ease-out}
@keyframes individualReveal{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){#individual.individual{padding-block:16px}#individualFold>summary{padding:15px 14px;gap:11px}.individualFoldLabel strong{font-size:19px}.individualFoldLabel small{font-size:11px}.individualFoldHint{font-size:11px;gap:5px}#individualFold .individualFoldContent{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 14px}.individualFoldIcon{width:32px;height:34px}}
@media(max-width:390px){.individualFoldHint>span{display:none}}
@media(prefers-reduced-motion:reduce){.individualFoldHint svg{transition:none}#individualFold[open] .individualFoldContent{animation:none}}