.tbody{padding:20px 0 130px}
.tdoc{max-width:760px;display:flex;flex-direction:column;gap:14px}
.tsec{padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:var(--card);animation:m-card .6s var(--ease) backwards;animation-delay:calc(.12s + var(--i,0)*40ms)}
.tsec h2{display:flex;align-items:baseline;gap:14px;font-family:var(--disp);font-weight:500;font-size:19px;line-height:1.3;margin-bottom:14px}
.tsec h2 span{flex:0 0 auto;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--dim)}
.tsec p,.tsec li{font-size:15.5px;line-height:1.65;color:#c4c4c4}
.tsec p+p,.tsec p+ul,.tsec ul+p{margin-top:12px}
.tsec ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.tsec li{position:relative;padding-left:20px}
.tsec li::before{content:"";position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--line2)}
.tsec a{color:var(--txt);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;transition:text-decoration-color .2s}
.tsec a:hover{text-decoration-color:var(--txt)}
.tsec b{color:var(--txt);font-weight:600}
.tsec.key{border-color:#5a2420;background:#150d0c}
.tsec.key h2 span{color:#ff8a80}
.tsec.key p:first-of-type{font-size:17px;color:var(--txt)}
.tdate{margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--dim)}
@media(max-width:900px){
  .tbody{padding-bottom:120px}
  .tsec{padding:22px 20px;border-radius:18px}
  .tsec h2{font-size:17px}
}
@media(max-width:600px){
  .mh1{font-size:clamp(22px,7.4vw,30px)}
}
@media(prefers-reduced-motion:reduce){
  .tsec{animation:none}
}