/* Library layout. Colors, typefaces and navigation inherit Fanatia's site CSS. */
.fan-library{font-size:17px;line-height:1.72}
.fan-library a:focus-visible,.fan-library [tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.fan-library .skip{position:absolute;left:-9999px}
.fan-library .skip:focus{left:16px;top:12px;z-index:100;background:var(--bg);padding:12px}
.fan-library .nav .in{grid-template-columns:auto 1fr auto;gap:26px}
.fan-library .nav .mid{gap:22px;justify-self:center}
.fan-library .nav .mid a{white-space:nowrap}
.fan-library main{padding:44px 48px 72px}
.fan-library .breadcrumbs{font:12px/1.65 var(--mono);color:var(--mid);margin-bottom:32px}
.fan-library .breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.fan-library .breadcrumbs li+li:before{content:'/';margin-right:8px;color:var(--mid)}
.fan-library .kicker,.fan-library .edition,.fan-library .count{font:11px/1.8 var(--mono);letter-spacing:.08em;color:var(--mid)}
.fan-library .kicker{color:var(--accent);text-transform:lowercase}
.fan-library h1{font-size:clamp(34px,4.3vw,56px);line-height:1.08;margin:18px 0 24px;text-wrap:balance}
.fan-library h2{font-size:32px;line-height:1.18;margin:38px 0 17px}
.fan-library h3{font-size:25px;line-height:1.25;margin:28px 0 14px}
.fan-library .article-head{max-width:890px;border-bottom:1px solid var(--hairline);padding-bottom:28px;margin-bottom:38px}
.fan-library .lead{font-size:18px;line-height:1.7;color:var(--mid);max-width:70ch;margin-bottom:22px}
.fan-library .layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:50px;align-items:start}
.fan-library .article-body{min-width:0;overflow-wrap:anywhere}
.fan-library .article-body p{margin-bottom:22px;color:var(--ink)}
.fan-library .article-body>p:first-child{font-size:19px}
.fan-library .article-body a,.fan-library .sitefoot a{text-decoration:underline;text-underline-offset:3px}
.fan-library .article-body ul,.fan-library .article-body ol{padding-left:25px;margin:16px 0 24px}
.fan-library .article-body li{margin:8px 0}
.fan-library blockquote{padding:18px 24px;border-left:3px solid var(--accent);background:var(--pb);margin:24px 0}
.fan-library pre{white-space:pre-wrap;overflow:auto;padding:18px;background:var(--pa);margin:24px 0}
.fan-library code{font: .88em/1.65 var(--mono);background:var(--pa);padding:2px 4px}
.fan-library .table-scroll{overflow-x:auto;max-width:100%;margin:26px 0}
.fan-library table{border-collapse:collapse;width:100%;min-width:470px;font:14px/1.65 var(--sans)}
.fan-library th,.fan-library td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline);padding:13px 14px;color:var(--ink)}
.fan-library th{background:var(--pa);font-weight:600}
.fan-library .toc{border-top:1px solid var(--ink);padding-top:18px;font:13px/1.65 var(--sans)}
.fan-library .toc strong{font:11px/1.65 var(--mono);letter-spacing:.06em}
.fan-library .toc ol{padding-left:18px;margin-top:18px}
.fan-library .toc li{margin:10px 0}
.fan-library .toc .note{font-size:12px;color:var(--mid);margin-top:25px;padding-top:20px;border-top:1px solid var(--hairline)}
.fan-library .related{border-top:1px solid var(--hairline);margin-top:45px;padding-top:10px}
.fan-library .related h2{font-size:27px}
.fan-library .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--hairline);border-left:1px solid var(--hairline)}
.fan-library .card{padding:26px 24px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.fan-library .card h2{font-size:27px;margin:16px 0 4px}
.fan-library .card:hover{background:var(--pb)}
.fan-library .group-list{max-width:900px}
.fan-library .entry{padding:26px 0;border-top:1px solid var(--hairline)}
.fan-library .entry h2{font-size:30px;margin:8px 0 14px}
.fan-library .entry p{font-size:16px;max-width:78ch}
.fan-library .sitefoot{border-top:1px solid var(--hairline);padding:32px 48px;font:12px/1.75 var(--sans);color:var(--mid)}
.fan-library .sitefoot strong{font:18px var(--serif);letter-spacing:.2em;color:var(--ink)}
.fan-library .sitefoot p{margin:12px 0}
@media(max-width:980px){.fan-library .nav .in{grid-template-columns:auto 1fr}.fan-library .nav .mid{justify-self:end}.fan-library .nav .acts{grid-column:1/-1;justify-self:end}.fan-library .layout{grid-template-columns:minmax(0,1fr);gap:30px}.fan-library .toc{max-width:760px}.fan-library .toc ol{columns:2}.fan-library .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fan-library{font-size:16px}.fan-library main{padding:28px 20px 48px}.fan-library .nav .in{padding:16px 20px;gap:18px}.fan-library .nav .mid{gap:13px}.fan-library .nav .mid a{font-size:9px;letter-spacing:.06em}.fan-library .nav .acts{display:none}.fan-library h1{font-size:36px}.fan-library h2{font-size:29px}.fan-library .lead{font-size:17px}.fan-library .article-body>p:first-child{font-size:18px}.fan-library .grid{grid-template-columns:minmax(0,1fr)}.fan-library .toc ol{columns:1}.fan-library .sitefoot{padding:28px 20px}.fan-library .breadcrumbs{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.fan-library .nav,.fan-library .toc,.fan-library .sitefoot,.fan-library .skip{display:none}.fan-library main{padding:0}.fan-library .layout{display:block}.fan-library{box-shadow:none;border:0}.fan-library table{min-width:0}}

.fan-library h2[id],.fan-library h3[id]{scroll-margin-top:140px}