.education-topics { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.education-topics a { display: block; padding: .5rem .75rem; border: 1px solid #8ca6b0; border-radius: .35rem; }
.education-guides { max-width: 65rem; }
.education-topic { margin-block: 1.5rem; padding: 1rem; border: 1px solid #c5d5dc; border-radius: .5rem; }
.education-entry { margin-block: 1rem; }
.education-entry h3 { margin-bottom: .35rem; }
.education-entry p { margin-top: .35rem; overflow-wrap: anywhere; }

/* Nov10 Education reference; public account Help keeps the registry layout above. */
.education-design-host { min-width:0; color:#101c50; background:#fcf9f4; font:400 20px/1.4 "Source Sans 3",Arial,sans-serif; }
.education-design-host [hidden] { display:none !important; }
.education-design-host .directory-header-icon, .education-design-host .directory-actor { display:none; }
.education-page { padding:14px 18px 24px; }
.education-page-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:92px; margin:0 6px 12px; }
.education-page-heading h1 { margin:0; font:700 44px/1.2 Georgia,serif; letter-spacing:0; color:#073f82; }
.education-page-heading p { margin:8px 0 0; }
.education-page-actions { display:flex; align-items:center; gap:20px; flex:none; font-size:18px; }
.education-page-actions > p { display:flex; align-items:center; gap:9px; margin:0; padding-right:20px; border-right:1px solid #b6c0ce; }
.education-icon { width:24px; height:24px; flex:none; filter:invert(23%) sepia(100%) saturate(3000%) hue-rotate(210deg) brightness(94%) contrast(108%); }
.education-full-help { display:flex; align-items:center; gap:10px; border:1px solid #557499; border-radius:7px; padding:8px 12px; color:#164276; text-decoration:none; white-space:nowrap; }
.education-columns { display:grid; grid-template-columns:310px minmax(0,1fr); gap:12px; align-items:stretch; }
.education-design-host .education-topics { display:flex; flex-direction:column; flex-wrap:nowrap; gap:0; margin:0; padding:14px 16px; border:1px solid #aab8c7; border-radius:16px; min-height:742px; background:#fffdf9; }
.education-topics h2 { font:700 32px/1.3 Georgia,serif; color:#073f82; margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid #b7c2ce; }
.education-design-host .education-topics a { display:flex; align-items:center; gap:16px; min-height:54px; padding:10px 12px; border:0; border-radius:0; color:#101c50; text-decoration:none; font-size:20px; }
.education-design-host .education-topics a[aria-current="page"] { color:#06468b; background:#e1edfb; box-shadow:inset 4px 0 #0058ef; font-weight:700; }
.education-content { min-width:0; }
.education-guide-card, .education-search-results { padding:18px; border:1px solid #aab8c7; border-radius:16px; background:#fffdf9; min-height:742px; }
.education-role { display:table; margin:0 0 9px; padding:3px 17px; border-radius:20px; background:#e1edfb; color:#164675; font:700 18px/1.5 "Source Sans 3",Arial,sans-serif; }
.education-design-host .education-topic { margin:0; padding:0; border:0; border-radius:0; }
.education-topic > h2 { margin:0 0 10px; color:#073f82; font:700 40px/1.25 Georgia,serif; }
.education-intro { margin:0; padding-bottom:24px; border-bottom:1px solid #b9c3cf; font-size:20px; }
.education-steps { list-style:none; counter-reset:education-step; padding:0; margin:16px 0 0; display:grid; gap:0; }
.education-steps > li { counter-increment:education-step; display:grid; grid-template-columns:40px 36px minmax(0,1fr); gap:26px; align-items:start; padding:10px 0; border-bottom:1px solid #d0d7df; }
.education-steps > li:first-child { padding-top:0; }
.education-steps > li:last-child { border:0; }
.education-steps > li::before { content:counter(education-step); display:flex; align-items:center; justify-content:center; width:40px; height:40px; margin-top:2px; background:#e1edfb; border-radius:50%; color:#0056b9; font-size:24px; font-weight:700; }
.education-steps .education-icon { margin-top:4px; width:36px; height:36px; }
.education-steps h3 { margin:0 0 5px; font:700 23px/1.25 "Source Sans 3",Arial,sans-serif; color:#163f78; }
.education-steps p { margin:0; }
.education-note { display:flex; align-items:center; gap:12px; padding:15px 16px; margin:10px 0 0; border-radius:16px; background:#e1edfb; color:#204373; font-size:18px; }
.education-related, .education-help { display:flex; align-items:center; gap:28px; padding-top:22px; border-top:1px solid #b9c3cf; margin-top:40px; }
.education-related h3, .education-help h3 { flex:none; margin:0; color:#073f82; font:700 26px/1.25 Georgia,serif; }
.education-related > div, .education-help > div { display:flex; flex-wrap:wrap; gap:18px 28px; }
.education-related a, .education-help a { display:inline-flex; align-items:center; gap:8px; color:#1656aa; text-decoration:none; font-size:18px; }
.education-related a .education-icon:last-child, .education-help a .education-icon:last-child { width:18px; height:18px; }
.education-help { margin-top:40px; }
.education-reference { border-top:1px solid #c8d0d8; margin-top:26px; padding-top:12px; font-size:17px; }
.education-reference summary { cursor:pointer; color:#164f93; }
.education-reference-topic { border-top:1px solid #d3d9e1; margin-top:18px; }
.education-reference h3 { font:400 25px/1.3 Georgia,serif; }
.education-reference h4 { margin:18px 0 5px; font-size:19px; }
.education-reference p { margin:8px 0; overflow-wrap:anywhere; }
.education-references { margin-left:322px; }
.education-references .education-reference { margin-top:8px; padding:8px 18px; border:0; }
.education-search-results h2 { margin:0; font:400 32px/1.3 Georgia,serif; }
.education-search-results ul { list-style:none; padding:0; }
.education-search-results li { padding:16px 0; border-top:1px solid #c8d0d8; }
.education-search-results a { display:flex; flex-wrap:wrap; gap:8px 18px; color:#164f93; }
.education-search-results a span { font-size:16px; }
.education-search-results li p { margin:8px 0; overflow-wrap:anywhere; }
.education-design-host :is(a,summary):hover { text-decoration:underline; }
.education-design-host :is(a,summary,[tabindex="-1"]):focus-visible { outline:3px solid #0058ef; outline-offset:3px; }
@media(max-width:1300px) {
  .education-page-actions { gap:12px; }
  .education-page-actions > p { max-width:170px; padding-right:12px; }
  .education-columns { grid-template-columns:240px minmax(0,1fr); }
  .education-references { margin-left:252px; }
  .education-topic > h2 { font-size:34px; }
  .education-related > div { gap:14px; }
  .education-related, .education-help { flex-wrap:wrap; gap:14px; }
}
@media(max-width:1100px) {
  .education-page-heading { align-items:flex-start; flex-direction:column; padding-bottom:16px; }
  .education-page-actions > p { max-width:none; }
  .education-columns { grid-template-columns:210px minmax(0,1fr); }
  .education-references { margin-left:222px; }
  .education-design-host .education-topics { padding:14px 10px; }
  .education-design-host .education-topics a { padding:10px 8px; gap:8px; font-size:18px; }
  .education-steps > li { gap:8px; grid-template-columns:26px 24px minmax(0,1fr); }
  .education-steps > li::before { width:26px; height:26px; font-size:18px; }
  .education-steps .education-icon { width:24px; height:24px; }
}
@media(max-width:900px) {
  .education-columns { grid-template-columns:minmax(0,1fr); }
  .education-references { margin-left:0; }
  .education-design-host .education-topics { min-height:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .education-topics h2 { grid-column:1/-1; }
  .education-guide-card,.education-search-results { min-height:0; }
  .education-page-actions { flex-wrap:wrap; }
}
@media(max-width:480px) {
  .education-page { padding:14px 10px 24px; }
  .education-page-heading { margin:0 2px 10px; gap:12px; }
  .education-page-heading h1 { font-size:36px; }
  .education-page-heading p { font-size:18px; }
  .education-page-actions > p { border:0; }
  .education-design-host .education-topics { grid-template-columns:minmax(0,1fr); }
  .education-guide-card,.education-search-results { padding:16px 12px; }
  .education-topic > h2 { font-size:30px; }
  .education-intro,.education-steps p { font-size:18px; }
  .education-steps h3 { font-size:21px; }
  .education-note { padding:12px; align-items:flex-start; }
  .education-related { margin-top:30px; }
}