/* About TEM — standalone editorial page and compact homepage introduction. */
.tem-about {padding-top:38px;}
.tem-about .tem-heading {font-size:clamp(2.4rem,4.5vw,4.7rem);max-width:790px;}
.tem-about-hero {
  --about-stroke:rgba(140,170,255,.24);
  display:grid;grid-template-columns:minmax(0,1.17fr) minmax(310px,.83fr);gap:clamp(24px,3vw,48px);
  position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--tem-line);border-radius:28px;
  padding:clamp(28px,4.5vw,62px);background:linear-gradient(125deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--accent) 8%,var(--card)));
}
.tem-about-hero::before{content:"";position:absolute;inset:auto -15% -70% 20%;height:100%;background:radial-gradient(ellipse,rgba(120,166,255,.13),transparent 70%);pointer-events:none;z-index:-1;}
.tem-about-intro{min-width:0;}
.tem-about-intro .tem-heading span{color:var(--accent,#78a6ff);}
.tem-about-lead{max-width:650px;font-size:1.08rem;line-height:1.9;color:var(--tem-soft);}
.tem-about-disclaimer{margin:22px 0 0;color:var(--tem-soft);font-size:.79rem;line-height:1.5;}
.tem-about-visual{position:relative;isolation:isolate;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:410px;border:1px solid var(--tem-line);border-radius:24px;padding:25px;background:linear-gradient(155deg,rgba(90,122,205,.15),rgba(13,20,40,.26));overflow:hidden;}
.tem-about-orbit{position:absolute;z-index:-1;border:1px solid rgba(135,171,255,.20);border-radius:50%;pointer-events:none;}
.tem-about-orbit.orbit-one{width:350px;height:350px;right:-170px;top:-135px;}
.tem-about-orbit.orbit-two{width:450px;height:450px;right:-210px;top:-175px;}
.tem-about-visual-top{display:flex;align-items:center;justify-content:space-between;gap:16px;}

.tem-about-symbol{    
    flex: 0 0 38px;
    width: 58px;
    height: 58px;
    overflow: hidden;
    border-radius: 12px;
}
.tem-about-symbol img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tem-about-visual-label{max-width:150px;color:var(--tem-soft);text-align:right;font-size:.76rem;line-height:1.5;letter-spacing:.03em;}
.tem-about-steps{display:grid;gap:10px;}
.tem-about-steps>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;gap:0 12px;padding:14px 16px;border:1px solid var(--tem-line);border-radius:16px;background:color-mix(in srgb,var(--card) 83%,transparent);}
.tem-about-steps>div>span{grid-row:1 / span 2;color:var(--accent);font-weight:900;font-size:1.15rem;}
.tem-about-steps strong{font-size:1rem;line-height:1.35;}
.tem-about-steps small{font-size:.78rem;color:var(--tem-soft);line-height:1.6;}
.tem-about-visual-bottom{display:flex;align-items:center;gap:10px;font-size:.81rem;color:var(--tem-soft);}
.tem-about-live-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#66e6d2;box-shadow:0 0 0 4px rgba(102,230,210,.12);}
.tem-about-body{display:grid;grid-template-columns:205px minmax(0,1fr);gap:clamp(32px,5.7vw,78px);margin-top:70px;}
.tem-about-sidebar{align-self:start;position:sticky;top:calc(var(--nav-h,72px) + 28px);display:grid;gap:4px;padding:16px;border:1px solid var(--tem-line);border-radius:18px;background:var(--card);}
.tem-about-sidebar>span{padding:6px 11px 12px;text-transform:uppercase;letter-spacing:.12em;color:var(--tem-soft);font-size:.68rem;font-weight:800;}
.tem-about-sidebar a{padding:10px 11px;border-radius:10px;text-decoration:none;font-size:.81rem;line-height:1.5;color:var(--tem-soft);transition:color .2s,background .2s;}
.tem-about-sidebar a:hover,.tem-about-sidebar a:focus-visible{color:var(--tem-ink);background:color-mix(in srgb,var(--accent) 12%,transparent);}
.tem-about-main{min-width:0;}
.tem-about-section{scroll-margin-top:115px;margin:0 0 75px;}
.tem-about-section-heading{margin-bottom:28px;max-width:720px;}
.tem-about-eyebrow{display:block;margin:0 0 14px;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--accent);}
.tem-about-section h2,.tem-about-end h2{margin:0 0 14px;max-width:760px;font-size:clamp(1.85rem,3.1vw,2.65rem);line-height:1.17;letter-spacing:-.042em;text-wrap:balance;}
.tem-about-section-heading>p{margin:0;color:var(--tem-soft);font-size:1rem;line-height:1.85;}
.tem-about-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.tem-about-library{display:flex;flex-direction:column;min-width:0;min-height:282px;padding:25px 22px;border:1px solid var(--tem-line);border-radius:20px;background:var(--card);transition:transform .18s,border-color .18s;}
.tem-about-library:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--tem-line));}
.tem-about-library-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--tem-soft);}
.tem-about-library h3{font-size:1.33rem;letter-spacing:-.035em;margin:22px 0 10px;line-height:1.2;}
.tem-about-library p{margin:0;color:var(--tem-soft);font-size:.88rem;line-height:1.72;}
.tem-about-library a{margin-top:auto;padding-top:20px;font-size:.84rem;font-weight:800;text-decoration:none;color:var(--accent);}
.tem-about-library a:hover{text-decoration:underline;text-underline-offset:4px;}
.tem-about-toefl{border-top:3px solid #6ba1ff;}
.tem-about-sat{border-top:3px solid #6fe1d2;}
.tem-about-act{border-top:3px solid #b393fd;}
.tem-about-aside{margin:22px 0 0;padding:16px 20px;border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--tem-soft);font-size:.89rem;line-height:1.75;}
.tem-about-aside a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.tem-about-process{display:grid;gap:12px;}
.tem-about-process article{display:grid;grid-template-columns:55px minmax(0,1fr);gap:15px;padding:22px 24px;border:1px solid var(--tem-line);border-radius:17px;background:var(--card);}
.tem-about-step-number{font-size:1.4rem;font-weight:900;letter-spacing:-.05em;color:var(--accent);}
.tem-about-process h3,.tem-about-principles h3{margin:0 0 6px;font-size:1.07rem;line-height:1.4;}
.tem-about-process p,.tem-about-principles p{margin:0;color:var(--tem-soft);font-size:.92rem;line-height:1.7;}
.tem-about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.tem-about-principles>div{display:flex;gap:13px;align-items:flex-start;padding:21px;border:1px solid var(--tem-line);border-radius:17px;background:var(--card);}
.tem-about-principle-mark{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:rgba(102,230,210,.13);color:#4bc6a4;font-weight:900;}
.tem-about-inline-link{display:inline-flex;margin-top:26px;gap:10px;color:var(--accent)!important;font-weight:800;font-size:.9rem;text-decoration:none;}
.tem-about-inline-link:hover{text-decoration:underline;text-underline-offset:4px;}
.tem-about-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.tem-about-feedback-grid article{padding:26px;border:1px solid var(--tem-line);border-radius:18px;background:var(--card);}
.tem-about-feedback-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:var(--accent);font-weight:800;}
.tem-about-feedback-grid h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.025em;margin:17px 0 10px;}
.tem-about-feedback-grid p{font-size:.92rem;line-height:1.8;color:var(--tem-soft);margin:0;}
.tem-about-last{margin-bottom:25px;}
.tem-about-support{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px;padding:24px 26px;border:1px solid var(--tem-line);border-radius:17px;background:var(--card);}
.tem-about-support strong{display:block;font-size:1.01rem;margin-bottom:6px;}
.tem-about-support p{margin:0;color:var(--tem-soft);font-size:.9rem;max-width:440px;line-height:1.75;}
.tem-about-support .tem-action{flex-shrink:0;}
.tem-about-end{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;margin-top:50px;padding:clamp(30px,4vw,54px);border:1px solid var(--tem-line);border-radius:23px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--card)),var(--card));}
.tem-about-end h2{margin-bottom:10px;}
.tem-about-end p:not(.tem-about-eyebrow){max-width:540px;color:var(--tem-soft);margin:0;}
.tem-about-end .tem-actions{margin:0;}

