/* Hydrogen reading controls. The main site owns the header, footer, theme and typography. */
.hy-reader{overflow-wrap:anywhere}
.hy-reader :is(.hy-section-nav,.hy-local-nav){display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:1.2rem 0 2rem;padding:.7rem 0;border-block:1px solid #cfd9ca}
.hy-reader :is(.hy-section-nav,.hy-local-nav) a{display:inline-flex;align-items:center;min-height:44px;font-size:.88rem;color:#244b43;text-decoration:none}
.hy-reader :is(.hy-section-nav,.hy-local-nav) a:hover{text-decoration:underline}
.hy-reader :is(.hy-section-nav,.hy-local-nav) a[aria-current=page]{font-weight:750;text-decoration:underline;text-underline-offset:.35rem}
.hy-reader .hy-filter{padding:1.2rem;background:#edf1e8;border:1px solid #cfd9ca;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:1rem;align-items:end;margin:1.5rem 0}
.hy-reader .hy-filter label{font-size:.92rem;font-weight:650;display:grid;gap:.45rem}
.hy-reader .hy-filter input,.hy-reader .hy-filter select,.hy-reader .hy-share input,.hy-reader .hy-share textarea{font:inherit;min-width:0;width:100%;box-sizing:border-box;border:1px solid #879f92;border-radius:.3rem;padding:.65rem .75rem;min-height:44px;background:#fffefa;color:#163c3e}
.hy-reader button{font:inherit;cursor:pointer}
.hy-reader .hy-filter button,.hy-reader :is(.hy-actions,.hy-share-actions) button{border:1px solid #244b43;border-radius:.3rem;background:#163c3e;color:#fffefa;min-height:44px;padding:.6rem .9rem}
.hy-reader .hy-filter [data-hydrogen-count]{grid-column:1/-1;margin:0;font-size:.9rem}
.hy-reader [hidden]{display:none!important}
.hy-reader :is(a,button,input,select,summary,textarea):focus-visible{outline:3px solid #a46017;outline-offset:3px}
.hy-reader :is(.hy-directory-group,[data-hydrogen-group]){margin:2rem 0 2.5rem}
.hy-reader :is(.hy-directory-group,[data-hydrogen-group])>h3{font:400 1.6rem/1.3 Georgia,serif;color:#163c3e}
.hy-reader :is(.hy-directory-group,[data-hydrogen-group]) .r-grid{margin-top:1rem}
.hy-reader .f-summary details{margin-top:.8rem}
.hy-reader .f-summary summary{cursor:pointer;min-height:44px;line-height:1.7;padding:.4rem 0}
.hy-reader .f-summary h3{font-size:1rem;margin:1rem 0 .3rem}
.hy-reader .f-summary li{line-height:1.7;margin:.4rem 0}
.hy-reader .f-content details>summary{cursor:pointer;min-height:44px;line-height:1.65;padding:.5rem 0;color:#244b43}
.hy-reader .f-toc{max-height:calc(100vh - 7rem);overflow:auto;padding-right:.5rem}
.hy-reader .hy-source-links{font-size:.9rem;line-height:1.8}
.hy-reader .hy-share{margin:2rem 0;padding:1.5rem;border:1px solid #cfd9ca;background:#edf1e8}
.hy-reader .hy-share h2{font:400 1.7rem/1.3 Georgia,serif;color:#163c3e;margin:0 0 1rem}
.hy-reader .hy-share summary{cursor:pointer;min-height:44px;padding:.8rem 0;line-height:1.6;font-weight:650}
.hy-reader .hy-share p{line-height:1.8}
.hy-reader .hy-share label{display:block;font-weight:650;margin:.9rem 0 .45rem}
.hy-reader :is(.hy-actions,.hy-share-actions){display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center}
.hy-reader :is(.hy-actions,.hy-share-actions) a{display:inline-flex;align-items:center;min-height:44px}
.hy-reader .hy-status{min-height:1.5em;font-size:.9rem;margin:.75rem 0 0}
.hy-reader .hy-follow{border-top:1px solid #cfd9ca;padding-top:1.1rem;font-size:.9rem;line-height:2}
.hy-reader .hy-manual-copy{min-height:7rem;margin-top:1rem}
.hy-reader code{overflow-wrap:anywhere;white-space:normal}
.hy-reader .f-equation{overflow-wrap:anywhere}
@media(max-width:900px){.hy-reader .f-toc{max-height:none;overflow:visible}.hy-reader .hy-filter{grid-template-columns:1fr 1fr}.hy-reader .hy-filter label:first-child{grid-column:1/-1}}
@media(max-width:540px){.hy-reader .hy-filter{grid-template-columns:1fr}.hy-reader .hy-filter label{grid-column:1}.hy-reader .hy-share{padding:1rem}.hy-reader :is(.hy-section-nav,.hy-local-nav){gap:.25rem 1rem}}
@media(prefers-reduced-motion:reduce){.hy-reader *{scroll-behavior:auto}}
@media print{.hy-reader :is(.hy-section-nav,.hy-local-nav),.hy-reader .hy-filter,.hy-reader .hy-share,.hy-reader .hy-follow,.hy-reader .r-next{display:none!important}.hy-reader .f-toc{display:none}.hy-reader .f-table-wrap{overflow:visible}.hy-reader .f-table-wrap table{min-width:0}.hy-reader .r-card{break-inside:avoid}.hy-reader a{overflow-wrap:anywhere}.hy-reader .f-content details>summary{font-weight:700}}

