/* OKSY3 PUBLIC STUDENT STATISTICS R2 — compact UX */
.ss1-page{background:#f4f8fd;color:#17304e}.ss1-hero{background-color:#14395e;background-size:cover;background-position:center;min-height:355px;color:#fff;padding:66px 0 74px;position:relative;overflow:hidden}.ss1-overline{color:#a5e1ff;letter-spacing:.14em;font-size:.78rem;font-weight:800}.ss1-hero h1{font-weight:800;font-size:clamp(2rem,4vw,3.4rem);margin:16px 0 14px;line-height:1.06}.ss1-hero h1 em{font-style:normal;display:block;color:#a5e9ff}.ss1-hero p{font-size:1.05rem;color:#e8f3fe;max-width:700px}.ss1-hero-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:18px}.ss1-period,.ss2-trend-chip{display:inline-flex;align-items:center;padding:11px 18px;border-radius:999px;font-weight:700}.ss1-period{border:1px solid rgba(255,255,255,.34);background:rgba(4,22,46,.48)}.ss2-trend-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.ss2-trend-chip.up{color:#cbffd4}.ss2-trend-chip.down{color:#ffd4d4}.ss2-trend-chip.flat{color:#eef6ff}.ss1-main{padding:0 0 72px}.ss1-warning{margin-top:22px;padding:18px;background:#fff3d5;color:#744807;border-radius:12px}.ss2-kpi-wrap{margin-top:-34px;position:relative;z-index:2}.ss1-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ss1-kpis>div{background:#fff;border:1px solid #dfe9f6;box-shadow:0 12px 28px rgba(22,55,88,.09);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;position:relative}.ss1-kpis>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#2d8bd6,#163c74)}.ss1-kpis small{color:#5b728a;font-weight:700}.ss1-kpis strong{font-size:2.35rem;color:#143e70;line-height:1.05}.ss1-kpis span{color:#6b8198;font-size:.84rem}.ss1-note{color:#6e8097;font-size:.92rem;margin-top:12px}.ss2-grid-top,.ss2-grid-main,.ss2-grid-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.ss2-card{background:#fff;border:1px solid #dfe9f6;box-shadow:0 12px 32px rgba(21,54,84,.08);border-radius:24px;padding:24px;overflow:hidden}.ss2-head-tight{margin-bottom:16px}.ss1-heading>span{font-size:.78rem;letter-spacing:.14em;color:#2b79bb;font-weight:800}.ss1-heading h2{font-size:clamp(1.32rem,2.2vw,2rem);font-weight:800;margin:10px 0 6px;color:#173654}.ss1-heading p{color:#6d8096;margin:0}.ss2-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.ss2-level-box{background:linear-gradient(180deg,#f6fbff,#edf4fb);border:1px solid #d8e7f5;border-radius:18px;padding:15px 14px}.ss2-level-box b{display:block;color:#315b86;font-size:.92rem}.ss2-level-box strong{display:block;font-size:1.75rem;color:#153f71;line-height:1.05;margin:10px 0 5px}.ss2-level-box small{color:#6b8198}.ss2-radar-layout{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:16px;align-items:center}.ss2-radar-wrap{background:linear-gradient(180deg,#f9fbfe,#f1f6fb);border:1px solid #e0ebf6;border-radius:20px;padding:14px}.ss2-radar-svg,.ss2-line-svg{width:100%;height:auto;display:block}.ss2-radar-grid{fill:none;stroke:#d9e4ef;stroke-width:1}.ss2-radar-axis{stroke:#d6e3f1;stroke-width:1}.ss2-radar-label{fill:#4f6d89;font-size:12px;font-weight:700}.ss2-radar-fill-male{fill:rgba(39,123,194,.18)}.ss2-radar-line-male{fill:none;stroke:#257ac2;stroke-width:3}.ss2-radar-fill-female{fill:rgba(237,136,170,.18)}.ss2-radar-line-female{fill:none;stroke:#ed88aa;stroke-width:3}.ss2-radar-center{fill:#163f72}.ss2-radar-scale text{fill:#6f859d;font-size:12px}.ss2-radar-legend{display:flex;flex-direction:column;gap:10px;font-size:.92rem;color:#4f6882}.ss2-radar-legend span,.ss2-mini-legend span,.ss1-legend span{display:flex;align-items:center;gap:8px}.ss1-legend{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 18px;color:#506780;font-size:.92rem}.ss1-legend i,.ss2-radar-legend i,.ss2-mini-legend i{width:12px;height:12px;border-radius:50%;display:block}.ss1-male,.ss2-male-dot{background:#257ac2}.ss1-female,.ss2-female-dot{background:#ed88aa}.ss1-other{background:#b4c1d3}.ss2-total-dot{background:#163f72}.ss2-line-wrap{background:linear-gradient(180deg,#f9fbff,#f3f7fc);border:1px solid #e0ebf6;border-radius:20px;padding:12px}.ss2-line-grid{stroke:#dbe7f2;stroke-width:1}.ss2-line-axis-label{fill:#6f859d;font-size:12px}.ss2-line-area{fill:rgba(22,63,114,.08)}.ss2-line-total{fill:none;stroke:#163f72;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ss2-line-male{fill:none;stroke:#257ac2;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0}.ss2-line-female{fill:none;stroke:#ed88aa;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 6}.ss2-line-point-total{fill:#163f72}.ss2-line-point-male{fill:#257ac2}.ss2-line-point-female{fill:#ed88aa}.ss2-line-value{fill:#173b69;font-size:12px;font-weight:700}.ss2-mini-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:#4f6882;font-size:.92rem}.ss2-svg-empty{padding:44px 18px;color:#6f859d;text-align:center;font-weight:700}.ss1-tablebox,.ss1-chartbox{background:transparent;border:0;box-shadow:none;padding:0;overflow-x:auto}.ss1-tablebox table{border-collapse:collapse;width:100%;min-width:520px;overflow:hidden;border-radius:18px}.ss1-tablebox th,.ss1-tablebox td{padding:13px 14px;text-align:center;border-bottom:1px solid #e7edf6}.ss1-tablebox th:first-child,.ss1-tablebox td:first-child{text-align:left}.ss1-tablebox thead{background:#eef4fb;color:#1a4d79}.ss1-tablebox tfoot{background:#f6f9fd;color:#1b4976}.ss1-empty{text-align:center!important;padding:32px!important;color:#7790a5}.ss1-bar-row{display:grid;grid-template-columns:120px minmax(0,1fr) 35px;align-items:center;gap:12px;margin:12px 0;font-size:.92rem}.ss1-bar{display:flex;height:18px;background:#edf2f8;border-radius:999px;overflow:hidden}.ss1-bar i{display:block;height:100%;min-width:0}.ss1-bar-row b{text-align:right;color:#183d6e}.ss1-history-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.ss1-history-picker label{font-weight:700;color:#365370}.ss1-history-picker select{border:1px solid #cfe0f0;border-radius:14px;padding:10px 16px;min-width:110px;background:#f8fbff;color:#173654;font-weight:700}.ss2-source-list{display:grid;gap:10px}.ss2-source-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #e8eef5}.ss2-source-item:last-child{border-bottom:0;padding-bottom:0}.ss2-source-item strong{display:inline-flex;align-items:center;justify-content:center;height:42px;background:#eef4fb;border-radius:12px;color:#173f72}.ss2-source-item b{display:block;color:#173654}.ss2-source-item span{display:block;color:#6d8096;font-size:.91rem;line-height:1.5}.ss2-source-card{align-self:start}.ss2-history-card{min-width:0}.ss2-grid-bottom{align-items:start}.ss2-card .ss1-note{margin-top:14px}.ss2-source-card .ss1-heading p{margin-bottom:4px}@media(max-width:1199px){.ss2-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.ss2-radar-layout{grid-template-columns:1fr}.ss2-radar-legend{flex-direction:row;flex-wrap:wrap}}@media(max-width:991px){.ss1-kpis,.ss2-grid-top,.ss2-grid-main,.ss2-grid-bottom{grid-template-columns:1fr 1fr}.ss1-kpis strong{font-size:2rem}.ss2-grid-bottom{grid-template-columns:1fr}}@media(max-width:860px){.ss1-kpis,.ss2-grid-top,.ss2-grid-main{grid-template-columns:1fr}.ss2-levels{grid-template-columns:1fr 1fr 1fr}}@media(max-width:620px){.ss1-hero{min-height:0;padding:44px 0 74px}.ss1-hero-meta{gap:10px}.ss1-kpis{gap:10px}.ss1-kpis>div{padding:16px 16px 16px 18px}.ss1-kpis strong{font-size:1.75rem}.ss2-card{padding:18px}.ss2-levels{grid-template-columns:1fr}.ss1-bar-row{grid-template-columns:1fr 35px;gap:6px}.ss1-bar-row>span{grid-column:1/-1}}