/* Bundled CSS - generated: 2026-03-12T21:50:01.5983949-07:00 */
/* Source: wwwroot/css/site.css */ html, body { margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #E6F2FA; } .container-page { max-width: 1100px; margin: 0 auto; padding: 20px; } .heading { color: #003399; font-size: clamp(1.8rem, 4vw, 2.25rem); font-weight: bold; text-align: center; margin-bottom: 1.5rem; } .content-wrapper { max-width: 980px; margin: 0 auto; padding: 0 1rem 3rem; } .tip-card { background: #f8fbff; border: 2.5px solid #003399; max-width: 820px; margin: 0 auto 1.25rem; padding: 1.5rem 1.75rem; border-radius: 14px; } .card-title { color: #003399; font-weight: 800; font-size: 1.2rem; margin-bottom: 1rem; text-align: center; } .small-text { font-size: 0.95rem; line-height: 1.7; color: #000000; margin-bottom: 0.75rem; text-align: left; } .faq-item { counter-increment: faq-counter; } .content-wrapper { counter-reset: faq-counter; } .faq-question { font-size: 0.95rem; font-weight:700; color:#111111; margin-bottom:0.35rem; text-align:left; } .faq-question::before { content: counter(faq-counter) ". "; font-weight:700; color:#111111; } .faq-answer { font-size:0.95rem; line-height:1.65; color:#555555; text-align:left; } .emphasis-text { text-align:center; font-weight:600; color:#222; } .global-footer { text-align: center; font-size: 11.5px; color: #4a5a78; margin: 32px 0 18px; } .subtle { color: #555; } .small-note { font-size: 0.9rem; color: #555; margin: 0.25rem 0 0.85rem; } .social-row { text-align: center; margin-top: 0.75rem; font-weight: 800; } .social-sep { margin: 0 0.45rem; color: #6b7280; font-weight: 600; } /* Source: wwwroot/css/header.css */ .header-wrapper { text-align: center; margin-top: 30px; } .page-title { font-size: 36px; font-weight: 700; color: #0D3B66; margin-bottom: 18px; } .header-buttons.header-search-row { display: flex; justify-content: center; align-items: center; gap: 0.6rem; flex-wrap: nowrap; } .icon-btn { width: 42px; height: 42px; background: #003399; border: none; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .icon-btn svg { width: 20px; height: 20px; fill: #fff; } .search-form { display: flex; flex: 1; max-width: 320px; } .search-wrapper { position: relative; width: 100%; } .search-input { width: 100%; height: 42px; border-radius: 6px; border: 1px solid #999; padding: 0 36px 0 10px; font-size: 1rem; box-sizing: border-box; } .search-icon-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; } .search-icon-btn svg { stroke: #003399; width: 18px; height: 18px; } .header-search-row .search-form { flex: 0 1 220px; max-width: 220px; } .header-search-row .search-wrapper { position: relative !important; width: 100%; } .header-search-row .search-input { width: 100% !important; height: 42px; padding: 0 22px 0 10px !important; font-size: 0.9rem; } .header-search-row .search-icon-btn { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; border: none; background: none; cursor: pointer; padding: 0; } .header-search-row .search-icon-btn svg { width: 15px; height: 15px; } .header-buttons.header-search-row .icon-btn { flex: 0 0 auto; } /* Source: wwwroot/css/home.css */ .home-container { text-align: center; padding: 36px 16px 28px; } .home-heading { font-size: 26px; font-weight: 700; color: #003399; margin-bottom: 8px; } .home-description { font-size: 16px; font-weight: 700; color: #000000; margin-bottom: 6px; } .homepage-intro { font-size: 15px; color: #444; max-width: 600px; margin: 0 auto 28px; line-height: 1.6; padding: 0 10px; } .home-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; max-width: 720px; margin: 0 auto; } .home-card { border: 1.5px solid #dbe2ff; padding: 16px 18px; border-radius: 10px; background: #ffffff; text-align: left; box-shadow: 0 2px 6px rgba(0,0,0,0.06); } .home-card h3 { color: #003399; font-size: 16.5px; font-weight: 700; margin-bottom: 6px; } .home-card p { font-size: 14.5px; color: #444; margin-bottom: 10px; line-height: 1.5; } .blue-btn { background-color: #003399; color: #ffffff; width: 100%; padding: 9px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; display: inline-block; text-align: center; } .blue-btn:hover { background-color: #002b80; } .home-footer-card { margin-top: 56px; background: #f9fbff; border-top: 1px solid #cfd8f5; padding: 32px 24px; } .home-footer-inner { max-width: 900px; margin: 0 auto; text-align: center; } .home-footer-heading { font-size: 1.25rem; font-weight: 700; color: #003399; margin-bottom: 16px; } .home-footer-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .home-footer-title { font-size: 14px; font-weight: 700; color: #003399; margin-bottom: 10px; } .home-footer-column a { display: block; font-size: 14px; color: #000; text-decoration: none; margin-bottom: 6px; } /* Source: wwwroot/css/bookclub.css */ .bookclub-page .heading { color: #003399; font-size: clamp(1.8rem, 4vw, 2.25rem); font-weight:800; text-align:center; margin:0 0 1.25rem; } .bookclub-page .content-wrapper { max-width:980px; margin:0 auto; padding:0 1rem 3rem; } .bookclub-page .subheading { color:#003399; font-size:1.5rem; font-weight:800; text-align:center; margin:1.25rem 0 0.75rem; } .bookclub-page .tip-card { background:#ffffff; border:2px solid #003399; max-width:820px; margin:1rem auto; padding:0.85rem 1rem; border-radius:12px; } .bookclub-page .card-title { color:#003399; font-weight:800; font-size:1.05rem; margin-bottom:0.35rem; } .bookclub-page .card-title.card-title-black { color:#000000; } .bookclub-page .small-text { font-size:0.95rem; line-height:1.65; margin:0 0 0.55rem; } .bookclub-page .small-text a { color:#003399; font-weight:700; text-decoration:underline; } .bookclub-page .section-divider { height:1px; background:#dbeafe; margin:1.25rem 0; } .bookclub-page .section-divider.tight { margin:0.85rem 0; } .bookclub-page .age-note { margin:0 0 1rem; } .bookclub-page .age-group-card .age-link { margin:0.75rem 0; } .bookclub-page .age-group-card .age-link a { display:block; padding:0.65rem 0.85rem; border-radius:12px; border:1px solid #dbeafe; background:#f8fbff; border-left:5px solid #f4b400; text-decoration:none; line-height:1.35; min-height:42px; } .bookclub-page .age-group-card .age-link a:hover { background:#eef6ff; } .bookclub-page .age-group-card .age-link a:focus-visible { outline:3px solid #f4b400; outline-offset:3px; } .bookclub-page .age-group-card .age-link.all-time { margin-top:1rem; } .bookclub-page .subtle { color:#555; } .bookclub-page .interest-row { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:0.6rem; } .bookclub-page .interest-chip { display:inline-block; padding:0.4rem 0.75rem; border-radius:999px; border:1px solid #dbeafe; background:#f8fbff; color:#003399; font-weight:700; text-decoration:none; line-height:1.2; } .bookclub-page .interest-chip:hover { background:#eef6ff; } .bookclub-page .interest-chip:focus-visible { outline:3px solid #f4b400; outline-offset:3px; } .bookclub-page .recommend-list { margin:0.35rem 0 0.6rem 1.1rem; } .bookclub-page .recommend-list li { margin:0.25rem 0; } /* Source: wwwroot/css/tables.css */ .booklist-page .booklist-topnav { max-width: 900px; margin: 0 auto 0.75rem; } .booklist-page .back-link { display:inline-block; color:#003399; font-weight:800; text-decoration:none; } .booklist-page .back-link:hover { text-decoration:underline; } .booklist-page .action-row { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:0.6rem; } .booklist-page .action-btn { display:inline-block; padding:0.55rem 0.85rem; border-radius:12px; border:2px solid #003399; background:#003399; color:#ffffff; font-weight:800; text-decoration:none; line-height:1.2; } .booklist-page .action-btn.outline { background:#ffffff; color:#003399; } .booklist-page .action-btn:hover { text-decoration:none; filter: brightness(0.98); } .booklist-page .content-wrapper { max-width:1050px; margin:0 auto; padding:0 1rem 3rem; } .booklist-page .subtle { color:#555; } .booklist-page .small-note { font-size:0.9rem; color:#555; margin:0.25rem 0 0.85rem; } .booklist-page .table-wrap { overflow-x:auto; border-radius:14px; border:1px solid #e5e7eb; background:#ffffff; } .booklist-page .book-table { width:100%; border-collapse:collapse; min-width:760px; } .booklist-page .book-table thead th { background:#f5f7ff; color:#003399; font-weight:700; font-size:0.95rem; padding:0.85rem 0.75rem; text-align:left; border-bottom:1px solid #e5e7eb; position:sticky; top:0; } .booklist-page .book-table td { padding:0.85rem 0.75rem; font-size:0.95rem; color:#222; border-bottom:1px solid #f0f0f0; vertical-align:top; } .booklist-page .book-table tbody tr:hover { background:#fafbff; } .booklist-page .book-table td:first-child { font-weight:700; color:#111; } .booklist-page .book-table td:nth-child(3) { color:#444; font-size:0.92rem; } .bookclub-page .table-wrap, .booklist-page .table-wrap { overflow-x:auto; border-radius:14px; border:1px solid #e5e7eb; background:#ffffff; } .bookclub-page .book-table, .booklist-page .book-table { width:100%; border-collapse:collapse; min-width:760px; } .bookclub-page .book-table thead th, .booklist-page .book-table thead th { background:#f5f7ff; color:#003399; font-weight:700; font-size:0.95rem; padding:0.85rem 0.75rem; text-align:left; border-bottom:1px solid #e5e7eb; position:sticky; top:0; } .bookclub-page .book-table td, .booklist-page .book-table td { padding:0.85rem 0.75rem; font-size:0.95rem; color:#222; border-bottom:1px solid #f0f0f0; vertical-align:top; } .bookclub-page .book-table tbody tr:hover, .booklist-page .book-table tbody tr:hover { background:#fafbff; } .bookclub-page .book-table td:first-child, .booklist-page .book-table td:first-child { font-weight:700; color:#111; } .bookclub-page .book-table td:nth-child(3), .booklist-page .book-table td:nth-child(3) { color:#444; font-size:0.92rem; } .booklist-page .heading { text-align:center; } .booklist-page .subheading.icon-heading { text-align:center; } .booklist-page .team-disclaimer, .booklist-page .team-disclaimer summary, .booklist-page .small-note { text-align:left; padding-left:24px; } .booklist-page .content-wrap { max-width:1100px; margin:0 auto; } .booklist-page .table-link, .bookclub-page .table-link { display:inline-flex; align-items:center; justify-content:center; text-align:center; line-height:normal; height:42px; min-width:96px; padding:0 1.25rem; background-color:#7FA3E6; color:#ffffff !important; font-size:0.95rem; font-weight:700; border-radius:6px; border:2px solid #0079B6; text-decoration:none; cursor:pointer; white-space:nowrap; box-sizing:border-box; transition:background 0.2s ease; width:max-content; } .booklist-page .table-link:hover, .bookclub-page .table-link:hover { background-color:#80B3FF !important; color:#ffffff !important; text-decoration:none; } .booklist-page .table-link:focus, .bookclub-page .table-link:focus, .booklist-page .table-link:focus-visible, .bookclub-page .table-link:focus-visible { outline:3px solid #00509E; outline-offset:3px; } /* Source: wwwroot/css/mobile.css */ @media (max-width: 768px) { .header-wrapper { margin-top: 12px; text-align: center; } .header-buttons.header-search-row { display: flex; flex-direction: row; align-items: center; gap: 8px; justify-content: center; width: 100%; padding: 0 10px; box-sizing: border-box; } .icon-btn { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; } .icon-btn svg { width: 18px; height: 18px; } .search-form { width: 260px; display: flex; justify-content: center; } .header-buttons.header-search-row .search-form { flex: 1 1 auto !important; min-width: 0 !important; max-width: 420px !important; display: flex; box-sizing: border-box; } .header-buttons.header-search-row .search-wrapper { position: relative !important; width: 100% !important; box-sizing: border-box; } .header-buttons.header-search-row .search-input { width: 100% !important; padding: 0 44px 0 12px !important; box-sizing: border-box; } .header-buttons.header-search-row .search-icon-btn { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; padding: 0 !important; } .header-buttons.header-search-row .icon-btn { flex: 0 0 auto !important; } .search-wrapper { position: relative; width: 100%; } .search-input { width: 100%; height: 42px; font-size: 0.9rem; padding: 0 36px 0 12px; border-radius: 6px; border: 1px solid #999; box-sizing: border-box; } .search-icon-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; } .search-icon-btn svg { width: 16px; height: 16px; stroke: #003399; } .booklist-page .book-table thead, .bookclub-page .book-table thead { display:none; } .booklist-page .table-wrap, .bookclub-page .table-wrap { overflow-x:visible; border:none; } .booklist-page .book-table tbody tr, .bookclub-page .book-table tbody tr { display:block; padding:1rem 0; border-bottom:2px solid #d1d5db; } .booklist-page .book-table td, .bookclub-page .book-table td { display:block; width:100%; padding:4px 0; border:none; } .booklist-page .book-table td:first-child strong, .bookclub-page .book-table td:first-child strong { display:block; font-size:1.1rem; color:#003399; margin-bottom:2px; } .booklist-page .book-table td:nth-child(2), .bookclub-page .book-table td:nth-child(2) { font-size:0.95rem; margin-bottom:4px; } .booklist-page .book-table td:nth-child(2)::before, .bookclub-page .book-table td:nth-child(2)::before { content: "by "; font-weight:500; } .booklist-page .book-table td:nth-child(3), .bookclub-page .book-table td:nth-child(3) { font-size:0.9rem; color:#444; margin-bottom:10px; } .booklist-page .book-table td:nth-child(4), .bookclub-page .book-table td:nth-child(4), .booklist-page .book-table td:nth-child(5), .bookclub-page .book-table td:nth-child(5) { display:inline-block; margin-right:10px; margin-top:6px; } .booklist-page .table-link, .bookclub-page .table-link { height:36px; min-width:80px; font-size:0.85rem; padding:0 0.9rem; } .booklist-page .book-table, .bookclub-page .book-table { min-width:0; } }