/* MSS Editor Blocks - frontend (Posts + Case Studies) */
.mss-graph-wrap{margin:32px 0;padding:24px;background:#fff;border:1px solid #f0d6da;border-radius:10px;box-shadow:0 1px 3px rgba(217,53,75,.06);}
.mss-graph-title{margin:0 0 16px;font-size:20px;font-weight:600;color:#282828;line-height:1.3;}
.mss-graph-canvas-wrap{position:relative;height:360px;width:100%;}
.mss-graph-canvas-wrap canvas{max-width:100%;}
.mss-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:32px 0;}
.mss-kpi-card{background:linear-gradient(135deg,#fff5f0 0%,#fdebe9 100%);border:1px solid #f6cccf;border-radius:12px;padding:24px;text-align:center;transition:transform .15s ease,box-shadow .15s ease;}
.mss-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(217,53,75,.15);}
.mss-kpi-value{font-size:40px;font-weight:700;color:#d9354b;line-height:1.1;letter-spacing:-.02em;display:flex;align-items:baseline;justify-content:center;gap:4px;}
.mss-kpi-suffix{font-size:20px;font-weight:600;color:#f66f26;}
.mss-kpi-label{margin-top:8px;font-size:14px;font-weight:500;color:#424242;text-transform:uppercase;letter-spacing:.05em;}
.mss-faq{margin:32px 0;display:flex;flex-direction:column;gap:12px;}
.mss-faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .15s ease;}
.mss-faq-item[open]{border-color:#F4682B;box-shadow:0 4px 12px rgba(217,53,75,.1);}
.mss-faq-q{padding:18px 24px;font-size:16px;font-weight:600;color:#282828;cursor:pointer;list-style:none;position:relative;padding-right:48px;user-select:none;}
.mss-faq-q::-webkit-details-marker{display:none;}
.mss-faq-q::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:#737373;line-height:1;transition:transform .2s ease;}
.mss-faq-item[open] .mss-faq-q::after{content:"\2212";color:#F4682B;}
.mss-faq-q:hover{color:#F4682B;}
.mss-faq-a{padding:0 24px 20px;color:#424242;font-size:15px;line-height:1.65;}
.mss-faq-a > div{margin:0;}
.mss-faq-a p:last-child{margin-bottom:0;}
.mss-faq-a a{color:#F4682B;text-decoration:underline;}
.mss-faq-a a:hover{color:#f66f26;}

@media (max-width:991px){
.mss-graph-wrap{padding:18px;margin:24px 0;}
.mss-graph-canvas-wrap{height:320px;}
.mss-kpi-value{font-size:34px;}
}
@media (max-width:767px){
.mss-graph-canvas-wrap{height:280px;}
.mss-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;}
.mss-kpi-card{padding:18px;}
.mss-kpi-value{font-size:30px;}
.mss-kpi-suffix{font-size:16px;}
.mss-faq-q{padding:14px 44px 14px 18px;font-size:15px;}
.mss-faq-a{padding:0 18px 16px;font-size:14px;}
}
@media (max-width:480px){
.mss-graph-wrap{padding:14px;}
.mss-graph-title{font-size:17px;}
.mss-graph-canvas-wrap{height:240px;}
.mss-kpi-value{font-size:26px;}
.mss-kpi-label{font-size:12px;}
}
