/* Tennis & School section pages: French Section, American Section, University Placement.
   Builds on riviera-education.css (.edu-*), only the extra components live here. */


/* Hero image framing. */
.school-section-page .edu-hero>img{object-position:50% 35%}
.school-section-page.school-american-page .edu-hero>img{object-position:50% 25%}

/* Curriculum: two columns (middle school / high school). */
.ss-curriculum{background:#fff}
.ss-curriculum .edu-eyebrow,.ss-faq .edu-eyebrow,.ss-network .edu-eyebrow{color:var(--edu-blue)}
.ss-curriculum .edu-positioning{max-width:860px;margin:0 0 40px}
.ss-curriculum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ss-level{min-width:0;padding:34px 32px 30px;border:1px solid #d9d5cc;border-top:4px solid var(--edu-blue);border-radius:14px;background:var(--edu-paper)}
.ss-level-label{margin:0;color:var(--edu-blue);font-size:11px;font-weight:900;letter-spacing:.15em}
html body .ss-level h3{margin:12px 0 22px;font-family:Geometria,Arial,sans-serif!important;font-size:clamp(28px,2.6vw,40px);line-height:1.02!important;letter-spacing:-.045em!important;text-transform:none;color:var(--edu-navy)}
.ss-subjects{margin:0;padding:0;list-style:none;border-top:2px solid var(--edu-blue)}
.ss-subjects li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid #e6e2da;font-size:14px;line-height:1.5}
.ss-subjects li strong{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--edu-royal);padding-top:2px}
.ss-subjects li span{color:#43505f}
.ss-subjects.is-simple li{grid-template-columns:1fr}

/* Six-slot timetable: three columns on desktop. */
@media(min-width:901px){
  .ss-schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ss-schedule-grid .edu-time:nth-child(3n+1){padding-left:0;border-left:0}
}
.ss-schedule-note{margin:28px 0 0;color:#b8c9d8;font-size:13px;line-height:1.6}

/* Four-card process (University Placement). */
.ss-steps .edu-usp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* University network: name chips. */
.ss-network{background:#fff}
.ss-uni-list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.ss-uni-list li{padding:12px 18px;border:1px solid #cfe3f5;border-radius:999px;background:var(--edu-paper);color:var(--edu-navy);font-size:14px;font-weight:700;letter-spacing:-.01em}
.ss-network-note{max-width:760px;margin:26px 0 0;color:#5f6872;font-size:14px;line-height:1.65}

/* FAQ. */
.ss-faq{background:var(--edu-paper)}
.ss-faq-list{border-top:2px solid var(--edu-blue)}
.ss-faq-list details{border-bottom:1px solid #d9d5cc}
.ss-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font-size:clamp(18px,1.6vw,23px);font-weight:900;letter-spacing:-.025em;line-height:1.25;color:var(--edu-navy)}
.ss-faq-list summary::-webkit-details-marker{display:none}
.ss-faq-list summary:after{content:"+";flex:none;color:var(--edu-blue);font-size:28px;font-weight:400;line-height:1;transition:transform .2s ease}
.ss-faq-list details[open] summary:after{transform:rotate(45deg)}
.ss-faq-list details p{max-width:820px;margin:0;padding:0 0 26px;color:#43505f;font-size:15px;line-height:1.7}

/* Cross-links to the other section pages. */
.ss-links{background:var(--edu-paper)}
.ss-links .edu-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:901px){
  .ss-links .edu-card{grid-template-columns:1fr;grid-template-rows:220px auto;min-height:0}
  .ss-links .edu-card-copy{padding:28px}
}
html body .ss-links .edu-card h3{font-family:Geometria,Arial,sans-serif!important;font-size:clamp(26px,2.2vw,34px);line-height:1.04!important;letter-spacing:-.045em!important;text-transform:none}

@media(max-width:900px){
  .ss-curriculum-grid{grid-template-columns:1fr;gap:14px}
  .ss-level{padding:26px 20px 22px}
  .ss-subjects li{grid-template-columns:1fr;gap:4px}
  .ss-steps .edu-usp-grid{grid-template-columns:1fr}
  .ss-uni-list li{padding:10px 14px;font-size:13px}
  .ss-links .edu-card-grid{grid-template-columns:1fr}
  .ss-faq-list summary{padding:20px 0}
}
@media(min-width:901px) and (max-width:1200px){.ss-steps .edu-usp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ss-faq-list summary:after{transition:none}}

/* University list: plain multi-column list (no pill borders) so it does not read as clickable buttons. */
html body .ss-uni-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px!important;border-top:1px solid #d7e3ef}
html body .ss-uni-list li{display:flex;align-items:center;gap:10px;padding:14px 0!important;border:0!important;border-bottom:1px solid #d7e3ef!important;border-radius:0!important;background:transparent!important;color:var(--edu-navy);font-size:15px!important;font-weight:700;cursor:default}
html body .ss-uni-list li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--edu-blue,#1f92f0)}
@media(max-width:900px){html body .ss-uni-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px!important}html body .ss-uni-list li{font-size:13px!important;padding:12px 0!important}}