/* Reading guidance shared by the notes and public-site entry points. */
.reading-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:12px 0; font-size:14px; line-height:1.6; }
.reading-meta .difficulty { display:inline-flex; align-items:center; min-height:28px; padding:2px 10px; border:1px solid #aeb8be; border-radius:0; color:#24343e; background:#f5f4ef; font-family:inherit; font-size:12px; font-weight:600; line-height:1.5; text-decoration:none; white-space:nowrap; }
.reading-meta .difficulty:hover { text-decoration:underline; }
.reading-meta .difficulty:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.reading-audience { color:#465564; }
.reading-prerequisites { max-width:850px; color:#465564; font-size:14px; line-height:1.65; margin:0 0 22px; }
.difficulty-guide { border-block:1px solid #ccd4da; margin:22px 0 12px; padding:14px 0; color:#465564; font-size:14px; }
.difficulty-guide summary { cursor:pointer; color:#233e52; font-weight:600; min-height:28px; }
.difficulty-guide dl { margin:12px 0; }
.difficulty-guide dl div { display:grid; grid-template-columns:120px 1fr; gap:12px; margin:8px 0; }
.difficulty-guide dt { font-weight:600; }
.difficulty-guide dd { margin:0; }
.notes-discovery .notes-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:28px; }
.notes-discovery .notes-topic { padding-top:18px; border-top:1px solid var(--line,#ccd4da); }
.notes-discovery .notes-topic h3 { font-size:21px; line-height:1.35; margin:10px 0; }
.notes-discovery .notes-topic p { font-size:15px; line-height:1.7; }
.notes-related .actions { flex-wrap:wrap; }
@media (min-width:791px) and (max-width:1200px) { .site-header .brand-descriptor { display:none; } .site-header .header-row { gap:20px; } .site-header .primary-nav { gap:16px; } }
@media (min-width:791px) and (max-width:950px) { .site-header .header-row { gap:14px; padding-inline:18px; } .site-header .primary-nav { gap:10px; } .site-header .nav-link { font-size:13px; } }
@media (max-width:790px) { .notes-discovery .notes-topics { grid-template-columns:1fr; gap:20px; } }
@media (max-width:540px) { .reading-meta { align-items:flex-start; gap:7px; } .reading-meta .reading-audience { flex-basis:100%; } .difficulty-guide dl div { grid-template-columns:1fr; gap:2px; } }