.tf-equipment{--eq-accent:#5a8233;margin-block:20px;padding:clamp(14px,3vw,22px);border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:18px;background:color-mix(in srgb,#a6f542 4%,transparent);color:inherit;min-width:0;font-size:14px;line-height:1.55;animation:tf-equipment-in .24s ease-out}
.tf-equipment *{box-sizing:border-box}.tf-equipment p{margin:10px 0;overflow-wrap:anywhere}.tf-equipment-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}.tf-equipment-heading strong{font-size:17px;line-height:1.3;letter-spacing:-.02em}.tf-equipment-badge{color:var(--eq-accent);font-size:11px;font-weight:700;letter-spacing:.08em}.tf-equipment-subtitle{font-size:16px;font-weight:650}.tf-equipment-help,.tf-equipment small{font-size:12px;line-height:1.55;opacity:.78}.tf-equipment-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:10px 14px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:11px;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:center;white-space:normal;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.tf-equipment-button:hover{background:color-mix(in srgb,#a6f542 10%,transparent);border-color:var(--eq-accent)}.tf-equipment-button:active{transform:scale(.98)}.tf-equipment-button:focus-visible,.tf-equipment summary:focus-visible{outline:2px solid var(--eq-accent);outline-offset:3px}.tf-equipment-button:disabled{opacity:.5;cursor:wait}.tf-equipment-table-wrap{overflow-x:auto;margin-block:12px}.tf-equipment-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;letter-spacing:normal!important}.tf-equipment-table th,.tf-equipment-table td{text-align:center;padding:8px 6px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);white-space:nowrap;letter-spacing:normal!important}.tf-equipment-table th{font-size:12px;font-weight:500}.tf-equipment-table td{font-size:14px}.tf-equipment-table .tf-equipment-button{min-width:36px;min-height:36px;padding:6px 10px}.tf-equipment-chart{margin:16px 0;max-width:100%}.tf-equipment-chart figcaption{font-size:12px}.tf-equipment-chart svg{display:block;width:100%;height:auto;max-height:170px;margin-block:10px}.tf-equipment-line{stroke:var(--eq-accent);stroke-width:2;vector-effect:non-scaling-stroke}.tf-equipment-review{margin-block:14px;padding:12px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:12px}.tf-equipment-review summary{cursor:pointer;font-weight:600}.tf-equipment-player{position:relative;margin:12px auto;background:#111;border-radius:10px;overflow:hidden;max-height:70vh;max-width:100%;width:min(100%,480px)}.tf-equipment-player video{display:block;width:100%;height:100%;object-fit:contain}.tf-equipment-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tf-equipment-overlay[hidden]{display:none}.tf-equipment-point{fill:#a6f542;stroke:#111;stroke-width:.5}.tf-equipment-plate-box{stroke:#a6f542;stroke-width:.45;stroke-dasharray:2 1}.tf-equipment-check{display:flex;align-items:center;gap:10px;margin-top:12px;cursor:pointer}.tf-equipment-check input{appearance:auto;position:static!important;transform:none!important;flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#a6f542}
html[data-theme="dark"] .tf-equipment,body[data-theme="dark"] .tf-equipment,.dark .tf-equipment{--eq-accent:#b1d98d}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .tf-equipment{--eq-accent:#b1d98d}}
@media(max-width:480px){.tf-equipment-heading{align-items:flex-start}.tf-equipment-table th{font-size:11px}.tf-equipment-review{padding:10px}.tf-equipment-button{width:100%}.tf-equipment-table .tf-equipment-button{width:auto}}
@keyframes tf-equipment-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tf-equipment{animation:none}.tf-equipment-button{transition:none}}