/* Shared presentation for TEM's public learning and practice landing pages. */
.tem-editorial {
  --tem-line: var(--border, rgba(140,170,255,.2));
  --tem-ink: var(--text, #f5f8ff);
  --tem-soft: var(--muted, #c7d1f2);
  width: min(1120px, calc(100% - 44px));
  margin: 0 auto;
  padding: 46px 0 94px;
  color: var(--tem-ink);
  line-height: 1.65;
}
.tem-editorial *, .tem-editorial *::before, .tem-editorial *::after {box-sizing: border-box;}
.tem-editorial a {color: inherit;}
.tem-editorial a:focus-visible {outline: 3px solid var(--accent, #78a6ff);outline-offset: 4px;}
.tem-editorial .tem-crumbs {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 30px;font-size:.85rem;color:var(--tem-soft);}
.tem-editorial .tem-crumbs a {text-decoration:none;}
.tem-editorial .tem-crumbs a:hover {text-decoration:underline;text-underline-offset:4px;}
.tem-editorial .tem-crumbs span[aria-hidden] {opacity:.55;}
.tem-editorial .tem-kicker {display:inline-flex;align-items:center;gap:9px;margin:0 0 15px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--accent, #78a6ff);}
.tem-editorial .tem-kicker::before {content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-2, #66e6d2);}
.tem-editorial .tem-heading {font-size:clamp(2.4rem, 5vw, 4.55rem);line-height:1.09;letter-spacing:-.052em;font-weight:900;max-width:850px;margin:0 0 22px;text-wrap:balance;}
.tem-editorial .tem-lead {font-size:clamp(1rem, 1.6vw, 1.16rem);line-height:1.8;color:var(--tem-soft);max-width:690px;margin:0;}
.tem-editorial .tem-hero {position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,5vw,58px);border:1px solid var(--tem-line);border-radius:26px;background:var(--card,rgba(20,26,52,.85));}
.tem-editorial .tem-hero::after {content:"";position:absolute;z-index:-1;right:-135px;top:-155px;width:415px;height:415px;border-radius:50%;background:radial-gradient(circle,rgba(120,166,255,.19),transparent 68%);pointer-events:none;}
.tem-editorial .tem-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;}
.tem-editorial .tem-action {display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border:1px solid transparent;border-radius:12px;background:var(--accent,#78a6ff);color:#0c1630;text-decoration:none;font-size:.9rem;font-weight:800;line-height:1.25;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.tem-editorial .tem-action:hover {transform:translateY(-2px);background:var(--accent-2,#66e6d2);}
.tem-editorial .tem-action-secondary {border-color:var(--tem-line);background:transparent;color:var(--tem-ink);}
.tem-editorial .tem-action-secondary:hover {background:var(--surface,rgba(255,255,255,.07));}
.tem-editorial .tem-section {margin-top:58px;}
.tem-editorial .tem-section-head {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px;}
.tem-editorial .tem-section-title {margin:0;font-size:clamp(1.48rem,2.9vw,2.04rem);line-height:1.25;letter-spacing:-.035em;}
.tem-editorial .tem-section-note {margin:6px 0 0;color:var(--tem-soft);font-size:.95rem;max-width:600px;}
.tem-editorial .tem-text-link {font-size:.91rem;font-weight:700;text-decoration:none;color:var(--accent,#78a6ff);white-space:nowrap;}
.tem-editorial .tem-text-link:hover {text-decoration:underline;text-underline-offset:4px;}
.tem-editorial .tem-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tem-editorial .tem-card {min-width:0;padding:25px;border:1px solid var(--tem-line);border-radius:18px;background:var(--surface-strong,rgba(12,18,40,.72));}
.tem-editorial .tem-card h3 {font-size:1.09rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px;}
.tem-editorial .tem-card p {margin:0;color:var(--tem-soft);font-size:.92rem;line-height:1.75;}
.tem-editorial .tem-card-index {display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:20px;border:1px solid var(--tem-line);border-radius:11px;color:var(--accent,#78a6ff);font-size:.83rem;font-weight:800;}
.tem-editorial .tem-banner {display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:58px;padding:27px 30px;border:1px solid var(--tem-line);border-radius:20px;background:var(--surface,rgba(255,255,255,.07));}
.tem-editorial .tem-banner h2 {margin:0 0 5px;font-size:1.25rem;letter-spacing:-.025em;}
.tem-editorial .tem-banner p {margin:0;color:var(--tem-soft);font-size:.9rem;max-width:600px;}
.tem-editorial .tem-fine-print {margin:30px 0 0;color:var(--tem-soft);font-size:.8rem;line-height:1.7;}
/* Guide catalogue. */
.tem-editorial .tem-feature {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);overflow:hidden;border:1px solid var(--tem-line);border-radius:22px;background:var(--surface-strong,rgba(12,18,40,.72));color:inherit;text-decoration:none;}
.tem-editorial .tem-feature-copy {padding:clamp(25px,4vw,45px);display:flex;flex-direction:column;justify-content:center;min-width:0;}
.tem-editorial .tem-feature-image {width:100%;height:100%;min-height:290px;object-fit:cover;display:block;}
.tem-editorial .tem-feature-art {min-height:290px;display:grid;place-items:center;background:radial-gradient(circle at 70% 28%,rgba(102,230,210,.19),transparent 55%),linear-gradient(145deg,var(--bg-2,#0c152b),var(--g2,#142762));font-size:clamp(2rem,5vw,4.2rem);font-weight:900;letter-spacing:-.07em;color:var(--accent,#78a6ff);}
.tem-editorial .tem-feature h2 {margin:5px 0 14px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.18;letter-spacing:-.045em;}
.tem-editorial .tem-feature p {margin:0 0 25px;color:var(--tem-soft);}
.tem-editorial .tem-guide {display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:0;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease;}
.tem-editorial .tem-guide:hover,.tem-editorial .tem-feature:hover {border-color:var(--accent,#78a6ff);}
.tem-editorial .tem-guide:hover {transform:translateY(-3px);}
.tem-editorial .tem-guide-media {display:block;aspect-ratio:16/9;width:100%;object-fit:cover;background:linear-gradient(130deg,var(--g1,#1c2550),var(--g2,#142762));}
.tem-editorial .tem-guide-fallback {display:grid;place-items:center;color:var(--accent,#78a6ff);font-weight:900;font-size:1.5rem;letter-spacing:-.04em;}
.tem-editorial .tem-guide-copy {padding:22px;display:flex;flex:1;flex-direction:column;}
.tem-editorial .tem-guide h3 {font-size:1.17rem;margin:7px 0 12px;line-height:1.38;}
.tem-editorial .tem-guide p {margin:0 0 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.tem-editorial .tem-meta {color:var(--tem-soft);font-size:.77rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase;}
.tem-editorial .tem-read {margin-top:auto;font-size:.87rem;font-weight:800;color:var(--accent,#78a6ff);}
.tem-editorial .tem-empty {padding:38px;border:1px dashed var(--tem-line);border-radius:18px;background:var(--surface,rgba(255,255,255,.07));}
.tem-editorial .tem-empty p {margin:0 0 20px;color:var(--tem-soft);}
/* Individual guides share the same typographic rhythm. */
.tem-editorial.tem-article {max-width:920px;}
.tem-editorial .tem-article-header {padding-bottom:30px;border-bottom:1px solid var(--tem-line);}
.tem-editorial .tem-article-header .tem-lead {max-width:780px;}
.tem-editorial .tem-article-date {display:block;margin:0 0 16px;color:var(--tem-soft);font-size:.86rem;}
.tem-editorial .tem-cover {display:block;width:100%;max-height:480px;object-fit:cover;margin:32px 0;border-radius:19px;}
.tem-editorial .tem-prose {font-size:1.03rem;line-height:1.85;overflow-wrap:anywhere;}
.tem-editorial .tem-prose > :first-child {margin-top:28px;}
.tem-editorial .tem-prose h2 {font-size:clamp(1.5rem,3vw,2rem);line-height:1.26;letter-spacing:-.035em;margin:42px 0 15px;}
.tem-editorial .tem-prose h3 {font-size:1.3rem;line-height:1.36;margin:32px 0 12px;}
.tem-editorial .tem-prose p,.tem-editorial .tem-prose ul,.tem-editorial .tem-prose ol {margin:14px 0;}
.tem-editorial .tem-prose ul,.tem-editorial .tem-prose ol {padding-left:26px;}
.tem-editorial .tem-prose li {margin:7px 0;}
.tem-editorial .tem-prose img {max-width:100%;height:auto;border-radius:14px;}
.tem-editorial .tem-prose blockquote {margin:24px 0;padding:8px 0 8px 22px;border-left:3px solid var(--accent,#78a6ff);color:var(--tem-soft);}
.tem-editorial .tem-prose table {display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;}
.tem-editorial .tem-prose th,.tem-editorial .tem-prose td {padding:12px;border:1px solid var(--tem-line);text-align:left;}
.tem-editorial .tem-prose a {color:var(--accent,#78a6ff);text-underline-offset:3px;}
.tem-editorial .tem-prose pre {overflow-x:auto;padding:18px;border-radius:12px;background:var(--surface,rgba(255,255,255,.07));}
@media (max-width:800px) {
  .tem-editorial .tem-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .tem-editorial .tem-feature {grid-template-columns:1fr;}
  .tem-editorial .tem-feature-image,.tem-editorial .tem-feature-art {height:260px;min-height:260px;}
}
@media (max-width:620px) {
  .tem-editorial {width:min(100% - 30px,1120px);padding:24px 0 66px;}
  .tem-editorial .tem-crumbs {margin-bottom:22px;}
  .tem-editorial .tem-hero {padding:26px 22px;border-radius:20px;}
  .tem-editorial .tem-heading {font-size:clamp(2.22rem,10vw,3.05rem);}
  .tem-editorial .tem-grid {grid-template-columns:1fr;}
  .tem-editorial .tem-section {margin-top:42px;}
  .tem-editorial .tem-section-head {align-items:start;flex-direction:column;gap:10px;}
  .tem-editorial .tem-banner {align-items:start;flex-direction:column;padding:23px;}
  .tem-editorial .tem-actions {align-items:stretch;flex-direction:column;}
  .tem-editorial .tem-actions .tem-action {width:100%;}
}
@media (prefers-reduced-motion:reduce) {
  .tem-editorial .tem-action,.tem-editorial .tem-guide {transition:none;}
  .tem-editorial .tem-action:hover,.tem-editorial .tem-guide:hover {transform:none;}
}


/* Editorial system v2: topic hubs, richer articles and connected practice pages. */
.tem-editorial.tem-accent-blue,
.tem-editorial .tem-accent-blue {--tem-accent:#78a6ff;--tem-accent-2:#66e6d2;}
.tem-editorial.tem-accent-teal,
.tem-editorial .tem-accent-teal {--tem-accent:#66e6d2;--tem-accent-2:#78a6ff;}
.tem-editorial.tem-accent-violet,
.tem-editorial .tem-accent-violet {--tem-accent:#a06bff;--tem-accent-2:#78a6ff;}
.tem-editorial.tem-accent-amber,
.tem-editorial .tem-accent-amber {--tem-accent:#f7bd57;--tem-accent-2:#ffd982;}
.tem-editorial.tem-accent-rose,
.tem-editorial .tem-accent-rose {--tem-accent:#f58ab6;--tem-accent-2:#c49cff;}

.tem-editorial.tem-accent-blue,
.tem-editorial.tem-accent-teal,
.tem-editorial.tem-accent-violet,
.tem-editorial.tem-accent-amber,
.tem-editorial.tem-accent-rose {--accent:var(--tem-accent);--accent-2:var(--tem-accent-2);}

.tem-editorial .tem-accent-blue,
.tem-editorial .tem-accent-teal,
.tem-editorial .tem-accent-violet,
.tem-editorial .tem-accent-amber,
.tem-editorial .tem-accent-rose {--accent:var(--tem-accent);--accent-2:var(--tem-accent-2);}

.tem-topic-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tem-editorial .tem-topic-card {position:relative;overflow:hidden;min-height:265px;padding:28px;border:1px solid var(--tem-line);border-radius:20px;background:var(--surface-strong,rgba(12,18,40,.72));color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease;}
.tem-editorial .tem-topic-card::after {content:"";position:absolute;right:-60px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--accent,#78a6ff),transparent 70%);opacity:.16;pointer-events:none;}
.tem-editorial .tem-topic-card:hover {transform:translateY(-4px);border-color:var(--accent,#78a6ff);}
.tem-editorial .tem-topic-card h3 {margin:4px 0 12px;font-size:1.35rem;line-height:1.25;letter-spacing:-.035em;}
.tem-editorial .tem-topic-card p {margin:0 0 24px;color:var(--tem-soft);font-size:.92rem;}
.tem-editorial .tem-topic-count {position:absolute;top:22px;right:22px;display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent,#78a6ff) 18%,transparent);color:var(--accent,#78a6ff);font-weight:900;}

.tem-editorial .tem-guides-hero,
.tem-editorial .tem-category-hero,
.tem-editorial .tem-practice-hero {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,.6fr);gap:38px;align-items:end;}
.tem-editorial .tem-guide-hub-note,
.tem-editorial .tem-category-stat,
.tem-editorial .tem-practice-flow {padding:22px;border:1px solid var(--tem-line);border-radius:18px;background:rgba(0,0,0,.08);}
.tem-editorial .tem-guide-hub-note {display:flex;flex-direction:column;gap:6px;}
.tem-editorial .tem-guide-hub-note strong {font-size:1.05rem;}
.tem-editorial .tem-guide-hub-note span {color:var(--tem-soft);font-size:.9rem;line-height:1.6;}
.tem-editorial .tem-category-stat {display:flex;align-items:end;gap:12px;}
.tem-editorial .tem-category-stat strong {font-size:clamp(2.6rem,6vw,4.8rem);line-height:.8;color:var(--accent,#78a6ff);}
.tem-editorial .tem-category-stat span {color:var(--tem-soft);font-weight:700;}
.tem-editorial .tem-practice-flow {display:grid;gap:12px;}
.tem-editorial .tem-practice-flow span {display:flex;gap:10px;align-items:center;color:var(--tem-soft);font-size:.9rem;}
.tem-editorial .tem-practice-flow strong {display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--accent,#78a6ff) 18%,transparent);color:var(--accent,#78a6ff);font-size:.76rem;}

.tem-editorial .tem-guide-grid {align-items:stretch;}
.tem-editorial .tem-guide {height:100%;}
.tem-editorial .tem-guide-media-wrap {overflow:hidden;aspect-ratio:16/9;background:var(--surface,rgba(255,255,255,.07));}
.tem-editorial .tem-guide-media {height:100%;transition:transform .28s ease;}
.tem-editorial .tem-guide:hover .tem-guide-media {transform:scale(1.025);}
.tem-editorial .tem-image-top {object-position:center top;}
.tem-editorial .tem-image-center {object-position:center center;}
.tem-editorial .tem-image-bottom {object-position:center bottom;}
.tem-editorial .tem-card-meta,
.tem-editorial .tem-article-meta {display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--tem-soft);font-size:.76rem;font-weight:700;}
.tem-editorial .tem-category-badge {display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent,#78a6ff) 15%,transparent);color:var(--accent,#78a6ff);font-weight:900;letter-spacing:.03em;text-transform:uppercase;}
.tem-editorial .tem-feature-media {min-height:320px;overflow:hidden;}
.tem-editorial .tem-feature-media .tem-feature-image {min-height:320px;object-fit:cover;}
.tem-editorial .tem-feature .tem-card-meta {margin-bottom:8px;}

.tem-editorial.tem-article {max-width:1120px;}
.tem-editorial .tem-article-header {padding:clamp(25px,4vw,44px);border:1px solid var(--tem-line);border-radius:24px;background:var(--surface-strong,rgba(12,18,40,.72));}
.tem-editorial .tem-article-header .tem-heading {margin-top:16px;}
.tem-editorial .tem-cover-frame {height:clamp(300px,52vw,560px);margin:32px 0;overflow:hidden;border:1px solid var(--tem-line);border-radius:22px;background:var(--surface,rgba(255,255,255,.07));}
.tem-editorial .tem-cover {width:100%;height:100%;max-height:none;margin:0;object-fit:cover;border-radius:0;}
.tem-editorial .tem-video-section {margin:42px 0;}
.tem-editorial .tem-video {position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--tem-line);border-radius:20px;background:#05070d;box-shadow:0 20px 55px rgba(0,0,0,.18);}
.tem-editorial .tem-video iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.tem-editorial .tem-inline-video {position:relative;overflow:hidden;aspect-ratio:16/9;margin:28px 0 34px;border:1px solid var(--tem-line);border-radius:18px;background:#05070d;box-shadow:0 18px 45px rgba(0,0,0,.16);}
.tem-editorial .tem-inline-video iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.tem-editorial .tem-article-layout {display:block;margin-top:38px;}
.tem-editorial .tem-article-layout.has-toc {display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:start;}
.tem-editorial .tem-article-layout:not(.has-toc) .tem-prose {width:min(100%,820px);margin-inline:auto;}
.tem-editorial .tem-toc {position:sticky;top:calc(var(--nav-h,72px) + 22px);max-height:calc(100dvh - var(--nav-h,72px) - 44px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px;border:1px solid var(--tem-line);border-radius:16px;background:var(--surface,rgba(255,255,255,.07));}
.tem-editorial .tem-toc strong {display:block;margin-bottom:11px;font-size:.86rem;}
.tem-editorial .tem-toc nav {display:flex;flex-direction:column;gap:7px;}
.tem-editorial .tem-toc a {display:block;padding:5px 7px;border-radius:8px;font-size:.79rem;line-height:1.4;color:var(--tem-soft);text-decoration:none;transition:background .16s ease,color .16s ease;}
.tem-editorial .tem-toc a:hover {color:var(--accent,#78a6ff);background:color-mix(in srgb,var(--accent,#78a6ff) 7%,transparent);}
.tem-editorial .tem-toc a.is-active {color:var(--tem-ink);font-weight:800;background:color-mix(in srgb,var(--accent,#78a6ff) 12%,transparent);}
.tem-editorial .tem-toc .tem-toc-sub {padding-left:16px;font-size:.75rem;}
.tem-editorial .tem-prose {min-width:0;}
.tem-editorial .tem-prose h2,.tem-editorial .tem-prose h3 {scroll-margin-top:calc(var(--nav-h,72px) + 24px);}
.tem-editorial .tem-prose figure {margin:28px 0;}
.tem-editorial .tem-prose figcaption {margin-top:8px;color:var(--tem-soft);font-size:.82rem;text-align:center;}
.tem-editorial .tem-prose hr {border:0;border-top:1px solid var(--tem-line);margin:38px 0;}
.tem-editorial .tem-prose blockquote {padding:16px 20px;border:1px solid var(--tem-line);border-left:4px solid var(--accent,#78a6ff);border-radius:0 14px 14px 0;background:color-mix(in srgb,var(--accent,#78a6ff) 7%,transparent);}
.tem-editorial .tem-prose table {width:100%;border-radius:12px;}
.tem-editorial .tem-prose th {background:color-mix(in srgb,var(--accent,#78a6ff) 10%,transparent);}

.tem-editorial .tem-learning-loop {padding:28px;border:1px solid var(--tem-line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent,#78a6ff) 7%,transparent),transparent);}
.tem-editorial .tem-practice-card {position:relative;overflow:hidden;}
.tem-editorial .tem-practice-card::after {content:"";position:absolute;right:-50px;bottom:-60px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,var(--accent,#78a6ff),transparent 70%);opacity:.08;}
.tem-editorial .tem-link-row {display:flex;flex-wrap:wrap;gap:10px;}
.tem-editorial .tem-link-row a {display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid var(--tem-line);border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:800;}
.tem-editorial .tem-link-row a:hover {border-color:var(--accent,#78a6ff);color:var(--accent,#78a6ff);}

@media (max-width:900px) {
  .tem-editorial .tem-guides-hero,
  .tem-editorial .tem-category-hero,
  .tem-editorial .tem-practice-hero {grid-template-columns:1fr;}
  .tem-editorial .tem-topic-grid {grid-template-columns:1fr 1fr;}
  .tem-editorial .tem-article-layout {grid-template-columns:1fr;gap:20px;}
  .tem-editorial .tem-toc {position:static;}
}
@media (max-width:620px) {
  .tem-editorial .tem-topic-grid {grid-template-columns:1fr;}
  .tem-editorial .tem-topic-card {min-height:0;}
  .tem-editorial .tem-cover-frame {height:300px;}
  .tem-editorial .tem-article-header {padding:24px 20px;}
  .tem-editorial .tem-learning-loop {padding:22px;}
}


/* Mobile article hardening: keep individual guides single-column and readable. */
@media (max-width: 900px) {
  .tem-editorial.tem-article {
    width: min(100% - 28px, 1120px);
    max-width: none;
    padding: 28px 0 64px;
    overflow: visible;
  }
  .tem-editorial .tem-article-layout,
  .tem-editorial .tem-article-layout.has-toc {
    display: block;
    width: 100%;
    margin-top: 24px;
  }
  .tem-editorial .tem-article-layout .tem-prose,
  .tem-editorial .tem-article-layout:not(.has-toc) .tem-prose {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    min-width: 0;
  }
  .tem-editorial .tem-toc {
    position: static;
    width: 100%;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
    scrollbar-gutter: auto;
    margin: 0 0 24px;
  }
  .tem-editorial .tem-article-header {
    width: 100%;
  }
  .tem-editorial .tem-article-header .tem-heading {
    max-width: 100%;
    font-size: clamp(2rem, 8vw, 3.15rem);
    overflow-wrap: anywhere;
  }
  .tem-editorial .tem-article-meta {
    flex-wrap: wrap;
  }
  .tem-editorial .tem-cover-frame,
  .tem-editorial .tem-video,
  .tem-editorial .tem-inline-video {
    width: 100%;
    max-width: 100%;
  }
  .tem-editorial .tem-prose {
    font-size: 1rem;
    line-height: 1.78;
    overflow-wrap: anywhere;
  }
  .tem-editorial .tem-prose pre,
  .tem-editorial .tem-prose table {
    max-width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 620px) {
  .tem-editorial.tem-article {
    width: min(100% - 20px, 1120px);
    padding-top: 18px;
  }
  .tem-editorial .tem-crumbs {
    gap: 6px;
    margin-bottom: 18px;
    font-size: .76rem;
    overflow-wrap: anywhere;
  }
  .tem-editorial .tem-article-header {
    padding: 20px 16px;
    border-radius: 18px;
  }
  .tem-editorial .tem-article-header .tem-heading {
    margin-top: 12px;
    font-size: clamp(1.8rem, 9vw, 2.55rem);
    line-height: 1.12;
    letter-spacing: -.04em;
  }
  .tem-editorial .tem-article-header .tem-lead {
    font-size: .96rem;
    line-height: 1.65;
  }
  .tem-editorial .tem-actions {
    gap: 9px;
    margin-top: 22px;
  }
  .tem-editorial .tem-actions .tem-action {
    width: 100%;
  }
  .tem-editorial .tem-cover-frame {
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 22px 0;
    border-radius: 16px;
  }
  .tem-editorial .tem-video-section {
    margin: 28px 0;
  }
  .tem-editorial .tem-video,
  .tem-editorial .tem-inline-video {
    margin: 22px 0 28px;
    border-radius: 14px;
  }
  .tem-editorial .tem-toc {
    padding: 15px;
    border-radius: 14px;
  }
  .tem-editorial .tem-prose h2 {
    margin-top: 34px;
    font-size: 1.48rem;
  }
  .tem-editorial .tem-prose h3 {
    margin-top: 27px;
    font-size: 1.18rem;
  }
  .tem-editorial .tem-prose blockquote {
    margin-inline: 0;
    padding: 13px 14px;
  }
  .tem-editorial .tem-banner {
    margin-top: 42px;
    padding: 20px 16px;
  }
}

/* Optional complete-guide → focused-guide links; existing article text is unchanged. */
.tem-editorial .tem-series-overline {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 16px;
  color: var(--tem-soft);
  font-size: .85rem;
  line-height: 1.65;
  font-weight: 700;
}
.tem-editorial .tem-series-overline a {
  color: var(--accent, #78a6ff);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.tem-editorial .tem-guide-series {
  padding-top: 26px;
  border-top: 1px solid var(--tem-line);
}
@media (max-width:620px) {
  .tem-editorial .tem-series-overline { font-size: .82rem; }
  .tem-editorial .tem-guide-series { padding-top: 18px; }
}

/* TOEFL 2026 skill-practice launch surfaces */
.tem-skill-launch .tem-skill-launch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tem-skill-launch-card{display:flex;flex-direction:column;text-decoration:none;color:var(--tem-ink);transition:transform .18s ease,border-color .18s ease}
.tem-skill-launch-card:hover{transform:translateY(-3px);border-color:var(--accent,#78a6ff)}
.tem-skill-launch-card p{flex:1}
.tem-skill-launch-arrow{display:inline-block;margin-top:15px;color:var(--accent,#78a6ff);font-size:.9rem;font-weight:800}
.tem-skill-launch-access{margin-top:16px;padding:16px 20px;border:1px solid var(--tem-line);border-radius:14px;background:var(--surface,rgba(255,255,255,.05));font-size:.93rem;line-height:1.7;color:var(--tem-soft)}
.tem-skill-launch-access strong{color:var(--tem-ink)}
@media(max-width:950px){.tem-skill-launch .tem-skill-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.tem-skill-launch .tem-skill-launch-grid{grid-template-columns:1fr}}
 
/* Keep the TOEFL landing's new links consistent with the existing cards/buttons. */
.tem-editorial .tem-skill-launch-card{color:var(--tem-ink);text-decoration:none}
.tem-editorial .tem-skill-launch-card:hover,
.tem-editorial .tem-skill-launch-card:focus-visible{border-color:var(--accent,#78a6ff);background:color-mix(in srgb,var(--accent,#78a6ff) 7%,var(--surface-strong));}
.tem-editorial .tem-skill-launch-card .tem-skill-launch-arrow{display:inline-flex;align-items:center;margin-top:17px;color:var(--accent,#78a6ff);font-size:.85rem;font-weight:800;text-decoration:none;}
.tem-editorial .tem-skill-launch .tem-actions .tem-action{max-width:100%;text-align:center}