/* Homepage gets a short preview, not the older crowded "mentors" content. */
.tem-about-preview{width:min(1080px,94%);margin:0 auto;padding:clamp(20px,3.6vw,44px);border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:var(--shadow-1);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:28px;align-items:center;}
.tem-about-preview .tem-about-eyebrow{margin-bottom:12px;}
.tem-about-preview h2{font-size:clamp(1.9rem,3.6vw,3.2rem);letter-spacing:-.05em;line-height:1.14;margin:0 0 16px;}
.tem-about-preview p{color:var(--muted);font-size:1rem;line-height:1.85;max-width:620px;margin:0;}
.tem-about-preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.tem-about-preview-actions a{min-height:45px;display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border-radius:11px;text-decoration:none;font-size:.9rem;font-weight:800;color:#111d32;background:var(--accent);}
.tem-about-preview-actions a:nth-child(2){background:transparent;border:1px solid var(--border);color:var(--text);}
.tem-about-preview-points{display:grid;gap:12px;}
.tem-about-preview-points div{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--border);border-radius:14px;background:var(--surface);}
.tem-about-preview-points span{font-size:.9rem;font-weight:900;color:var(--accent);}
.tem-about-preview-points strong{font-size:.92rem;line-height:1.5;}

html[data-theme="light"] .tem-about-visual{background:linear-gradient(155deg,#e8efff,#f3f7ff);}
html[data-theme="light"] .tem-about-visual .tem-about-steps>div{background:rgba(255,255,255,.85);}
html[data-theme="light"] .tem-about-symbol{box-shadow:0 8px 22px rgba(69,114,201,.13);}

@media (max-width:950px){
 .tem-about-hero{grid-template-columns:1fr;}
 .tem-about-visual{min-height:0;gap:26px;}
 .tem-about-body{grid-template-columns:1fr;gap:27px;margin-top:45px;}
 .tem-about-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px;}
 .tem-about-sidebar>span{width:100%;padding-bottom:5px;}
 .tem-about-sidebar a{padding:8px 10px;}
 .tem-about-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .tem-about-preview{grid-template-columns:1fr;}
}
@media (max-width:650px){
 .tem-about{width:min(100% - 28px,1120px);padding:24px 0 70px;}
 .tem-about-hero{padding:25px 20px;border-radius:22px;}
 .tem-about-lead{font-size:.98rem;}
 .tem-about-visual{padding:19px;}
 .tem-about-body{margin-top:32px;}
 .tem-about-section{margin-bottom:53px;}
 .tem-about-section h2,.tem-about-end h2{font-size:clamp(1.7rem,7vw,2.25rem);}
 .tem-about-library-grid,.tem-about-principles,.tem-about-feedback-grid{grid-template-columns:1fr;}
 .tem-about-library{min-height:0;padding:21px;}
 .tem-about-library h3{margin-top:14px;}
 .tem-about-process article{padding:18px;grid-template-columns:43px 1fr;gap:9px;}
 .tem-about-principles>div{padding:18px;}
 .tem-about-feedback-grid article{padding:21px;}
 .tem-about-support{padding:20px;}
 .tem-about-end{margin-top:34px;padding:27px 20px;}
 .tem-about-preview{width:min(100% - 28px,1080px);padding:22px 20px;gap:25px;}
 .tem-about-preview h2{font-size:clamp(1.8rem,8vw,2.35rem);}
}
@media (prefers-reduced-motion:reduce){
 .tem-about-library,.tem-about-preview-actions a{transition:none;}
 .tem-about-library:hover{transform:none;}
}


/* Homepage: three coordinated CTAs instead of a dangling paragraph link. */
.hero-cta.tem-home-hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:100%;margin-top:23px}
.tem-home-hero-actions .cta{margin:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.84rem;white-space:normal;text-align:center;line-height:1.2;padding:11px 16px}
.tem-home-hero-actions .tem-home-cta-skill{border:1px solid rgba(170,202,255,.55);background:rgba(18,29,56,.75);color:#dceaff;box-shadow:none}
.tem-home-hero-actions .tem-home-cta-skill:hover,.tem-home-hero-actions .tem-home-cta-skill:focus-visible{background:rgba(120,166,255,.24);border-color:#9bc4ff;color:#fff}
.tem-home-hero-actions .tem-home-cta-sat{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:none}
.tem-home-hero-actions .tem-home-cta-sat:hover{background:rgba(255,255,255,.23)}
.tem-home-tile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0 12px}
.tem-home-tile-actions .tem-home-tile-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;border:1px solid var(--border);border-radius:10px;background:rgba(120,166,255,.14);color:var(--text);text-decoration:none;font-weight:800;font-size:.86rem;line-height:1.35;transition:background .15s,border-color .15s}
.tem-home-tile-actions .tem-home-tile-action:hover{background:rgba(120,166,255,.25);border-color:var(--accent)}
.tem-home-tile-actions .tem-home-tile-action-skill{background:var(--surface);color:var(--accent)}
.tem-about-library .tem-about-library-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:19px}
.tem-about-library .tem-about-library-actions a{display:inline-flex;align-items:center;gap:5px;margin:0;padding:8px 11px;border:1px solid var(--tem-line);border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:.78rem;line-height:1.35;text-decoration:none}
.tem-about-library .tem-about-library-actions a:hover{background:color-mix(in srgb,var(--accent) 17%,transparent);border-color:var(--accent);text-decoration:none}
@media(max-width:580px){.tem-home-hero-actions .cta{flex:1 1 auto}.tem-home-tile-actions .tem-home-tile-action{flex:1 1 auto}}