.reading-hub{max-width:1160px;margin:auto;padding:24px 28px 80px;color:#203c48}.reading-hub [hidden]{display:none!important}.reading-hero{padding:32px 0 40px;border-bottom:1px solid #dce6e8}.reading-eyebrow{color:#105a76;font-size:13px;font-weight:700;letter-spacing:.08em}.reading-hero h1{margin:12px 0 16px;font-size:clamp(30px,4vw,44px);font-weight:750;line-height:1.4}.reading-hero>p:not(.reading-eyebrow){font-size:16px;line-height:1.9;color:#52636c}.reading-hero>a{display:inline-block;margin-top:20px;color:#105a76;text-underline-offset:4px;text-decoration:underline;line-height:1.8}.reading-topics{padding:40px 0}.reading-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}.reading-hub h2{font-size:24px;font-weight:700;line-height:1.5}.reading-section-heading p,.reading-count{color:#596970;font-size:13px}.reading-topics nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reading-topics a{display:grid;gap:8px;padding:20px 16px;border:1px solid #d8e4e5;border-radius:12px;background:#f4f8f6;color:#194857;text-decoration:none}.reading-topics strong{display:flex;justify-content:space-between;gap:8px;font-size:14px}.reading-topics a>span{font-size:12px;color:#576b70;line-height:1.6}.reading-topics a:hover{background:#eaf3ef;border-color:#8dabae}.reading-library{padding-top:16px}.reading-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;padding:24px;margin:20px 0 16px;border:1px solid #dce6e8;background:#f8fafb;border-radius:12px}.reading-filters>div:first-child{flex:1;min-width:220px}.reading-filters>div:nth-child(2){min-width:180px}.reading-filters label{display:block;margin-bottom:8px;font-weight:700;font-size:13px}.reading-filters input,.reading-filters select{width:100%;min-height:46px;border:1px solid #aebec4;border-radius:7px;padding:10px 12px;background:#fff;color:#223e4a;font-size:16px}.reading-filters button,.reading-empty button{min-height:46px;border:1px solid #aebec4;border-radius:7px;padding:10px 16px;color:#105a76;background:#fff;font-size:14px;font-weight:700;cursor:pointer}.reading-count{margin:18px 0;line-height:1.8}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reading-card{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid #dce6e8;border-radius:12px;background:#fff;min-width:0}.reading-card:hover{border-color:#9ab5bc;background:#fcfefd}.reading-card-tags{display:flex;flex-wrap:wrap;gap:8px;color:#356370;font-size:11px;font-weight:700}.reading-card-tags span{padding:4px 8px;border-radius:4px;background:#edf4f4}.reading-card h3{margin:14px 0 12px;font-size:18px;font-weight:700;line-height:1.7}.reading-card h3 a{color:#163f4b;text-decoration:none}.reading-card h3 a:after{content:"";position:absolute;inset:0;border-radius:12px}.reading-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}.reading-card>p{color:#5a686e;line-height:1.85;font-size:13px;margin:0 0 22px}.reading-card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:auto;color:#63767e;font-size:12px}.reading-empty{padding:32px;border:1px dashed #b2c3c9;border-radius:12px;background:#f7faf9}.reading-empty h3{font-size:18px;font-weight:700}.reading-empty p{margin:12px 0 20px;line-height:1.8}.reading-hub :is(a,button,input,select):focus-visible{outline:3px solid #147397;outline-offset:4px}.reading-card:focus-within{outline:3px solid #147397;outline-offset:3px}@media(max-width:900px){.reading-topics nav{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-section-heading{display:block}.reading-section-heading p{margin-top:8px}}@media(max-width:600px){.reading-hub{padding:8px 20px 48px}.reading-hero{padding:24px 0 28px}.reading-topics{padding:28px 0}.reading-hub h2{font-size:22px}.reading-topics nav{gap:8px}.reading-topics a{padding:16px 12px}.reading-topics strong{font-size:13px}.reading-filters{padding:16px;gap:14px}.reading-filters>div{min-width:0!important;width:100%;flex:auto!important}.reading-grid{grid-template-columns:1fr}.reading-card{padding:20px}.reading-card h3{font-size:17px}}
