.sr-root { --sr-primary:var(--sf-primary,#082650); --sr-accent:var(--sf-hover,#163c6c); --sr-muted:var(--sf-muted,#697586); --sr-line:var(--sf-line,#dce2e9); --sr-bg:#f5f7fa; color:#253047; font-family:inherit; margin:0 auto; max-width:1184px; padding:56px 28px; }
.sr-root *, .sr-root *::before, .sr-root *::after { box-sizing:border-box; }
.sr-page .inside-article { padding:0 !important; background:transparent; }
.sr-page .entry-content { margin-top:0; }
.sr-page .site-content { padding-top:0; }
.sr-root .sr-section-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 26px; }
.sr-root .sr-section-heading h1, .sr-root .sr-section-heading h2 { color:var(--sr-primary); font-family:inherit; font-size:clamp(30px,4vw,46px); font-weight:600; letter-spacing:-1.2px; line-height:1.15; margin:0 0 12px; }
.sr-root .sr-section-heading p { margin:0; color:var(--sr-muted); font-size:16px; line-height:1.7; }
.sr-root .sr-demo-notice { margin:0 0 30px; border:1px solid #d5dfef; border-left:3px solid var(--sr-primary); border-radius:4px; padding:13px 16px; background:#f0f4fb; color:#3a4965; font-size:13px; line-height:1.7; }
.sr-root .sr-demo-notice strong { margin-right:8px; color:var(--sr-primary); }
.sr-root .sr-summary { display:grid; grid-template-columns:.8fr 1.2fr 1fr; gap:36px; align-items:center; padding:34px; background:#fff; border:1px solid var(--sr-line); border-radius:16px; margin-bottom:42px; }
.sr-root .sr-score > span { font-size:13px; color:var(--sr-muted); }
.sr-root .sr-score > div { display:flex; align-items:baseline; gap:5px; margin:2px 0 10px; }
.sr-root .sr-score strong { font-size:64px; line-height:1.1; letter-spacing:-3px; font-weight:600; color:var(--sr-primary); }
.sr-root .sr-score > div span { font-size:20px; color:var(--sr-muted); }
.sr-root .sr-score p { font-size:13px; margin:10px 0 0; color:var(--sr-muted); }
.sr-root .sr-stars { display:inline-flex; align-items:center; gap:3px; flex-shrink:0; }
.sr-root .sr-stars svg { fill:#e3e7ef; stroke:none; }
.sr-root .sr-stars svg.is-filled { fill:#eab33e; }
.sr-root .sr-distribution a { display:flex; align-items:center; gap:12px; color:var(--sr-muted); text-decoration:none; min-height:33px; font-size:13px; }
.sr-root .sr-distribution a > span:first-child { width:27px; white-space:nowrap; }
.sr-root .sr-distribution a > span:last-child { width:22px; text-align:right; }
.sr-root .sr-bar { flex:1; height:7px; background:#ecf0f5; border-radius:8px; overflow:hidden; }
.sr-root .sr-bar span { display:block; background:var(--sr-primary); height:100%; border-radius:8px; }
.sr-root .sr-distribution a:hover .sr-bar span { background:var(--sr-accent); }
.sr-root .sr-summary-note { border-left:1px solid var(--sr-line); padding-left:28px; }
.sr-root .sr-summary-note h2 { color:var(--sr-primary); font-family:inherit; font-size:19px; line-height:1.35; margin:0 0 10px; }
.sr-root .sr-summary-note p { color:var(--sr-muted); font-size:14px; line-height:1.75; margin:0; }
.sr-root .sr-filters { display:flex; align-items:end; gap:16px; margin-bottom:22px; scroll-margin-top:30px; }
.sr-root .sr-filters > p { margin:0 auto 10px 0; color:var(--sr-primary); font-size:17px; font-weight:600; }
.sr-root .sr-filters label { display:grid; gap:5px; color:var(--sr-muted); font-size:12px; }
.sr-root select { min-height:44px; padding:8px 30px 8px 12px; background:#fff; color:var(--sr-primary); border:1px solid var(--sr-line); border-radius:6px; font:inherit; font-size:14px; }
.sr-root .sr-button { min-height:44px; padding:10px 20px; border-radius:6px; background:var(--sr-primary); color:#fff; border:1px solid var(--sr-primary); font:inherit; font-size:14px; }
.sr-root button:hover { transform:none; box-shadow:none; }
.sr-root a:focus-visible, .sr-root button:focus-visible, .sr-root select:focus-visible, .sr-root .sr-viewport:focus-visible { outline:3px solid var(--sr-primary); outline-offset:4px; }
.sr-root .sr-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.sr-root .sr-card { display:flex; flex-direction:column; padding:26px; border:1px solid var(--sr-line); border-radius:7px; background:#fff; margin:0; min-width:0; }
.sr-root .sr-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.sr-root .sr-example-tag { color:#566681; border:0; padding:0; border-radius:0; font-size:10px; line-height:1.6; white-space:nowrap; }
.sr-root .sr-card h3 { color:var(--sr-primary); font-family:inherit; font-size:19px; font-weight:600; line-height:1.4; letter-spacing:-.2px; margin:0 0 10px; }
.sr-root .sr-review-text { color:#4b5870; font-size:16px; line-height:1.75; margin:0 0 28px; overflow-wrap:anywhere; }
.sr-root .sr-author { display:flex; gap:11px; align-items:center; margin-top:auto; }
.sr-root .sr-avatar { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--sr-bg); color:var(--sr-primary); font-size:13px; font-weight:600; }
.sr-root .sr-author strong { display:block; font-size:13px; font-weight:600; color:var(--sr-primary); }
.sr-root .sr-author time { display:block; font-size:11px; color:var(--sr-muted); margin-top:2px; }
.sr-root .sr-response { margin-top:20px; padding:14px 16px; border-left:2px solid var(--sr-line); background:var(--sr-bg); font-size:12px; }
.sr-root .sr-response strong { color:var(--sr-primary); }
.sr-root .sr-response p { margin:5px 0 0; line-height:1.7; color:var(--sr-muted); }
.sr-root .sr-pagination { display:flex; gap:8px; justify-content:center; margin:30px 0 0; }
.sr-root .sr-pagination .page-numbers { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--sr-line); border-radius:6px; color:var(--sr-primary); text-decoration:none; }
.sr-root .sr-pagination .current { color:#fff; background:var(--sr-primary); }
.sr-root.sr-carousel { max-width:1240px; margin:35px auto 45px; padding:46px 28px; background:var(--sr-bg); border-radius:18px; overflow:hidden; }
.sr-root.sr-carousel .sr-section-heading h2 { font-size:34px; }
.sr-root .sr-all-link { color:var(--sr-primary); font-size:14px; font-weight:600; white-space:nowrap; text-decoration:none; border-bottom:1px solid var(--sr-primary); padding:8px 0; }
.sr-root .sr-all-link span { margin-left:8px; }
.sr-root .sr-viewport { overflow-x:auto; scrollbar-width:none; overscroll-behavior-x:contain; scroll-behavior:auto; padding:2px; }
.sr-root .sr-viewport::-webkit-scrollbar { display:none; }
.sr-root .sr-track, .sr-root .sr-group { display:flex; width:max-content; align-items:stretch; }
.sr-root .sr-group { gap:18px; padding-right:18px; }
.sr-root.sr-carousel .sr-card { width:335px; flex:0 0 335px; min-height:280px; }
.sr-root .sr-controls { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:20px; }
.sr-root .sr-controls > span { font-size:12px; color:var(--sr-muted); margin-right:auto; }
.sr-root .sr-controls button { min-height:44px; min-width:44px; border:1px solid #cbd4e3; border-radius:7px; background:#fff; color:var(--sr-primary); font:inherit; font-size:14px; padding:8px 12px; cursor:pointer; }
.sr-root .sr-controls button:hover { background:#e9eef7; }
.sr-root .sr-controls[hidden] { display:none; }
@media(max-width:850px) {
  .sr-root .sr-summary { grid-template-columns:1fr 1.5fr; gap:24px; padding:24px; }
  .sr-root .sr-summary-note { grid-column:1/-1; padding:20px 0 0; border-left:0; border-top:1px solid var(--sr-line); }
}
@media(max-width:600px) {
  .sr-root { padding:36px 18px; }
  .sr-root .sr-section-heading { display:block; }
  .sr-root .sr-section-heading p { font-size:14px; }
  .sr-root .sr-all-link { display:inline-block; margin-top:12px; }
  .sr-root .sr-demo-notice { font-size:12px; padding:11px 12px; }
  .sr-root .sr-demo-notice strong { display:block; }
  .sr-root .sr-summary { padding:20px; gap:18px; }
  .sr-root .sr-score strong { font-size:48px; }
  .sr-root .sr-score p { font-size:11px; }
  .sr-root .sr-distribution a { gap:7px; min-height:36px; }
  .sr-root .sr-filters { flex-wrap:wrap; gap:10px; }
  .sr-root .sr-filters > p { flex-basis:100%; margin:0 0 6px; }
  .sr-root .sr-filters label { flex:1; min-width:100px; }
  .sr-root select { width:100%; }
  .sr-root .sr-grid { grid-template-columns:1fr; gap:14px; }
  .sr-root .sr-card { padding:21px; }
  .sr-root.sr-carousel { margin:20px 12px; padding:30px 18px; border-radius:12px; }
  .sr-root.sr-carousel .sr-section-heading h2 { font-size:28px; }
  .sr-root.sr-carousel .sr-card { width:280px; flex-basis:280px; padding:20px; }
  .sr-root.sr-carousel .sr-card-top { gap:6px; }
  .sr-root .sr-controls > span { max-width:90px; }
}

.sr-root .sr-group[hidden]{display:none}

.sr-root .sr-all-link, .sr-root .sr-distribution a{color:var(--sr-primary) !important}
.entry-content .sr-root.sr-full .sr-distribution a,
.entry-content .sr-root.sr-carousel a.sr-all-link { color:var(--sr-primary) !important; }
@media(max-width:600px){.sr-page .site-content{padding-left:0 !important;padding-right:0 !important;}}

.sr-root.sr-full{max-width:1240px;padding:80px 28px;background:#fff}
.sr-full .sr-section-heading{display:block;text-align:center;margin-bottom:22px}
.sr-full .sr-section-heading h1{font-size:clamp(36px,4vw,52px);font-weight:600}
.sr-full .sr-demo-notice{max-width:760px;text-align:center;margin:0 auto 48px;padding:0;background:none;border:0;color:var(--sr-muted)}
.sr-full .sr-summary{border:0;border-top:1px solid var(--sr-line);border-bottom:1px solid var(--sr-line);border-radius:0;padding:36px 0;gap:48px;margin-bottom:48px}
.sr-full .sr-card{padding:32px;box-shadow:none}
.sr-full .sr-grid{gap:24px}
.sr-full .sr-avatar{width:44px;height:44px;font-size:16px;font-weight:400;background:#f0eeec}
.sr-full .sr-author strong{font-size:15px;font-weight:500}
.sr-full .sr-author time{font-size:12px}
.sr-full .sr-pagination a:hover{background:var(--sr-bg);text-decoration:underline}
@media(max-width:600px){.sr-root.sr-full{padding:48px 20px}.sr-full .sr-summary{gap:24px;padding:28px 0}.sr-full .sr-card{padding:24px}.sr-full .sr-demo-notice{margin-bottom:32px}}