/* Page-specific explanations using the existing Harten theme tokens. */
.ed-page .container{max-width:1180px}
.ed-page .ed-hero{padding:40px 0 30px;border-bottom:1px solid var(--line)}
.ed-page h1{font-family:var(--sans);font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.15;letter-spacing:-.025em;max-width:28ch;margin:10px 0 22px;text-wrap:balance}
.ed-page .ed-hero p:not(.eyebrow){font-size:clamp(1.05rem,1.4vw,1.2rem);max-width:80ch;color:var(--text-dim);line-height:1.7}
.ed-page .ed-section{padding:44px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.ed-page h2{font-family:var(--sans);font-size:clamp(1.5rem,2.35vw,2.1rem);line-height:1.3;max-width:40ch;margin:0 0 20px}
.ed-page h3{font-family:var(--sans);font-size:1.2rem;line-height:1.4;max-width:none;margin:0 0 14px}
.ed-page p{max-width:84ch;line-height:1.75;margin:0 0 20px;color:var(--text-dim)}
.ed-page .ed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;margin:24px 0}
.ed-page .ed-grid article{padding:22px;border:1px solid var(--line);border-top:3px solid var(--accent);min-width:0;background:var(--white)}
.ed-page .ed-grid p:last-child{margin-bottom:0}
.ed-page .ed-link{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.ed-page .btn{margin:0 0 20px;white-space:normal;text-align:center}
.ed-page .ed-table{overflow-x:auto;margin:24px 0;max-width:100%;border:1px solid var(--line)}
.ed-page table{width:100%;border-collapse:collapse;line-height:1.65}
.ed-page th,.ed-page td{padding:18px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:120px;color:var(--text-dim)}
.ed-page th{color:var(--text);font-weight:600}
.ed-page thead{background:var(--surface)}
.ed-page tbody tr:last-child>*{border-bottom:0}
.ed-page .ed-figure{max-width:940px;margin:28px auto}
.ed-page .ed-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px}
.ed-page figcaption{font-size:.87rem;line-height:1.6;margin-top:12px;color:var(--text-dim)}
@media(max-width:680px){.ed-page .ed-hero{padding:28px 0 20px}.ed-page .ed-section{padding:30px 0}.ed-page .ed-grid{gap:16px}.ed-page h1{font-size:2rem}.ed-page th,.ed-page td{padding:12px;font-size:.92rem}.ed-page .ed-figure{margin:20px 0}}