/* Consolidated education navigation and summary-first article reading. */
.education-field-guide .answer-summary { margin-bottom:36px; }
.education-field-card > p + p { margin-top:12px; }
.education-field-card :is(.field-learning-topics,.field-course-options) { margin-top:28px; }
.education-field-card h4 { font:600 17px/27px var(--sans); letter-spacing:0; color:var(--ink); }
.education-field-card .field-learning-topics ul { list-style:disc; padding-left:1.2em; margin-top:12px; }
.education-field-card .field-learning-topics li { font-size:17px; line-height:27px; }
.education-field-card .field-learning-topics li + li { border:0; margin-top:6px; }
.education-field-card .field-course-options ul { margin-top:10px; }
.education-field-card .field-course-options li a { font-size:17px; line-height:27px; }

.article-layout.article-summary-first { display:block; }
.article-summary-first > .article-body { display:grid; grid-template-columns:220px minmax(0,1fr); gap:40px 64px; align-items:start; max-width:none; }
.article-summary-first > .article-body > .answer-summary { grid-column:2; grid-row:1; width:100%; max-width:780px; margin:0; }
.article-summary-first .article-toc { grid-column:1; grid-row:1 / span 2; align-self:start; padding-top:0; }
.article-summary-first .article-copy { grid-column:2; grid-row:2; min-width:0; max-width:780px; }
.article-copy > .guide-section { padding-block:0; }
.article-copy > .guide-section + .guide-section { margin-top:56px; }
.article-copy > .article-sources { margin-bottom:0; }
.article-summary-first .article-toc-panel { margin:0; padding:0; }
.article-toc-panel > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:16px; cursor:pointer; list-style:none; }
.article-toc-panel > summary::-webkit-details-marker { display:none; }
.article-toc-panel > summary::after { content:'+'; flex:none; font-size:22px; font-weight:400; }
.article-toc-panel[open] > summary::after { content:'−'; }
.article-summary-first .article-toc ol { list-style:none; margin:0; padding:0 0 12px; }
.article-summary-first .article-toc li { margin:0; }
.article-summary-first .article-toc a { font-size:15px; line-height:1.6; text-decoration:none; }
.article-toc-panel > summary:focus-visible, .article-summary-first .article-toc a:focus-visible { outline:3px solid #8b5e13; outline-offset:4px; }

.related-paths { padding-block:48px 56px; }
.related-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; margin-top:32px; }
.related-topic-group { min-width:0; }
.related-topic-group > h3 { font-size:21px; line-height:32px; letter-spacing:.011em; margin:0 0 20px; }
.related-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.related-card-grid :is(.article-card,.catalog-card) { min-width:0; margin:0; }
.related-card-grid .catalog-card { padding:24px 20px; }
.related-paths .related-link-list { list-style:none; padding:0; margin:16px 0 0; }
.related-link-list li { border-top:1px solid var(--line); margin:0; }
.related-link-list li:last-child { border-bottom:1px solid var(--line); }
.related-link-list a { display:flex; justify-content:space-between; align-items:baseline; gap:16px; min-height:44px; padding-block:14px; font-size:17px; line-height:27px; color:var(--ink); }
.related-link-list a > span:first-child { min-width:0; overflow-wrap:anywhere; }
.related-link-list a > span:last-child { flex:none; }
.related-paths-more { margin-top:32px; }
.related-paths-more .related-link-list { display:flex; flex-wrap:wrap; gap:12px 32px; }
.related-paths-more .related-link-list li { border:0; }
.article-copy .related-paths { margin-top:56px; padding-bottom:0; }
.article-copy .related-topic-grid { grid-template-columns:minmax(0,1fr); }
.article-copy .related-paths .pillar-links-heading { display:block; }
.article-copy .related-paths .pillar-links-parent { max-width:100%; margin-top:20px; }
.article-copy .related-topic-group > h3 { margin-bottom:20px; }
.article-copy .related-paths .related-link-list { padding-left:0; }
.article-copy .related-paths .related-link-list li + li { margin-top:0; }

@media(max-width:1068px) {
 .article-summary-first > .article-body { grid-template-columns:minmax(0,1fr); gap:28px; }
 .article-summary-first > .article-body > .answer-summary { grid-column:1; grid-row:auto; }
 .article-summary-first .article-toc { grid-column:1; grid-row:auto; position:static; border-bottom:1px solid var(--line); }
 .article-summary-first .article-copy { grid-column:1; grid-row:auto; max-width:none; }
 .related-card-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:734px) {
 .education-field-guide .answer-summary { margin-bottom:28px; }
 .education-field-card :is(.field-learning-topics,.field-course-options) { margin-top:24px; }
 .article-copy > .guide-section + .guide-section { margin-top:40px; }
 .related-paths { padding-block:32px 40px; }
 .related-topic-grid { grid-template-columns:minmax(0,1fr); gap:32px; margin-top:28px; }
 .article-copy .related-paths { margin-top:40px; }
 .related-paths-more .related-link-list { display:block; }
}
