.book-exchange{padding-block:var(--space-2xl)}.book-exchange__intro{max-width:760px;margin-inline:auto;margin-bottom:var(--space-xl);text-align:center}.book-exchange__intro-heading{font-size:clamp(1.5rem, 1.2rem + 1.2vw, var(--text-2xl));margin:0 0 var(--space-sm)}.book-exchange__intro-text{opacity:.85;margin:0}.book-exchange__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:48em){.book-exchange__grid{grid-template-columns:repeat(2,1fr);align-items:stretch}}.book-exchange__box{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-teal-100);border-radius:var(--radius-md);padding:var(--space-xl);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.book-exchange__box:focus-within,.book-exchange__box:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(10,10,10,.1)}.book-exchange__box-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-white);color:var(--color-teal-700);margin-bottom:var(--space-md);flex-shrink:0}.book-exchange__box-icon svg{width:28px;height:28px}.book-exchange__box-title{font-size:var(--text-lg);margin:0 0 var(--space-xs)}.book-exchange__box-description{opacity:.8;margin:0 0 var(--space-lg);flex-grow:1}.book-exchange__box-cta{margin-top:auto;width:100%}.book-exchange-overlay{position:fixed;inset:0;background:rgba(10,10,10,.55);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-standard);z-index:9999}.book-exchange-overlay.is-open{opacity:1;visibility:visible}.book-exchange-modal{position:relative;background:var(--color-white);max-width:520px;width:100%;border-radius:var(--radius-md);overflow:hidden;padding:36px 32px 32px;transform:translateY(24px);transition:transform var(--duration-base) var(--ease-standard);box-shadow:0 20px 60px rgba(0,0,0,.25);margin:auto}.book-exchange-overlay.is-open .book-exchange-modal{transform:translateY(0)}.book-exchange-modal__close{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:var(--color-teal-100);border:none;color:var(--color-teal-900);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-base) var(--ease-standard)}.book-exchange-modal__close svg{width:16px;height:16px}.book-exchange-modal__close:focus-visible,.book-exchange-modal__close:hover{background:var(--color-line)}.book-exchange-modal__title{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-md);padding-right:var(--space-xl)}.book-exchange-modal__rules{margin-bottom:var(--space-lg)}.book-exchange-modal__rules-heading{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-teal-900);margin:0 0 var(--space-sm);display:flex;align-items:center;gap:8px}.book-exchange-modal__rules-heading::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-gold-500);flex-shrink:0}.book-exchange-modal__rules-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.book-exchange-modal__rules-list li{position:relative;padding-left:1.6em;opacity:.85;font-size:var(--text-sm);line-height:1.6}.book-exchange-modal__rules-list li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background-color:var(--color-gold-500)}.book-exchange-modal__cta{width:100%}.book-exchange-modal__hint{font-size:var(--text-xs);opacity:.65;margin:var(--space-sm) 0 0;text-align:center}@media (max-width:30em){.book-exchange-modal{padding:28px 20px 24px}.book-exchange-modal__title{font-size:var(--text-lg)}}