/* IELTS4US online library — app-specific styles. Original site CSS remains unchanged. */
.lib-usd{background:#f3f9f9;color:#265571;border-bottom:1px solid #d9e9e9;font-size:11px;padding:8px 0}
.lib-usd span{color:#687e89}
.lib-hero{background:radial-gradient(circle at 80% 40%,#195b79,#0d3d64 52%,#082b49);color:#fff}
.lib-hero-inner{display:grid;grid-template-columns:1.5fr .65fr;align-items:center;gap:55px;padding-top:90px;padding-bottom:90px}
.lib-hero h1{font:800 clamp(2.6rem,5vw,4.5rem)/1.11 "Manrope",sans-serif;letter-spacing:-.06em;margin:20px 0}
.lib-hero h1 em{font-style:normal;color:#f18a23}
.lib-hero p{color:#d4e9ef;font-size:16px;max-width:650px;line-height:1.8}
.lib-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.lib-price{background:#fff;color:#0b3554;border-radius:18px;padding:27px;box-shadow:0 20px 45px #061b3590}
.lib-price>span{color:#138e83;font-size:10px;font-weight:800;letter-spacing:.14em}
.lib-price strong{display:block;font:800 42px "Manrope",sans-serif;letter-spacing:-.07em;margin:10px 0 2px}
.lib-price strong small{font-size:14px;letter-spacing:0;color:#526a79}
.lib-price p{font-weight:700;font-size:13px;color:#345869;line-height:1.5}
.lib-price>small{color:#97713b;font-size:11px}
.lib-two-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.lib-two-panel h2{margin:12px 0 18px}
.lib-two-panel>div>p{color:#526f7b;font-size:14px}
.lib-steps{margin-top:30px;border-top:1px solid #d9e5e6}
.lib-steps p{display:flex;align-items:flex-start;gap:14px;margin:0;padding:16px 0;border-bottom:1px solid #d9e5e6;font-size:13px}
.lib-steps b{display:grid;place-items:center;flex:none;width:27px;height:27px;color:#0a6060;background:#e1f3f0;border-radius:8px}
.lib-account-box{border:1px solid #d1e0e3;border-radius:18px;padding:32px;background:#fbfefd;box-shadow:0 10px 26px #082c4c0b}
.lib-account-box>[role=status]{font-size:13px;font-weight:800;color:#0b4b72;margin:0 0 15px}
.lib-login{display:grid;gap:10px}
.lib-login label{font-weight:800;color:#164867;font-size:12px}
.lib-login input{border:1px solid #b3ced7;border-radius:8px;padding:12px 13px;width:100%;font-size:14px}
.lib-login .btn{margin-top:7px}
.lib-login small{font-size:11px;color:#63808c}
.lib-account-box #libMembershipRequired p{font-size:13px;color:#345c72}
.lib-account-box #libActiveMember p{font-size:13px}
.lib-logout{font-size:12px;background:transparent;color:#0f6771;text-decoration:underline;border:none;cursor:pointer;padding:0 0 13px}
.lib-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.lib-filter{border:1px solid #bdcfd4;background:#fff;border-radius:20px;cursor:pointer;color:#224860;font-weight:800;font-size:12px;padding:9px 16px}
.lib-filter.is-active{background:#0e3b68;color:#fff;border-color:#0e3b68}
.lib-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lib-book{background:#fff;border:1px solid #dce6e9;border-radius:15px;padding:25px;display:flex;flex-direction:column;min-height:210px;position:relative}
.lib-book-cat{font-weight:800;color:#16887d;letter-spacing:.1em;font-size:10px;text-transform:uppercase}
.lib-book h3{font:800 20px/1.35 "Manrope",sans-serif;letter-spacing:-.035em;color:#103d5b;margin:14px 0 8px}
.lib-book p{font-size:12px;color:#647b85;margin:0 0 20px;line-height:1.6}
.lib-book-bottom{margin-top:auto;border-top:1px solid #e1e8eb;padding-top:12px;color:#6f8591;font-weight:800;font-size:11px}
.lib-book-link{position:absolute;inset:0;border-radius:15px}
.lib-book-link:focus-visible{outline:3px solid #f18a23}
.lib-catalogue-note{font-size:12px;color:#627884;margin-top:25px}
.lib-footer{display:flex;justify-content:space-between;gap:30px;padding:45px 0}
.lib-footer strong{font:800 24px "Manrope",sans-serif}
.lib-footer p{font-size:12px;max-width:400px;color:#c8dbe1}
.lib-footer>div:last-child{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.lib-footer a{text-decoration:none;font-size:12px}
.lib-reader-hero{background:#0b395e;padding:70px 0;color:#fff}
.lib-reader-hero h1{font-size:clamp(2.2rem,4vw,4rem);margin:15px 0}
.lib-reader-hero p{font-size:13px;color:#c4e0e6;max-width:700px}
.lib-back{display:inline-block;font-size:12px;color:#e2e5ed;margin-bottom:24px;text-decoration:none}
.lib-reader-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:25px}
.lib-reader-layout aside{border:1px solid #d7e3e7;border-radius:15px;padding:24px;align-self:start;background:#f6faf9}
.lib-reader-layout aside h3{font-size:18px;color:#103b57}
.lib-reader-layout aside p{font-size:12px;color:#597380}
.lib-reader-controls{display:flex;gap:10px;margin:20px 0}
.lib-reader-controls button{padding:6px 15px;background:#fff;border:1px solid #bdd4d9;border-radius:7px;cursor:pointer}
.lib-reader-layout aside a{font-size:12px;color:#0b5f78}
.lib-reading-page{min-height:380px;background:#fff;border:1px solid #cddfe2;border-radius:16px;padding:40px;box-shadow:0 12px 35px #082c4c09}
#readerAccountStatus{font-size:15px;font-weight:700;color:#39556c}
[hidden]{display:none!important}
@media(max-width:900px){.lib-hero-inner{grid-template-columns:1fr}.lib-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lib-two-panel{gap:35px}}
@media(max-width:700px){.lib-hero-inner{padding:60px 0}.lib-two-panel,.lib-reader-layout{grid-template-columns:1fr}.lib-book-grid{grid-template-columns:1fr}.lib-footer{flex-direction:column}.lib-account-box{padding:23px}.lib-reading-page{padding:25px}}