/* Compact brand links. SVG artwork is provided by Simple Icons. */
.profile-social {display:flex; align-items:center; justify-content:center; gap:14px; margin-top:12px;}
.profile-social a {display:inline-flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; height:24px; padding:3px; border:0; border-radius:0; background:none;}
.profile-social a:hover {background:none; opacity:.7;}
.profile-social img {display:block; width:18px; height:18px; max-width:18px; flex:none;}
:root[data-theme="dark"] .profile-social img {filter:invert(1);}

/* The cropped artwork fades into a continuous rose background, including the footer. */
body.library-page {
  --library-bg:#f2a4c8;
  --library-bg-mid:#f7c6dc;
  --library-bg-end:#fbe5ef;
  --library-fade-height:clamp(80px,8vw,130px);
  --library-heading-height:112px;
  --library-header-space:86px;
  min-height:100vh;
  background:linear-gradient(180deg,var(--library-bg) 0 650px,var(--library-bg-mid) 1350px,var(--library-bg-end) 100%);
}
.library-page .site-header {position:absolute; inset:0 0 auto; background:transparent;}
.library-banner {position:relative; height:calc(clamp(260px,25vw,440px) + var(--library-header-space)); overflow:hidden; background:var(--library-bg); border:0;}
.library-banner img {position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 46%;}
.library-banner::after {content:""; position:absolute; inset:auto 0 0; height:var(--library-fade-height); background:linear-gradient(180deg,transparent 0%,var(--library-bg) 100%); pointer-events:none;}
body.library-page #main {position:relative; margin-top:calc(0px - var(--library-fade-height) - var(--library-heading-height));}
.library-page .collection-heading {height:var(--library-heading-height); padding:18px 0 20px; align-items:flex-end; text-shadow:0 1px 8px var(--library-bg);}
:root[data-theme="dark"] body.library-page {
  --library-bg:#975175;
  --library-bg-mid:#633d52;
  --library-bg-end:#3d2935;
  background:linear-gradient(180deg,var(--library-bg) 0 650px,var(--library-bg-mid) 1350px,var(--library-bg-end) 100%);
}
/* Artwork text stays deep blue in both themes, including selected categories. */
.library-page .collection-heading,
.library-page .library-tabs,
:root[data-theme="dark"] .library-page .collection-heading,
:root[data-theme="dark"] .library-page .library-tabs {
  --text:#17365d;
  --muted:#17365d;
  --accent:#17365d;
  color:#17365d;
  text-shadow:none;
}
.library-page .collection-heading h1 {color:#000;}
.library-page .collection-total,
:root[data-theme="dark"] .library-page .collection-total {color:#17365d; background:#f9dfeb;}
.library-page .library-tabs a {font-weight:600;}
.library-page .library-tabs a[aria-current=page] {font-weight:700;}
:root[data-theme="dark"] .library-page .library-tabs {border-color:#78536a;}
:root[data-theme="dark"] .library-page .collection-filter-toggle .filter-toggle-caret {border-color:#493440;}
:root[data-theme="dark"] .library-page .collection-filter-toggle:hover {background:#f9dfeb;}
:root[data-theme="dark"] .library-page .empty-state,
:root[data-theme="dark"] .library-page .empty-state .muted,
:root[data-theme="dark"] .library-page .year-group-count,
:root[data-theme="dark"] .library-page .site-footer {color:#faedf5;}
@media(max-width:600px) {
  body.library-page {--library-heading-height:96px; --library-header-space:81px;}
  .profile-social {grid-column:2; justify-content:flex-start; margin-top:4px;}
  .library-banner img {object-position:78% 46%;}
}