.learning-comparison{padding:clamp(48px,7vw,100px) clamp(18px,5vw,80px);background:var(--paper);border-top:1px solid var(--line)}
.comparison-inner{max-width:1280px;margin:auto}.learning-comparison h2{font-size:clamp(2rem,4vw,3.6rem);max-width:760px}.comparison-intro{max-width:calc(72 * var(--lv-char));color:var(--muted)}
.comparison-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);overscroll-behavior-x:contain}.comparison-table-wrap:focus-visible{outline:3px solid #b86523;outline-offset:4px}
.learning-comparison table{width:100%;min-width:940px;border-collapse:collapse;font-size:.88rem;line-height:1.55;table-layout:fixed}.learning-comparison caption{text-align:left;padding:18px 20px;color:var(--muted);font-size:.8rem}.learning-comparison th,.learning-comparison td{padding:19px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--line);overflow-wrap:anywhere}.learning-comparison thead th{background:#edf0e8;font-weight:650}.learning-comparison th:first-child{width:15%}.learning-comparison th span{display:block;font-weight:400;color:var(--muted);font-size:.78rem;margin-top:5px}.comparison-own{background:#edf4e8}.comparison-note{max-width:calc(80 * var(--lv-char));margin:20px 0 0;font-size:.78rem;line-height:1.65;color:var(--muted)}.comparison-scroll{display:none;font-size:.8rem;color:var(--muted)}
@media(max-width:1100px){.comparison-scroll{display:block}}
@media print{.comparison-table-wrap{overflow:visible}.learning-comparison table{min-width:0;font-size:8pt}.learning-comparison th,.learning-comparison td{padding:6px}.comparison-scroll{display:none}}

.comparison-details{margin-top:24px}.comparison-details summary{padding:16px 0;font-weight:650;cursor:pointer}.comparison-details>p{max-width:calc(76 * var(--lv-char));font-size:.88rem;color:var(--muted)}.learning-comparison .comparison-feature-table{min-width:720px}.learning-comparison .comparison-feature-table th:first-child{width:23%}

/* The overview remains readable without sideways navigation. Tables retain
 * their complete source-backed comparison behind an explicit disclosure. */
.landing-page .learning-comparison { padding: 3rem 0; }
.landing-page .learning-comparison h2 { font-size: 2rem; line-height: 1.25; }
.comparison-overview { list-style: none; padding: 0; margin: 2rem 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 1.5rem; }
.comparison-overview li { border-top: 1px solid var(--line); padding-top: 1rem; }
.comparison-overview strong { display: block; font-size: 1rem; margin-bottom: .5rem; }
.comparison-overview span { font-size: .9375rem; color: var(--muted); line-height: 1.6; }
.comparison-full, .comparison-details { border-block: 1px solid var(--line); margin: 1rem 0; }
.comparison-full>summary, .comparison-details>summary { font-size: 1rem; font-weight: 550; min-height: 48px; padding: 1rem 0; }
.comparison-full[open] { padding-bottom: 1rem; }
.landing-page .comparison-note { font-size: .875rem; }
@media(max-width:760px) {
  .comparison-overview { grid-template-columns: 1fr; gap: 1rem; }
  .comparison-overview li { display: grid; grid-template-columns: 6rem minmax(0,1fr); gap: 1rem; }
  .landing-page .learning-comparison h2 { font-size: 1.75rem; }
}