.fert-ablations{position:relative;margin:28px auto 36px;border:1px solid var(--line,#dce2e6);border-radius:14px;background:#fff;overflow:hidden;color:#243746}
.ablation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.ablation-card{min-width:0;padding:26px 26px 16px;margin:0}
.ablation-card:nth-child(even){border-left:1px solid var(--line,#dce2e6)}
.ablation-card:nth-child(n+3){border-top:1px solid var(--line,#dce2e6)}
.ablation-card h4{margin:0 0 17px;font:25px/1.2 var(--serif,Georgia,serif);letter-spacing:-.3px;color:var(--ink,#292b2e)}
.ablation-card svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans,Arial,sans-serif)}
.ablation-grid{stroke:#e2e7eb;stroke-width:1}
.ablation-tick{font:13px var(--mono,monospace);fill:#657581}
.ablation-axis{font-size:13px;fill:#657581}
.ablation-x-axis{font-size:13px}
.ablation-value{font-size:16px;fill:#243746;font-weight:500;font-variant-numeric:tabular-nums;pointer-events:none}
.ablation-baseline .ablation-value{fill:#944a35;font-weight:650}
.ablation-setting-label{font-size:15px;fill:#657581;pointer-events:none}
.ablation-mark{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.ablation-hit{fill:transparent;stroke:transparent;stroke-width:1.5;pointer-events:all;transition:fill .18s,stroke .18s}
.ablation-mark:hover .ablation-hit{fill:#f1f5f7}
.ablation-mark[aria-pressed=true] .ablation-hit{fill:#f8f1ed;stroke:#d3ac9c}
.ablation-mark:focus-visible .ablation-hit{stroke:#315f7b;stroke-width:2;fill:#eef5f9}
.ablation-bar{pointer-events:none;transform-box:fill-box;transform-origin:50% 100%}
.ablation-interval{pointer-events:none}
.ablation-card[data-ablation-motion=pending] .ablation-bar{transform:scaleY(0)}
.ablation-card[data-ablation-motion=pending] .ablation-interval{opacity:0}
.ablation-card[data-ablation-motion=played] .ablation-bar{animation:fert-ablation-grow .75s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--ablation-order)*75ms)}
.ablation-card[data-ablation-motion=played] .ablation-interval{animation:ablation-interval-in .4s ease both;animation-delay:calc(.45s + var(--ablation-order)*75ms)}
.ablation-tooltip{position:absolute;z-index:3;box-sizing:border-box;width:max-content;max-width:min(280px,calc(100% - 16px));padding:11px 13px;border:1px solid #cdd7de;border-radius:9px;background:#fff;box-shadow:0 5px 18px #2437461a;font:13px/1.5 var(--sans,Arial,sans-serif);pointer-events:none}
.ablation-tooltip[hidden]{display:none}
.ablation-tooltip strong,.ablation-tooltip span{display:block}
.ablation-tooltip strong{margin-bottom:4px;font-size:14px;font-weight:600;color:#243746}
.ablation-tooltip span{color:#536875;font-variant-numeric:tabular-nums}
@keyframes fert-ablation-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes ablation-interval-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){
 .ablation-cards{grid-template-columns:minmax(0,1fr)}
 .ablation-card:nth-child(even){border-left:0}
 .ablation-card+.ablation-card{border-top:1px solid var(--line,#dce2e6)}
 .ablation-card{padding:21px 17px 14px}
 .ablation-card h4{font-size:22px;margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){
 .fert-ablations *{animation:none!important;transition:none!important}
 .ablation-card[data-ablation-motion=pending] .ablation-bar{transform:none}
 .ablation-card[data-ablation-motion=pending] .ablation-interval{opacity:1}
}
