:root{--green:#24d483;--green-dark:#087a48}
    .runtime-preview{display:flex;flex-direction:column;gap:4px;background:#edf8f1;border:1px solid #d4eadc;border-radius:13px;padding:13px 15px;margin-top:18px;min-height:114px}.runtime-preview .runtime-caption{color:#517460;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.runtime-preview strong{color:#13603b;font-family:Manrope,sans-serif;font-size:1.13rem;line-height:1.35}.runtime-preview>span:last-child{color:#405d4c;font-size:.875rem}

    .usage-section{grid-column:1/-1;padding:30px 36px 34px;border-top:1px solid var(--line);background:#fff}.usage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.usage-heading .eyebrow{color:var(--green-dark);margin:0 0 8px}.usage-heading h3{margin:0;font:800 1.55rem/1.22 Manrope,sans-serif;letter-spacing:-.035em}.estimate-tag{background:#edf8f1;color:#296144;padding:7px 11px;border-radius:10px;font-size:.8rem;flex-shrink:0}.usage-intro{color:#58635c;font-size:1rem;margin:14px 0 20px}.configuration-note{color:#3b5747;font-size:.875rem;font-weight:600;margin:0 0 20px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.scenario{border:1px solid #dce5df;border-radius:17px;padding:20px;background:#f8faf8;min-width:0}.scenario h4{font-family:Manrope,sans-serif;font-size:1rem;line-height:1.3;margin:0}.scenario-level{display:flex;gap:10px;align-items:center}.scenario-level>span{font-size:.75rem;color:#4c6a59;background:#e7eee9;padding:4px 6px;border-radius:5px}.scenario-time{font:800 clamp(1.35rem,2.5vw,1.9rem)/1.25 Manrope,sans-serif;letter-spacing:-.045em;color:#10653b;margin:19px 0 5px}.scenario-load{font-size:.875rem;font-weight:600;color:#607567;margin:0 0 16px}.scenario ul{padding:0;margin:0;list-style:none;border-top:1px solid #e0e8e2}.scenario li{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;color:#45544a;padding:9px 0;border-bottom:1px solid #e7ece8;line-height:1.35}.scenario li b{font-weight:500;white-space:nowrap}.scenario-note{font-size:.875rem;color:#677168;margin:15px 0 0}.usage-caution{font-size:.875rem;color:#5f6c63;margin:19px 0 0;line-height:1.65}.runtime-method{margin-top:18px;border-top:1px solid #e4eae5;padding-top:15px;color:#5f6962;font-size:.875rem}.runtime-method summary{cursor:pointer;color:#253f2f;font-weight:700;padding:5px 0}.runtime-method p{max-width:850px}.runtime-method a{color:#087a48;text-decoration:underline;text-underline-offset:3px}.component-guide{background:#f2f7f3;border-left:3px solid var(--green);padding:20px;border-radius:0 14px 14px 0}.component-guide p{margin-bottom:0;color:#526358}.charge-examples{display:flex;flex-wrap:wrap;gap:12px 22px;background:#eff7f2;border-radius:14px;padding:18px;margin-top:18px;font-size:.9rem}.charge-examples strong{width:100%}.charge-examples small{font-size:.85rem;color:#5a6f61}.charge-examples p{font-size:.875rem;color:#5a6f61;margin:0;width:100%}
    @media(max-width:900px){.modal{grid-template-columns:1fr}.modal-media{padding:20px;min-height:200px}.modal-media img{max-height:210px}.usage-heading{flex-direction:column;gap:12px}.scenario-grid{grid-template-columns:1fr}.scenario ul{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.scenario-time{font-size:1.7rem}.usage-section{padding:26px 30px}}
    @media(max-width:620px){.usage-section{padding:24px 20px}.scenario ul{grid-template-columns:1fr}.usage-heading h3{font-size:1.4rem}.estimate-tag{white-space:normal}.scenario{padding:18px}}