/* Home-only readability update. Mirror the existing responsive type sizes;
   multiply fixed px sizes once without zooming images, icons or other pages. */
body.library-readable:not([data-design]){--library-type-scale:1.3}
body.library-readable:not([data-design]) .hero-notice-head>a,body.library-readable:not([data-design]) .hero-notice-caption{--library-type-scale:1.2}
body.library-readable:not([data-design]){font-size:calc(16px * var(--library-type-scale))}
body.library-readable:not([data-design]) h2{font-size:calc(34px * var(--library-type-scale))}
body.library-readable:not([data-design]) .topline{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .topline button{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .bag-link>b{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-tags>span{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-sticker{font-size:calc(17px * var(--library-type-scale))}
body.library-readable:not([data-design]) .quick-links small{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .book-sort select{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .book-age{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .book-item p{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .book-tag{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .search-summary{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .empty-state h3{font-size:calc(26px * var(--library-type-scale))}
body.library-readable:not([data-design]) .empty-state p{font-size:calc(15px * var(--library-type-scale))}
body.library-readable:not([data-design]) .empty-state button{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .poster-footer{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-meta>span{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-meta>small{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-body>p{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-bottom>span{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-bottom>button{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .news-row{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .notice-type{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .news-row time{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .visit dl{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .visit>.text-button{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) #dialog-title{font-size:calc(31px * var(--library-type-scale))}
body.library-readable:not([data-design]) .dialog-kicker{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .dialog-copy{font-size:calc(15px * var(--library-type-scale))}
body.library-readable:not([data-design]) .dialog-author{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .details-list{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .primary-button{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .secondary-button{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .demo-note{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .bag-heading{font-size:calc(17px * var(--library-type-scale))}
body.library-readable:not([data-design]) .bag-row h3{font-size:calc(15px * var(--library-type-scale))}
body.library-readable:not([data-design]) .bag-row p{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .bag-empty{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-form label{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-form select{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .space-row>strong{font-size:calc(29px * var(--library-type-scale))}
body.library-readable:not([data-design]) .space-row h3{font-size:calc(18px * var(--library-type-scale))}
body.library-readable:not([data-design]) .space-row p{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .credits{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) #toast{font-size:calc(14px * var(--library-type-scale))}
@media (min-width:1600px){body.library-readable:not([data-design]) .hero h1{font-size:calc(70px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .main-nav{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .hero h1{font-size:calc(57px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .hero-sticker{font-size:calc(15px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .hero-copy{font-size:calc(23px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .quick-links small{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .quick-links strong{font-size:calc(15px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .book-item h3{font-size:calc(17px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .poster-title{font-size:calc(29px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .program-body h3{font-size:calc(18px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .visit dl{font-size:calc(13px * var(--library-type-scale))}}
@media (max-width:1150px){body.library-readable:not([data-design]) .visit dd{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .hero-sticker{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .quick-links small{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .age-tabs button>span{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .visit dl{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .hero-sticker{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .quick-links small{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-bottom>span{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .news-row{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .dialog-copy{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) #dialog-title{font-size:calc(29px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .details-list{font-size:calc(13px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .demo-note{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-form label{font-size:calc(13px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .space-row h3{font-size:calc(17px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .space-row p{font-size:calc(13px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .credits{font-size:calc(13px * var(--library-type-scale))}}
body.library-readable:not([data-design]) .brand-word{font-size:calc(32px * var(--library-type-scale))}
body.library-readable:not([data-design]) .brand-word em{font-size:calc(27px * var(--library-type-scale))}
body.library-readable:not([data-design]) .brand-word small{font-size:calc(8px * var(--library-type-scale))}
body.library-readable:not([data-design]) .bag-link{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .member-link{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-kicker{font-size:calc(23px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero h1{font-size:calc(66px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-copy{font-size:calc(16px * var(--library-type-scale))}
body.library-readable:not([data-design]) #search-input{font-size:calc(17px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-tags{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-tags strong{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .quick-links strong{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .section-kicker{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .section-head h2,body.library-readable:not([data-design]) h2{font-size:calc(36px * var(--library-type-scale))}
body.library-readable:not([data-design]) .text-button{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .age-tabs button{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .age-tabs button>span{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .book-item h3{font-size:calc(18px * var(--library-type-scale))}
body.library-readable:not([data-design]) .reading-note{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .month-label{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .poster-eyebrow{font-size:calc(10px * var(--library-type-scale))}
body.library-readable:not([data-design]) .poster-title{font-size:calc(32px * var(--library-type-scale))}
body.library-readable:not([data-design]) .poster-number{font-size:calc(110px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-body h3{font-size:calc(20px * var(--library-type-scale))}
body.library-readable:not([data-design]) .news h2{font-size:calc(32px * var(--library-type-scale))}
body.library-readable:not([data-design]) .news-row strong{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .visit h2{font-size:calc(31px * var(--library-type-scale))}
body.library-readable:not([data-design]) .visit dd{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .together>p{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .together strong{font-size:calc(25px * var(--library-type-scale))}
body.library-readable:not([data-design]) .together>button{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .footer-main>p{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .footer-main .brand-word{font-size:calc(29px * var(--library-type-scale))}
body.library-readable:not([data-design]) .footer-main .brand-word em{font-size:calc(24px * var(--library-type-scale))}
body.library-readable:not([data-design]) .footer-main .brand-word small{font-size:calc(7px * var(--library-type-scale))}
body.library-readable:not([data-design]) .footer-bottom>button{font-size:calc(11px * var(--library-type-scale))}
@media (max-width:1160px){body.library-readable:not([data-design]) .main-nav{font-size:calc(15px * var(--library-type-scale))}}
@media (max-width:1160px){body.library-readable:not([data-design]) .brand-word{font-size:calc(29px * var(--library-type-scale))}}
@media (max-width:1160px){body.library-readable:not([data-design]) .brand-word em{font-size:calc(24px * var(--library-type-scale))}}
@media (max-width:1160px){body.library-readable:not([data-design]) .hero h1{font-size:calc(62px * var(--library-type-scale))}}
@media (max-width:1160px){body.library-readable:not([data-design]) .book-item h3{font-size:calc(17px * var(--library-type-scale))}}
@media (max-width:1160px){body.library-readable:not([data-design]) .program-body h3{font-size:calc(18px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .hero h1{font-size:calc(58px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .hero-kicker{font-size:calc(21px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .hero-copy{font-size:calc(15px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .hero-tags{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .quick-links strong{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .section-head h2{font-size:calc(31px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .poster-title{font-size:calc(27px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .program-body h3{font-size:calc(17px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .program-body>p{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .visit dd{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .topline{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .topline button{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .brand-word{font-size:calc(26px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .brand-word em{font-size:calc(21px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .brand-word small{font-size:calc(6px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .bag-link b{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .mobile-nav{font-size:calc(15px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .hero-kicker{font-size:calc(19px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .hero h1{font-size:calc(43px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .hero-copy{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .hero-tags{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .hero-tags strong{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) #search-input{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .quick-links strong{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .section-kicker{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .section-head h2{font-size:calc(29px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .section-head .text-button{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .age-tabs button{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .age-tabs button>span{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .book-sort select{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .book-item h3{font-size:calc(17px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .book-item p{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .book-tag{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .book-age{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .reading-note{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-section .section-head h2{font-size:calc(28px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .month-label{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .poster-title{font-size:calc(32px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-body h3{font-size:calc(20px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-body>p{font-size:calc(13px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-bottom>button{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .notice-type{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .news-row strong{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .news-row time{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .visit h2{font-size:calc(28px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .visit dl{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .visit dd{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .visit .text-button{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .together>p{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .together strong{font-size:calc(21px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .together>button{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .footer-main>p{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .footer-main .brand-word{font-size:calc(25px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .footer-main .brand-word em{font-size:calc(21px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .footer-main .brand-word small{font-size:calc(6px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .footer-bottom{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .footer-bottom>button{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:360px){body.library-readable:not([data-design]) .brand-word{font-size:calc(23px * var(--library-type-scale))}}
@media (max-width:360px){body.library-readable:not([data-design]) .brand-word em{font-size:calc(19px * var(--library-type-scale))}}
@media (max-width:360px){body.library-readable:not([data-design]) .hero h1{font-size:calc(38px * var(--library-type-scale))}}
@media (max-width:360px){body.library-readable:not([data-design]) .hero-copy{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:360px){body.library-readable:not([data-design]) .section-head h2{font-size:calc(26px * var(--library-type-scale))}}
@media (max-width:360px){body.library-readable:not([data-design]) .hero-kicker{font-size:calc(18px * var(--library-type-scale))}}
@media (max-width:360px){body.library-readable:not([data-design]) .quick-links strong{font-size:calc(11px * var(--library-type-scale))}}
body.library-readable:not([data-design]) .space-summary h3{font-size:calc(16px * var(--library-type-scale))}
body.library-readable:not([data-design]) .space-summary p{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .about-copy h2{font-size:calc(36px * var(--library-type-scale))}
body.library-readable:not([data-design]) .about-copy>p{font-size:calc(15px * var(--library-type-scale))}
body.library-readable:not([data-design]) .library-facts dt{font-size:calc(25px * var(--library-type-scale))}
body.library-readable:not([data-design]) .library-facts dd{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .about-links .text-button{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .about-library figcaption{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-reference>p,body.library-readable:not([data-design]) .source-note{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .source-note{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .regular-list h3{font-size:calc(17px * var(--library-type-scale))}
body.library-readable:not([data-design]) .regular-list p{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .footer-contact{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .footer-bottom{font-size:calc(10px * var(--library-type-scale))}
@media (max-width:900px){body.library-readable:not([data-design]) .about-copy h2{font-size:calc(28px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .about-copy>p{font-size:calc(13px * var(--library-type-scale))}}
@media (max-width:900px){body.library-readable:not([data-design]) .library-facts dt{font-size:calc(22px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .about-copy h2{font-size:calc(30px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .about-copy>p{font-size:calc(14px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .library-facts dt{font-size:calc(23px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .about-library figcaption{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .about-library figcaption>button{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-reference>p{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-reference .text-button{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .footer-contact{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .regular-list h3{font-size:calc(16px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .regular-list p{font-size:calc(13px * var(--library-type-scale))}}
body.library-readable:not([data-design]) .main-nav .adult-menu{font-size:calc(14px * var(--library-type-scale))}
@media (min-width:901px) and (max-width:1100px){body.library-readable:not([data-design]) .main-nav{font-size:calc(14px * var(--library-type-scale))}}
@media (min-width:901px) and (max-width:1100px){body.library-readable:not([data-design]) .main-nav .adult-menu{font-size:calc(14px * var(--library-type-scale))}}
body.library-readable:not([data-design]) .main-nav{font-size:calc(15px * var(--library-type-scale))}
body.library-readable:not([data-design]) .nav-panel a,body.library-readable:not([data-design]) .nav-panel button{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .nav-panel a span{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .club-links button{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .nav-subgroup>summary{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-notice-head h2{font-size:calc(23px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-notice-head>a{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-notice-caption{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .hero-notice-caption>span{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-eyebrow{font-size:calc(10px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-eyebrow time{font-size:calc(9px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-heading h3{font-size:calc(30px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-weekday{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-number{font-size:calc(42px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-reason{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-special strong{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-special p>span{font-size:calc(10px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-weekly p{font-size:calc(10px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-weekly>strong{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .closure-link{font-size:calc(12px * var(--library-type-scale))}
@media (min-width:1100px) and (max-width:1160px){body.library-readable:not([data-design]) .closure-heading h3{font-size:calc(28px * var(--library-type-scale))}}
@media (max-width:1099px){body.library-readable:not([data-design]) .closure-heading h3{font-size:calc(32px * var(--library-type-scale))}}
@media (max-width:1099px){body.library-readable:not([data-design]) .closure-number{font-size:calc(46px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .closure-heading h3{font-size:calc(30px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .closure-number{font-size:calc(42px * var(--library-type-scale))}}
body.library-readable:not([data-design]) .new-books-status{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .new-book-cover-empty{font-size:calc(20px * var(--library-type-scale))}
body.library-readable:not([data-design]) .new-book-title{font-size:calc(18px * var(--library-type-scale))}
body.library-readable:not([data-design]) .new-book-meta{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .new-book-summary{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .new-book-detail{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .new-book-dialog .new-book-title{font-size:calc(30px * var(--library-type-scale))}
body.library-readable:not([data-design]) .library-gallery-item figcaption{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .periodical-controls button{font-size:calc(24px * var(--library-type-scale))}
body.library-readable:not([data-design]) .periodical-card h3{font-size:calc(17px * var(--library-type-scale))}
body.library-readable:not([data-design]) .periodical-card p{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .periodical-help h3{font-size:calc(29px * var(--library-type-scale))}
body.library-readable:not([data-design]) .periodical-help a{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .section-head h2{font-size:calc(30px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .month-label{font-size:calc(11px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .poster-title{font-size:calc(26px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .poster-eyebrow{font-size:calc(8px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .program-body h3{font-size:calc(17px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .program-body>p{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-bottom>.program-apply-link{font-size:calc(14px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .visit h2{font-size:calc(26px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .visit dl{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .program-and-hours .visit dd{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) .visit-location{font-size:calc(12px * var(--library-type-scale))}
@media (max-width:1250px){body.library-readable:not([data-design]) .main-nav{font-size:calc(14px * var(--library-type-scale))}}
@media (min-width:900px) and (max-width:1160px){body.library-readable:not([data-design]) .program-and-hours .poster-title{font-size:calc(24px * var(--library-type-scale))}}
@media (min-width:900px) and (max-width:1160px){body.library-readable:not([data-design]) .program-and-hours .program-body h3{font-size:calc(16px * var(--library-type-scale))}}
@media (min-width:900px) and (max-width:1160px){body.library-readable:not([data-design]) .program-and-hours .visit h2{font-size:calc(22px * var(--library-type-scale))}}
@media (min-width:900px) and (max-width:1160px){body.library-readable:not([data-design]) .program-and-hours .visit .section-kicker{font-size:calc(11px * var(--library-type-scale))}}
@media (min-width:900px) and (max-width:1160px){body.library-readable:not([data-design]) .program-and-hours .visit .text-button{font-size:calc(12px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .hero-notice-head h2{font-size:calc(21px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .new-book-title{font-size:calc(16px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .periodical-card h3{font-size:calc(15px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .periodical-card p{font-size:calc(11px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .periodicals .section-head h2{font-size:calc(29px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .periodical-help h3{font-size:calc(22px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-and-hours .poster-title{font-size:calc(32px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-and-hours .poster-eyebrow{font-size:calc(10px * var(--library-type-scale))}}
@media (max-width:600px){body.library-readable:not([data-design]) .program-and-hours .program-body h3{font-size:calc(20px * var(--library-type-scale))}}
body.library-readable:not([data-design]) .library-logo-lockup>.brand-tagline{font-size:calc(13px * var(--library-type-scale))}
body.library-readable:not([data-design]) .brand-role{font-size:calc(12px * var(--library-type-scale))}
body.library-readable:not([data-design]) footer .library-admin-link{font-size:calc(13px * var(--library-type-scale))}
@media (max-width:600px){body.library-readable:not([data-design]) .library-logo-lockup>.brand-tagline{font-size:calc(10px * var(--library-type-scale))}}

/* Grow the requested top strip, but let longer content wrap at narrow widths. */
body.library-readable:not([data-design]) .topline{min-height:54.6px;padding-block:9.1px;flex-wrap:wrap;gap:8px 20px}
body.library-readable:not([data-design]) .topline>div{flex-wrap:wrap;justify-content:flex-end;gap:8px 22px}
body.library-readable:not([data-design]) .church-back-link{padding:5.2px 13px}
body.library-readable:not([data-design]) .mobile-nav{top:auto;max-height:70dvh}
body.library-readable:not([data-design]) .section-head{flex-wrap:wrap}
body.library-readable:not([data-design]) .section-head>div{min-width:0}
body.library-readable:not([data-design]) .section-head h2{word-break:keep-all;overflow-wrap:anywhere}
body.library-readable:not([data-design]) .section-head>.text-button{flex-shrink:0}
body.library-readable:not([data-design]) .closure-heading h3{white-space:normal}
body.library-readable:not([data-design]) .closure-eyebrow{flex-wrap:wrap}
body.library-readable:not([data-design]) .closure-reason{white-space:normal;overflow-wrap:anywhere}
body.library-readable:not([data-design]) .new-books-status{min-width:0}
body.library-readable:not([data-design]) .book-item h3,body.library-readable:not([data-design]) .book-item p{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
body.library-readable:not([data-design]) .program-and-hours .program-poster{height:auto;min-height:280px;gap:18px}
body.library-readable:not([data-design]) .program-and-hours .program-body h3{min-height:0}
body.library-readable:not([data-design]) .program-and-hours .visit dl{grid-template-columns:1fr;gap:5px;margin-block:22px}
body.library-readable:not([data-design]) .program-and-hours .visit dd{margin-bottom:10px;word-break:keep-all;overflow-wrap:anywhere}
body.library-readable:not([data-design]) .program-and-hours .visit h2{word-break:keep-all}
body.library-readable:not([data-design]) .program-and-hours .visit .text-button{white-space:normal;word-break:keep-all}
body.library-readable:not([data-design]) .news-row{grid-template-columns:92px minmax(0,1fr) 49px 19px;padding-block:20px}
body.library-readable:not([data-design]) .footer-contact{flex-wrap:wrap;row-gap:12px}
body.library-readable:not([data-design]) .library-logo-lockup>.brand-tagline{white-space:normal;word-break:keep-all}
/* Arrows sit on the two poster edges, vertically centered on the square image. */
.hero-notice-stage{position:relative}
.hero-notice-arrow{position:absolute;top:0;margin-top:calc(50% - 22px);z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d4e2d9;border-radius:50%;background:#fffffff2;box-shadow:0 3px 12px #23413726;color:#234137;font:28px/1 Pretendard,sans-serif}
.hero-notice-prev{left:8px}
.hero-notice-next{right:8px}
.hero-notice-arrow[hidden]{display:none}
.hero-notice-arrow:hover{background:#e7f0e9}
.hero-notice-arrow:focus-visible{outline:3px solid #28715b;outline-offset:2px}
@media(max-width:600px){
 body.library-readable:not([data-design]) .topline{min-height:48.1px;padding-block:7.8px}
 body.library-readable:not([data-design]) .topline>div{justify-content:space-between;gap:8px}
 body.library-readable:not([data-design]) .news-row{grid-template-columns:minmax(0,1fr) 49px 19px;gap:8px}
 body.library-readable:not([data-design]) .closure-special{align-items:flex-start}
 body.library-readable:not([data-design]) .closure-card{padding:20px}
 body.library-readable:not([data-design]) .program-and-hours .program-poster{min-height:270px}
}
