.lib-hero{background:#ebe3d4;padding:2.5rem 0 3rem;border-bottom:6px solid #8b6914}
.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.lib-grid h1{font-size:clamp(1.4rem,3.4vw,1.95rem);font-weight:800;color:#2c2419;line-height:1.35;margin-bottom:.85rem;font-family:"Georgia",serif}
.lib-grid h1 em{font-style:normal;color:#1a5c45}
.lib-desc{color:#6b5d4d;font-size:.95rem;margin-bottom:1.35rem;max-width:520px}
.lib-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.btn-catalog{display:inline-block;background:#1a5c45;color:#fff!important;padding:.65rem 1.35rem;font-weight:800;font-size:.9rem;text-decoration:none!important}
.btn-catalog:hover{background:#144a38}
.btn-browse{display:inline-block;color:#6b3a2a;border:2px solid #6b3a2a;padding:.6rem 1.25rem;font-weight:700;font-size:.9rem;text-decoration:none!important;background:#fff}
.btn-browse:hover{background:#f4efe6}

.catalog-stats{display:flex;flex-wrap:wrap;gap:1rem}
.catalog-stat{background:#fff;border:1px solid #d4c4a8;border-top:3px solid #8b6914;padding:.85rem 1.1rem;min-width:100px;text-align:center}
.catalog-stat strong{display:block;font-size:1.3rem;color:#1a5c45;font-weight:900;font-family:"Georgia",serif}
.catalog-stat span{font-size:.74rem;color:#6b5d4d}

.lib-frame{background:#6b3a2a;padding:1rem 1rem 1.25rem;border-radius:2px}
.lib-frame img{border:2px solid #8b6914;width:100%}
.lib-call-tag{position:absolute;top:-12px;left:1rem;background:#8b6914;color:#fff;font-size:.68rem;font-weight:800;padding:.2rem .55rem;letter-spacing:.06em}
.lib-frame-wrap{position:relative;padding-top:.5rem}

.shelf-row{background:#fff;padding:3.25rem 0;border-top:1px solid #d4c4a8}
.shelf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.shelf-unit{background:#f4efe6;border:1px solid #d4c4a8;border-top:8px solid #6b3a2a;padding:0;overflow:hidden}
.shelf-call{background:#2c2419;color:#8b6914;font-size:.7rem;font-weight:800;padding:.4rem .85rem;letter-spacing:.1em;font-family:"Courier New",monospace}
.shelf-body{padding:1.1rem 1.2rem 1.25rem}
.shelf-body h3{font-size:1rem;color:#2c2419;margin-bottom:.45rem;font-weight:800}
.shelf-body p{font-size:.88rem;color:#6b5d4d;line-height:1.65}
.shelf-spine{display:inline-block;width:6px;height:14px;background:#1a5c45;margin-right:.35rem;vertical-align:middle}

.checkout-path{background:#ebe3d4;padding:3.25rem 0}
.checkout-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.checkout-card{background:#fff;border:1px solid #d4c4a8;padding:1.15rem;text-align:center;position:relative}
.checkout-num{font-family:"Courier New",monospace;font-size:.72rem;color:#8b6914;font-weight:800;margin-bottom:.45rem}
.checkout-card h3{font-size:.95rem;color:#2c2419;margin-bottom:.35rem;font-weight:800}
.checkout-card p{font-size:.84rem;color:#6b5d4d}
.checkout-arrow{display:none}

.card-drawer{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.drawer{background:#fff;border:1px solid #d4c4a8}
.drawer-tab{background:#6b3a2a;color:#f4efe6;padding:.5rem .9rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;font-family:"Courier New",monospace}
.drawer-body{padding:1.1rem 1.2rem}
.drawer-body h3{font-size:.95rem;color:#2c2419;margin-bottom:.6rem;font-weight:800}
.drawer-body li{font-size:.86rem;color:#6b5d4d;padding:.32rem 0 .32rem .85rem;border-left:3px solid #1a5c4544}

.loan-cta{background:#1a5c45;color:#fff;text-align:center;padding:2.75rem 1rem}
.loan-cta h2{font-size:clamp(1.15rem,3vw,1.5rem);font-weight:800;margin-bottom:.45rem;font-family:"Georgia",serif}
.loan-cta p{color:#b8dcc8;margin-bottom:1.15rem;font-size:.92rem}
.loan-cta .btn-catalog{background:#8b6914}
.loan-cta .btn-catalog:hover{background:#a07a18}

@media(max-width:900px){
  .lib-grid{grid-template-columns:1fr}
  .lib-frame-wrap{order:-1}
  .shelf-grid,.checkout-cards,.card-drawer{grid-template-columns:1fr}
}