.school-home { background:#fff; }
.school-home-journey { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); overflow:hidden; border:1px solid rgba(54,43,48,.11); border-radius:15px; background:#fff; box-shadow:0 12px 36px rgba(45,34,39,.06); }
.school-home-journey a { min-height:130px; display:flex; flex-direction:column; justify-content:space-between; gap:12px; padding:18px; border-right:1px solid rgba(54,43,48,.09); color:#292428; text-decoration:none; }
.school-home-journey a:last-child { border-right:0; }
.school-home-journey a:hover { background:#f8f7f8; }
.school-home-journey span { color:#bc3d6d; font-size:10px; font-weight:950; }
.school-home-journey strong { font-size:13px; line-height:1.4; }
.school-home-journey b { color:#bc3d6d; }
.school-home-lessons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.school-home-lessons a { min-height:92px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:5px 12px; padding:17px; border:1px solid rgba(54,43,48,.10); border-radius:12px; color:#292428; background:#fff; text-decoration:none; }
.school-home-lessons span { grid-column:1; color:#bc3d6d; font-size:9.5px; font-weight:900; }
.school-home-lessons strong { grid-column:1; font-size:13px; }
.school-home-lessons b { grid-column:2; grid-row:1 / 3; align-self:center; color:#bc3d6d; }

.school-hero,.school-detail-hero { padding:72px 0; background:radial-gradient(circle at 90% 10%,rgba(188,61,109,.10),transparent 28%),linear-gradient(145deg,#f8f7f8,#fff); }
.school-hero-grid,.school-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.72fr); gap:50px; align-items:center; }
.school-eyebrow { display:inline-flex; margin-bottom:11px; color:#bc3d6d; font-size:10px; font-weight:950; letter-spacing:.13em; }
.school-hero h1,.school-detail-hero h1 { max-width:800px; margin:0 0 14px; color:#252125; font-size:clamp(42px,5vw,64px); line-height:1.04; letter-spacing:-.045em; }
.school-hero p,.school-detail-hero p { max-width:760px; margin:0; color:#746c71; font-size:16px; line-height:1.7; }
.school-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:23px; }
.school-hero-actions > a:not(.button),.school-back { color:#8f284e; text-decoration:none; font-size:12px; font-weight:850; }
.school-hero-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; border:1px solid rgba(54,43,48,.10); border-radius:15px; background:#fff; box-shadow:0 14px 40px rgba(45,34,39,.07); }
.school-hero-steps span { min-height:78px; display:flex; align-items:center; gap:10px; padding:14px; border-right:1px solid rgba(54,43,48,.08); border-bottom:1px solid rgba(54,43,48,.08); color:#4b4247; font-size:11.5px; font-weight:800; }
.school-hero-steps span:nth-child(even) { border-right:0; }
.school-hero-steps span:nth-last-child(-n+2) { border-bottom:0; }
.school-hero-steps b { color:#bc3d6d; font-size:9px; }

.school-tabs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:31px; }
.school-tabs a { padding:8px 12px; border:1px solid rgba(54,43,48,.11); border-radius:999px; color:#5e555a; background:#fff; text-decoration:none; font-size:11px; font-weight:800; }
.school-tabs a.active,.school-tabs a:hover { color:#fff; border-color:#bc3d6d; background:#bc3d6d; }

.school-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.school-card { overflow:hidden; border:1px solid rgba(54,43,48,.11); border-radius:14px; color:#292428; background:#fff; box-shadow:0 9px 28px rgba(45,34,39,.055); text-decoration:none; }
.school-card.featured { border-color:rgba(188,61,109,.28); }
.school-card-media { position:relative; height:220px; overflow:hidden; background:#f5f2f4; }
.school-card-media img { width:100%; height:100%; object-fit:cover; }
.school-card-placeholder { width:100%; height:100%; background:radial-gradient(circle at 30% 25%,rgba(188,61,109,.17),transparent 28%),linear-gradient(145deg,#f7eef2,#eeecef); }
.school-card-media > span { position:absolute; left:13px; bottom:13px; padding:6px 8px; border-radius:8px; color:#fff; background:rgba(35,29,32,.72); font-size:9px; font-weight:900; }
.school-card-body { padding:19px; }
.school-card-body h2,.school-card-body h3 { margin:0 0 9px; color:#292428; font-size:18px; line-height:1.35; }
.school-card-body p { margin:0 0 14px; color:#746c71; font-size:12.5px; line-height:1.65; }
.school-card-body b { color:#8f284e; font-size:11px; }
.school-mini-stage { display:block; margin-bottom:7px; color:#bc3d6d; font-size:9.5px; font-weight:900; }

.school-empty { display:flex; align-items:center; gap:16px; padding:26px; border:1px dashed rgba(188,61,109,.25); border-radius:14px; background:#fff; }
.school-empty > span { width:44px; height:44px; display:grid; place-items:center; flex:0 0 44px; border-radius:50%; color:#fff; background:#bc3d6d; }
.school-empty h2 { margin:0 0 6px; color:#292428; font-size:20px; }
.school-empty p { margin:0; color:#746c71; font-size:12.5px; line-height:1.6; }

.school-back { display:inline-flex; margin-bottom:18px; }
.school-detail-grid > img { width:100%; height:390px; object-fit:cover; border-radius:18px; box-shadow:0 18px 50px rgba(45,34,39,.11); }
.school-detail-hero .button { margin-top:22px; }
.school-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:26px; align-items:start; }
.school-article,.school-aside > div,.school-tool-link { padding:25px; border:1px solid rgba(54,43,48,.10); border-radius:14px; background:#fff; box-shadow:0 10px 30px rgba(45,34,39,.05); }
.school-rich { color:#51484d; font-size:15px; line-height:1.82; }
.school-rich h2,.school-rich h3 { color:#292428; line-height:1.3; }
.school-rich img { max-width:100%; height:auto; border-radius:13px; }
.school-video-link { margin-top:24px; }
.school-video-link a { color:#8f284e; font-weight:850; text-decoration:none; }
.school-aside { position:sticky; top:120px; display:grid; gap:12px; }
.school-aside strong { display:block; margin-bottom:8px; color:#292428; font-size:17px; }
.school-aside p { margin:0 0 15px; color:#746c71; font-size:12px; line-height:1.6; }
.school-tool-link { display:flex; align-items:center; gap:12px; color:#292428; text-decoration:none; }
.school-tool-link > span { width:36px; height:36px; display:grid; place-items:center; flex:0 0 36px; border-radius:50%; color:#fff; background:#bc3d6d; }
.school-tool-link strong,.school-tool-link small { display:block; }
.school-tool-link small { margin-top:4px; color:#8f284e; font-size:10px; }

@media (max-width:1050px) {
  .school-home-journey { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .school-home-journey a:nth-child(3n) { border-right:0; }
  .school-home-journey a:nth-child(-n+3) { border-bottom:1px solid rgba(54,43,48,.09); }
}
@media (max-width:900px) {
  .school-hero-grid,.school-detail-grid,.school-article-layout { grid-template-columns:1fr; }
  .school-aside { position:static; }
  .school-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .school-home-journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .school-home-journey a,.school-home-journey a:nth-child(3n) { border-right:1px solid rgba(54,43,48,.09); border-bottom:1px solid rgba(54,43,48,.09); }
  .school-home-journey a:nth-child(even) { border-right:0; }
  .school-home-journey a:nth-last-child(-n+2) { border-bottom:0; }
  .school-home-lessons,.school-grid { grid-template-columns:1fr; }
  .school-hero,.school-detail-hero { padding:52px 0; }
}