/* SkyTree Education - subpages.css */
.skytree-subpage{background:var(--dark);color:var(--t1)}
.sub-hero{min-height:55vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 70px;background:var(--dark)}
.sub-hero-japan{background:linear-gradient(135deg,#030c18 0%,#060f20 50%,#030a14 100%)}
.sub-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,180,216,.06),rgba(0,119,182,.08))}
.sub-hero-orbs{position:absolute;inset:0;pointer-events:none}
.sub-hero-content{position:relative;z-index:2;max-width:760px}
.sub-breadcrumb{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--t3);margin-bottom:20px}
.sub-breadcrumb a{color:var(--c1)}
.sub-breadcrumb a:hover{text-decoration:underline}
.sub-hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;line-height:1.15;margin-bottom:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.jp-kanji{font-size:.55em;color:rgba(0,180,216,.5);font-family:serif;font-weight:400;letter-spacing:2px;transition:opacity .4s ease,transform .4s ease}
.sub-hero-desc{font-size:1.05rem;color:var(--t2);line-height:1.75;margin-bottom:24px}
.sub-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.sub-hero-tags span{padding:6px 16px;background:rgba(0,180,216,.1);border:1px solid rgba(0,180,216,.25);border-radius:50px;font-size:.83rem;color:var(--c1)}
.sub-section{padding:90px 0}
.sub-section-dark{background:var(--dark2)}
.sub-two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.sub-two-col>div>p{color:var(--t2);line-height:1.85;margin-bottom:18px;font-size:.97rem}
/* Info cards */
.sub-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sub-info-card{padding:20px;border-radius:var(--r);border:1px solid var(--glass-border);background:var(--glass);transition:var(--tr)}
.sub-info-card:hover{transform:translateY(-4px);border-color:rgba(0,180,216,.3)}
.sic-blue{border-color:rgba(0,180,216,.2)}.sic-pink{border-color:rgba(255,78,136,.2)}.sic-gold{border-color:rgba(255,215,0,.2)}.sic-green{border-color:rgba(0,220,100,.2)}
.sic-icon{font-size:1.6rem;margin-bottom:10px}
.sub-info-card h4{font-size:.9rem;font-weight:700;margin-bottom:6px;color:var(--c1)}
.sub-info-card p{font-size:.83rem;color:var(--t2);line-height:1.55}
/* Highlight box */
.sub-highlight-box{display:flex;gap:16px;align-items:flex-start;padding:20px 24px;background:rgba(0,180,216,.07);border:1px solid rgba(0,180,216,.25);border-radius:var(--r);margin-top:24px}
.shb-icon{font-size:1.6rem;flex-shrink:0}
.sub-highlight-box strong{display:block;margin-bottom:6px;color:var(--c1);font-size:.95rem}
.sub-highlight-box p{font-size:.87rem;color:var(--t2);line-height:1.6;margin:0}
/* Steps */
.sub-steps{display:flex;flex-direction:column;gap:20px}
.sub-step{display:flex;align-items:flex-start;gap:22px;padding:26px 28px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r2);transition:var(--tr);position:relative;overflow:hidden}
.sub-step::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad)}
.sub-step:hover{border-color:rgba(0,180,216,.25);transform:translateX(4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.sub-step-num{width:40px;height:40px;background:var(--grad);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;flex-shrink:0;box-shadow:0 0 20px rgba(0,180,216,.3)}
.sub-step-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}
.sub-step-content h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}
.sub-step-content p{font-size:.88rem;color:var(--t2);line-height:1.65;margin-bottom:10px}
.sub-step-tag{display:inline-block;padding:3px 12px;background:rgba(0,180,216,.12);border:1px solid rgba(0,180,216,.28);border-radius:50px;font-size:.75rem;color:var(--c1);font-weight:600}
/* Checklist */
.sub-checklist-card{padding:28px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r2)}
.sub-checklist-card h4{font-size:1rem;font-weight:700;margin-bottom:18px;color:var(--c1)}
.sub-check-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.sub-check-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--t2);padding-left:4px}
.check-yes::before{content:'✓';color:#00d488;font-weight:700;width:18px;flex-shrink:0}
.check-no::before{content:'✗';color:#ff4e6a;font-weight:700;width:18px;flex-shrink:0}
.sub-cta-box{padding:20px;background:rgba(0,180,216,.07);border:1px solid rgba(0,180,216,.2);border-radius:var(--r)}
.sub-cta-box p{font-size:.87rem;color:var(--t2);margin-bottom:14px}
/* FAQ */
.sub-faq{display:flex;flex-direction:column;gap:10px}
.sub-faq-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r);overflow:hidden;transition:var(--tr)}
.sub-faq-item.open{border-color:rgba(0,180,216,.3)}
.sub-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;color:var(--t1);font-size:.92rem;font-weight:600;text-align:left;cursor:pointer;gap:12px;font-family:inherit}
.sub-faq-q:hover{color:var(--c1)}
.faq-arrow{font-size:.7rem;color:var(--c1);flex-shrink:0;transition:transform .3s ease}
.sub-faq-item.open .faq-arrow{transform:rotate(180deg)}
.sub-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s ease;padding:0 20px}
.sub-faq-item.open .sub-faq-a{max-height:200px;padding:0 20px 16px}
.sub-faq-a p{font-size:.88rem;color:var(--t2);line-height:1.7}
/* CTA */
.sub-cta-section{padding:80px 0;background:var(--dark2)}
.sub-cta-box-full{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;padding:48px 56px;background:linear-gradient(135deg,rgba(0,180,216,.07),rgba(0,119,182,.1));border:1px solid rgba(0,180,216,.2);border-radius:var(--r2)}
.sub-cta-text h2{font-family:'Playfair Display',serif;font-size:1.8rem;margin-bottom:12px}
.sub-cta-text p{color:var(--t2);line-height:1.7;margin-bottom:20px}
.sub-cta-contacts{display:flex;flex-wrap:wrap;gap:16px}
.sub-cta-contacts a,.sub-cta-contacts span{font-size:.9rem;color:var(--c1)}
.sub-cta-contacts a:hover{text-decoration:underline}
.btn-large{padding:18px 40px;font-size:1.05rem;white-space:nowrap}
/* Course cards */
.course-levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.course-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r2);padding:30px;transition:var(--tr)}
.course-card:hover{border-color:rgba(0,180,216,.25);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.cc-icon{font-size:2rem;margin-bottom:14px}
.course-card h3{font-size:1rem;font-weight:700;margin-bottom:10px}
.course-card>p{font-size:.87rem;color:var(--t2);line-height:1.65;margin-bottom:16px}
.cc-topics{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.cc-topics span{padding:3px 10px;font-size:.75rem;background:rgba(0,180,216,.08);border:1px solid rgba(0,180,216,.2);border-radius:50px;color:var(--c1)}
.cc-meta{display:flex;gap:14px;flex-wrap:wrap}
.cc-duration,.cc-prereq{font-size:.8rem;color:var(--t3)}
/* Why list */
.sub-why-list{display:flex;flex-direction:column;gap:18px;margin-top:24px}
.swl-item{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r);transition:var(--tr)}
.swl-item:hover{border-color:rgba(0,180,216,.25)}
.swl-icon{font-size:1.6rem;flex-shrink:0}
.swl-item strong{display:block;margin-bottom:4px;font-size:.95rem}
.swl-item p{font-size:.85rem;color:var(--t2);margin:0}
/* Classroom info */
.sub-classroom-info{background:var(--glass);border:1px solid rgba(0,180,216,.2);border-radius:var(--r2);padding:32px}
.sub-classroom-info h3{font-size:1.1rem;font-weight:700;margin-bottom:20px;color:var(--c1)}
.sci-details{display:flex;flex-direction:column;gap:16px}
.sci-item{display:flex;gap:14px;align-items:flex-start;font-size:.88rem}
.sci-item span{font-size:1.2rem;flex-shrink:0}
.sci-item strong{display:block;font-size:.85rem;margin-bottom:2px}
.sci-item p{color:var(--t2);margin:0}
/* Exam cards */
.exam-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.exam-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r2);padding:32px;transition:var(--tr)}
.exam-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.ec-featured{border-color:rgba(255,215,0,.25);background:rgba(255,215,0,.03)}
.ec-badge{display:inline-block;padding:5px 16px;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:16px}
.ec-blue{background:rgba(0,180,216,.15);color:var(--c1);border:1px solid rgba(0,180,216,.3)}
.ec-gold{background:rgba(255,215,0,.15);color:#ffd700;border:1px solid rgba(255,215,0,.35)}
.ec-pink{background:rgba(255,78,136,.15);color:#ff4e88;border:1px solid rgba(255,78,136,.3)}
.exam-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}
.exam-card>p{font-size:.88rem;color:var(--t2);line-height:1.65;margin-bottom:16px}
.exam-card ul{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.exam-card ul li{font-size:.84rem;color:var(--t3);padding-left:14px;position:relative}
.exam-card ul li::before{content:'→';position:absolute;left:0;color:var(--c1);font-size:.75rem}
.ec-target{display:inline-block;padding:5px 14px;font-size:.78rem;font-weight:700;background:rgba(0,180,216,.1);border:1px solid rgba(0,180,216,.25);border-radius:50px;color:var(--c1)}
.ec-featured .ec-target{background:rgba(255,215,0,.12);border-color:rgba(255,215,0,.3);color:#ffd700}
/* About page */
.sub-img-frame{border-radius:var(--r2);overflow:hidden;border:1px solid var(--glass-border);margin-bottom:20px}
.sub-img-frame img{width:100%;height:auto;display:block}
.about-page-stats{display:flex;gap:0;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r);overflow:hidden}
.aps-item{flex:1;padding:18px 12px;text-align:center;border-right:1px solid var(--glass-border)}
.aps-item:last-child{border-right:none}
.aps-val{display:block;font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:900;color:var(--c1);line-height:1}
.aps-lbl{display:block;font-size:.72rem;color:var(--t3);margin-top:4px}
.about-mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.amv-card{padding:36px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r2);text-align:center;transition:var(--tr)}
.amv-card:hover{border-color:rgba(0,180,216,.25);transform:translateY(-5px)}
.amv-icon{font-size:2.5rem;margin-bottom:16px}
.amv-card h3{font-size:1.1rem;font-weight:700;margin-bottom:12px}
.amv-card p{font-size:.9rem;color:var(--t2);line-height:1.7}
.about-values-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.av-chip{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r);transition:var(--tr)}
.av-chip:hover{border-color:rgba(0,180,216,.3);transform:translateY(-3px)}
.av-icon{font-size:1.5rem}
.av-chip strong{display:block;font-size:.9rem}
.av-chip small{color:var(--t3);font-size:.78rem}
.team-photo-full{border-radius:var(--r2);overflow:hidden;border:1px solid var(--glass-border);margin-bottom:24px}
.team-photo-full img{width:100%;height:auto;display:block}
.team-note{text-align:center;color:var(--t2);font-size:.9rem;line-height:1.8}
.team-note a{color:var(--c1)}
.team-note a:hover{text-decoration:underline}
/* Responsive */
@media(max-width:1024px){.course-levels-grid{grid-template-columns:repeat(2,1fr)}.exam-cards-grid{grid-template-columns:repeat(2,1fr)}.about-mv-grid{grid-template-columns:repeat(2,1fr)}.sub-info-cards{grid-template-columns:1fr}}
@media(max-width:768px){.sub-two-col{grid-template-columns:1fr;gap:40px}.course-levels-grid{grid-template-columns:1fr}.exam-cards-grid{grid-template-columns:1fr}.about-mv-grid{grid-template-columns:1fr}.sub-cta-box-full{flex-direction:column;padding:32px 24px}.sub-hero-title{font-size:2rem}}