/* The expanded journal uses the site's existing type, colour and spacing language. */
.reading-paths{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:0 0 24px}
.reading-paths>a{border-top:2px solid var(--accent);padding:26px 0 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;min-width:0}
.reading-paths strong{font-size:30px;line-height:1.35;letter-spacing:-.5px}
.reading-paths a>span:not(.kind):not(.path-jump){max-width:47ch;color:var(--muted)}
.reading-paths .path-jump{font-size:15px;text-decoration:underline;text-underline-offset:5px;margin-top:6px}
.reading-guidance{color:var(--muted);font-size:16px;max-width:760px;margin:8px 0 64px}
.notes-path{display:grid;grid-template-columns:230px minmax(0,1fr);gap:80px;border-top:1px solid var(--line);padding:42px 0 56px;scroll-margin-top:24px}
.notes-path>header h2{font-size:30px;line-height:1.35;letter-spacing:-.5px}
.notes-path>header>p:not(.kind){color:var(--muted);font-size:16px;line-height:1.8}
.notes-path>header>a{font-size:14px}
.note-rows{list-style:none;margin:0;padding:0;max-width:790px}
.note-rows>li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:0 0 28px;margin:0 0 28px}
.note-rows>li:last-child{border-bottom:0;margin-bottom:0}
.note-number{font-size:14px;color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}
.note-rows h3{font-size:27px;font-weight:500;line-height:1.4;margin:8px 0 10px}
.note-rows h3 a{text-decoration:none}
.note-rows h3 a:hover{text-decoration:underline}
.note-rows p:not(.kind){color:var(--muted);margin:0;font-size:17px;line-height:1.75;max-width:64ch}
.note-reading-label{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:14px;margin:-26px 0 42px}
.note-continuation{border-top:1px solid var(--line);padding-top:28px;margin-top:46px}
.note-continuation>div{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0 26px}
.note-continuation>div>a{font-size:19px;line-height:1.5}
.note-continuation span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}
.note-continuation>a{font-size:15px}
.note-code{margin:32px 0!important;min-width:0}
.note-code figcaption{margin:0 0 12px;color:var(--muted);font-size:14px}
.note-code pre{margin:0;padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;tab-size:2}
.note-code code{font-family:Consolas,ui-monospace,monospace}
.note-references ul{padding-left:22px;font-size:16px}
.reading-guide{margin:0 0 48px;max-width:850px;color:var(--muted)}
.reading-guide a{display:inline-block;margin:8px 24px 0 0;color:var(--ink)}
@media(max-width:900px){.notes-path{grid-template-columns:190px minmax(0,1fr);gap:40px}}
@media(max-width:767px){.reading-paths{grid-template-columns:1fr;gap:22px}.reading-paths>a{padding:22px 0 10px}.reading-paths strong{font-size:27px}.reading-guidance{margin:24px 0 44px}.notes-path{grid-template-columns:1fr;gap:28px;padding-top:30px}.notes-path>header{max-width:540px}.notes-path>header h2{font-size:28px}.note-rows>li{grid-template-columns:26px minmax(0,1fr);gap:12px}.note-rows h3{font-size:23px}.note-rows p:not(.kind){font-size:16px}.note-reading-label{margin:-14px 0 32px}.note-continuation>div{grid-template-columns:1fr;gap:24px}.note-code pre{padding:16px;font-size:13px}.reading-guide a{display:block;margin:12px 0 0}}