/* Flat content UI with the home learning banner palette. */
.page-ebooks {--eb-ink:#191f28;--eb-brand:var(--up-brand,#df2858);--eb-paper:#f5f6f8}
.eb-page {max-width:1120px;margin:0 auto;padding:24px 24px 48px;font-family:var(--up-font-body)}
.eb-page section {display:block;opacity:1;transform:none;padding:0;overflow:visible}
.eb-hero {display:grid!important;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:44px 48px!important;border-radius:24px;background:#fff0f5}
.eb-hero h1 {font-family:var(--up-font-headline)!important;font-size:32px;font-weight:400;line-height:1.4;margin:0 0 16px}
.eb-hero-desc {font-size:14px;line-height:1.8;color:#4e5968;margin:0 0 24px}
.eb-stats {display:flex;gap:24px;margin:0}.eb-stats div {display:flex;flex-direction:column-reverse}.eb-stats dt {font-size:12px;font-weight:500;color:#6b7684}.eb-stats dd {font-size:22px;font-weight:700;margin:0}.eb-stats small {font-size:12px;margin-left:3px}
.eb-hero-ui {display:grid;gap:14px}.eb-format-card {background:#fff;border-radius:16px;padding:22px;display:flex;align-items:center;gap:16px}.eb-format-icon {display:grid;place-items:center;width:52px;height:52px;background:#fff0f5;color:#df2858;border-radius:14px;font-size:16px;font-weight:750;flex:none}.eb-format-card strong {display:block;font-size:17px;margin-bottom:4px}.eb-format-card div>span {font-size:12px;color:#6b7684}
.eb-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:36px 0 24px}
.eb-tabs {display:flex;gap:6px;flex-wrap:wrap}
.eb-tab {display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--up-field,#f2f4f6);color:#4e5968;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.eb-tab span {font-size:12px;color:#8b95a1}
.eb-tab:hover {background:#fff0f4;color:var(--eb-brand)}
.eb-tab.is-active {background:var(--eb-ink);color:#fff}
.eb-tab.is-active span {color:rgba(255,255,255,.6)}
.eb-author-links {display:flex;align-items:center;gap:16px}
.eb-author-links form {margin:0}
.eb-author-links :is(a,button) {display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#4e5968;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.eb-author-links :is(a,button):hover {color:var(--eb-brand)}


.eb-tab.is-active {background:var(--eb-brand)}
.eb-shelf-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.eb-book {display:flex;flex-direction:column;border:1px solid #edf0f4;border-radius:16px;overflow:hidden;text-decoration:none;color:var(--eb-ink);background:white;transition:border-color .2s}
.eb-book:hover {border-color:#df2858}.eb-book[hidden] {display:none}
.eb-cover-wrap {position:relative}.eb-thumbnail {aspect-ratio:16/10;display:grid;place-items:center;background:#f5f6f8;color:#8b95a1}.eb-thumbnail img {width:100%;height:100%;object-fit:cover}
.eb-badges {position:absolute;top:12px;left:12px;display:flex;gap:6px}.eb-badge {padding:4px 9px;border-radius:7px;background:white;color:#b51d48;font-size:11px;font-weight:700}
.eb-book-info {padding:18px}.eb-book-title {font-family:var(--up-font-body)!important;font-size:17px;font-weight:650;line-height:1.5;margin:0 0 10px}.eb-book-meta {display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#8b95a1;margin:0 0 16px}.eb-book-price {border-top:1px solid #edf0f4;padding-top:12px;margin:0;font-size:16px;font-weight:700}.eb-book-price .free {color:#df2858}
.eb-filter-empty {padding:48px 0;text-align:center;color:#8b95a1;font-size:14px}

/* 빈 서가 */
.eb-empty {padding:64px 20px;text-align:center;background:var(--eb-paper);border-radius:20px}
.eb-empty-book {display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:16px;border-radius:16px;background:#fff;color:var(--eb-brand);font-size:26px}
.eb-empty h3 {margin:0 0 8px;font-size:18px;font-weight:700;color:var(--eb-ink)}
.eb-empty p {margin:0;font-size:14px;color:#6b7684}

/* 저자 모집 */
.eb-author-cta {display:flex!important;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:56px;padding:32px 36px!important;background:#191f28;border-radius:20px;color:#fff}
.eb-author-cta .eb-eyebrow {color:#ff8fab;margin-bottom:8px}
.eb-author-cta h2 {margin:0 0 6px;font-family:var(--up-font-headline)!important;font-weight:400!important;font-size:24px;color:#fff!important}
.eb-author-cta p {margin:0;font-size:14px;color:rgba(255,255,255,.7)}
.eb-cta-actions {display:flex;gap:8px;flex-wrap:wrap}
.eb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .35s var(--eb-spring)}
.eb-btn:hover {transform:translateY(-2px)}
.eb-btn-primary {background:var(--eb-brand);color:#fff}
.eb-btn-primary:hover {background:var(--up-brand-hover,#c81e4c);color:#fff}
.eb-btn-ghost {background:rgba(255,255,255,.1);color:#fff}
.eb-btn-ghost:hover {background:rgba(255,255,255,.18);color:#fff}


.eb-author-cta {background:#f5f6f8;color:#191f28}.eb-author-cta h2 {color:#191f28!important;font-size:22px}.eb-author-cta p {color:#6b7684}.eb-btn-ghost {background:white;color:#4e5968}.eb-btn-ghost:hover {background:#fff0f5;color:#df2858}
@media(max-width:800px){.eb-hero {grid-template-columns:1fr;gap:24px;padding:32px!important}.eb-hero-ui {grid-template-columns:1fr 1fr}.eb-format-card {padding:16px;gap:10px}.eb-format-card div>span {display:none}.eb-shelf-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.eb-page {padding:20px 16px 32px}.eb-hero {padding:28px 22px!important;border-radius:20px}.eb-hero h1 {font-size:26px}.eb-hero-ui {display:none}.eb-toolbar {margin:24px 0 18px;gap:14px}.eb-tab {padding:0 12px;min-height:36px;font-size:13px}.eb-shelf-grid {grid-template-columns:1fr}.eb-author-cta {padding:24px!important;margin-top:32px}.eb-author-cta h2 {font-size:20px}}
@media(prefers-reduced-motion:reduce){.eb-book {transition:none}}

.eb-format-icon{width:72px;height:72px;background:transparent;flex-shrink:0}.eb-format-icon .si{display:block;width:72px;height:72px}.eb-format-icon .si-bg{fill:#fff0f4}