.lf-section{margin:26px 0}
.lf-panel{padding:30px}
.lf-panel h2{margin:0 0 10px;font-size:1.6rem}
.lf-panel>p{margin:0 0 8px;color:var(--text-secondary);max-width:75ch}
.lf-summary h2{font-size:clamp(1.5rem,3.4vw,2.3rem)}
.lf-note{margin:14px 0;padding:14px 18px;border:1px solid var(--cr-ff9e00-a300);background:var(--cf-ff9e00-a070);border-radius:14px;color:var(--text-secondary);font-size:.92rem}
.lf-note button{margin-left:6px}
.lf-radar-wrap{display:flex;justify-content:center;padding:10px 0}
.lf-radar-svg{width:100%;max-width:460px;height:auto}
.lf-radar-grid{fill:none;stroke:var(--ct-ffffff-a120);stroke-width:1}
.lf-radar-axis{stroke:var(--ct-ffffff-a140);stroke-width:1}
.lf-radar-shape{fill:color-mix(in srgb,var(--tech-green) 22%,transparent);stroke:var(--tech-green);stroke-width:2;stroke-linejoin:round}
.lf-radar-dot{fill:var(--tech-green);stroke:var(--dark-bg);stroke-width:2}
.lf-radar-dot-empty{fill:var(--dark-bg);stroke:var(--text-muted);stroke-dasharray:2 2}
.lf-radar-label{fill:var(--text-secondary);font-size:12px;font-weight:700}
.lf-radar-label-empty{fill:var(--text-muted);font-weight:500}
.lf-axis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.lf-axis-card{--topic-color:var(--tech-blue);padding:20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--topic-color) 30%,var(--cr-ffffff-a100));background:linear-gradient(160deg,color-mix(in srgb,var(--topic-color) 8%,transparent),var(--cf-ffffff-a020))}
.lf-axis-card h3{margin:0 0 8px;font-size:1.1rem;color:var(--topic-color)}
.lf-axis-percent{font-size:1.9rem;font-weight:950;margin-bottom:10px}
.lf-axis-empty{font-size:1.05rem;color:var(--text-muted);font-weight:700}
.lf-axis-empty-note{margin:0;color:var(--text-muted);font-size:.86rem}
.lf-axis-readings{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lf-axis-readings li{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--cr-ffffff-a080)}
.lf-axis-readings li:first-child{border-top:none;padding-top:0}
.lf-axis-readings a{color:var(--text-primary);text-decoration:none;font-weight:800;font-size:.92rem}
.lf-axis-readings a:hover{text-decoration:underline}
.lf-axis-readings span{color:var(--text-muted);font-size:.83rem}
.lf-formula summary{cursor:pointer;font-weight:800}
.lf-formula p{margin:12px 0 0;color:var(--text-secondary);max-width:78ch}
@media(max-width:620px){.lf-panel{padding:20px}}