/* Compact only the four explanatory sections; keep all text and prices. */
@media screen{
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules){padding:20px 22px!important;gap:12px!important;margin-top:16px!important;min-height:0!important;border-radius:15px!important}
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) .smart-panel-header{display:grid!important;gap:5px!important;margin:0 0 12px!important;padding:0!important;min-height:0!important}
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) .smart-panel-header>span{font-size:10px!important;line-height:1.4!important;margin:0!important;padding:0!important}
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) .smart-panel-header h2{font-size:24px!important;line-height:1.25!important;margin:3px 0!important;padding:0!important}
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) .smart-panel-header>p{font-size:13px!important;line-height:1.55!important;margin:0!important;padding:0!important}
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) :is(.cost-grid,.compare-grid,.steps-grid,.rules-grid){gap:10px!important;margin:0!important;align-items:start!important}
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) article{padding:14px 16px!important;min-height:0!important;height:auto!important;gap:7px!important;border-radius:10px!important;box-shadow:none!important}
body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) article>strong,body #freshCompare article>h3{font-size:15px!important;font-weight:700!important;line-height:1.4!important;margin:0!important}
body :is(#cloudCost,#connectionSteps,#trustRules) article>p{font-size:13px!important;font-weight:400!important;line-height:1.55!important;margin:0!important}
body #cloudCost .cost-grid article{display:grid!important;align-content:start!important}
body #cloudCost .cost-grid article>b{font-size:23px!important;line-height:1.25!important;margin:1px 0!important}
body #cloudCost .trial-important{display:block!important;padding:11px 14px!important;margin-top:12px!important;border-radius:9px!important;line-height:1.55!important}
body #cloudCost .trial-important>strong{display:inline!important;font-size:13px!important;margin:0 6px 0 0!important}
body #cloudCost .trial-important>p{display:inline!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important;margin:0!important}
body #freshCompare .compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body #freshCompare .compare-grid ul{display:grid!important;gap:5px!important;margin:9px 0 0!important;padding-left:18px!important}
body #freshCompare .compare-grid li{font-size:13px!important;line-height:1.55!important;margin:0!important;padding:0!important}
body #connectionSteps .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body #connectionSteps article{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;column-gap:9px!important;row-gap:8px!important}
body #connectionSteps article>b{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:7px!important;font-size:13px!important;margin:0!important;box-shadow:none!important}
body #connectionSteps article>p{grid-column:1/-1!important}
body #trustRules .rules-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body #trustRules .rule-tag{font-size:10px!important;line-height:1.3!important;padding:4px 7px!important;margin:0 0 8px!important}
body #trustRules .rule-points{font-size:13px!important;line-height:1.55!important;gap:5px!important;margin:8px 0!important;padding-left:17px!important}
body #trustRules .rule-points li{font-size:13px!important;line-height:1.55!important;margin:0!important;padding:0!important}
body #trustRules .rule-important{font-size:11px!important;line-height:1.5!important;padding:7px 9px!important;margin:8px 0!important}
body #trustRules .rule-details{margin:8px 0 0!important;padding-top:5px!important}
body #trustRules .rule-details>summary{font-size:12px!important;line-height:1.5!important;padding:9px 0!important;min-height:38px!important;box-sizing:border-box}
}
@media screen and (max-width:1100px){body #cloudCost .cost-grid,body #connectionSteps .steps-grid,body #trustRules .rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media screen and (max-width:600px){body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules){padding:16px!important;margin-top:14px!important}body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) .smart-panel-header h2{font-size:21px!important}body #cloudCost .cost-grid,body #freshCompare .compare-grid,body #trustRules .rules-grid{grid-template-columns:minmax(0,1fr)!important}body #connectionSteps .steps-grid{grid-template-columns:minmax(0,1fr)!important}body :is(#cloudCost,#freshCompare,#connectionSteps,#trustRules) article{padding:13px 14px!important}}
@media screen{body #cloudCost .cost-grid,body #freshCompare .compare-grid,body #connectionSteps .steps-grid{align-items:stretch!important}}
