/* Spatial packs: complete portrait covers, actual engine media, and brand services. */
.library-hero {
  background: var(--dark, #151b19);
  color: #f7f7f2;
  padding: 64px 0 58px;
}
.pack-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 56px;
}
.pack-hero-copy,
.pack-hero-gallery,
.pack-experience-copy,
.pack-custom-card > div {
  min-width: 0;
}
.pack-hero-copy .kicker {
  color: var(--gold, #d8c5a0);
  margin: 0 0 18px;
}
.pack-hero-copy h1 {
  font-size: 48px;
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: -.015em;
}
.pack-hero-label {
  display: inline-block;
  margin-top: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d8c5a04d;
  color: var(--gold, #d8c5a0);
  font-size: 13px;
  line-height: 22px;
}
.pack-hero-copy .lead {
  margin-top: 22px;
  color: #e0e6dd;
  font-size: 18px;
  line-height: 31px;
}
#library-policy-intro {
  max-width: 460px;
  margin-top: 20px;
  color: #b9c5bc;
  font-size: 15px;
  line-height: 27px;
}
.pack-hero-copy .actions {
  gap: 18px 24px;
  margin-top: 28px;
}
.pack-hero-copy .btn {
  background: var(--gold, #d8c5a0);
  color: var(--dark, #151b19);
}
.pack-hero-copy .btn:hover {
  background: #e7d7b9;
}
.pack-hero-copy .text-link {
  color: #e0e6dd;
}
.pack-effect-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 18px;
  padding: 6px 0;
  border-bottom: 1px solid #ffffff36;
  color: #b9c5bc;
  font-size: 13px;
  line-height: 23px;
}
.pack-effect-link:hover {
  color: var(--gold, #d8c5a0);
}
.pack-hero-gallery {
  margin: 0;
}
.library-hero-images {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.14fr) minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}
.library-hero-images img {
  width: 100%;
  height: auto;
  aspect-ratio: 768 / 1376;
  object-fit: contain;
  background: #25352b;
  border: 1px solid #ffffff26;
  border-radius: 4px;
  box-shadow: 0 14px 32px #00000030;
}
.library-hero-images img:first-child {
  margin-top: 38px;
}
.library-hero-images img:last-child {
  margin-top: 76px;
}
.pack-hero-gallery figcaption {
  margin-top: 20px;
  color: #b9c5bc;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
}

.pack-experience {
  background: var(--paper, #f7f7f2);
  border-top: 1px solid var(--line, #dfe2d9);
}
.pack-experience-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 400px);
  gap: clamp(36px, 6vw, 80px);
  align-items: center;
}
.pack-experience-copy {
  max-width: 620px;
}
.pack-experience-copy article {
  padding: 24px 0;
  border-top: 1px solid var(--line, #dfe2d9);
}
.pack-experience-copy article > span {
  color: var(--green, #253f35);
  font-size: 13px;
  line-height: 22px;
}
.pack-experience-copy h3 {
  margin: 10px 0 12px;
  font-size: 21px;
  line-height: 32px;
}
.pack-experience-copy article p {
  font-size: 15px;
  line-height: 27px;
}
.pack-experience-copy > .text-link {
  min-height: 44px;
  margin-top: 8px;
}
.pack-engine-demo {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  border-color: #dce1d5;
  box-shadow: 0 14px 40px #17201b18;
}
.pack-engine-demo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.pack-engine-demo figcaption {
  font-size: 14px;
  line-height: 24px;
}
.pack-engine-demo figcaption span {
  margin-top: 4px;
  font-size: 12px;
  line-height: 22px;
}
#download-help .workflow .text-link {
  min-height: 44px;
  margin-top: 14px;
  font-size: 13px;
}
.pack-use-note {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #c9d1c2;
  font-size: 14px;
  line-height: 25px;
}

.pack-custom {
  background: var(--paper, #f7f7f2);
  border-top: 1px solid var(--line, #dfe2d9);
}
.pack-custom-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.pack-custom-card {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 24px;
  align-items: start;
  min-width: 0;
  padding: 24px;
  background: #fffefb;
  border: 1px solid var(--line, #dfe2d9);
  border-radius: 6px;
}
.pack-custom-card figure {
  min-width: 0;
  margin: 0;
}
.pack-custom-card figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 768 / 1376;
  object-fit: contain;
  background: #e7eadf;
  border-radius: 3px;
}
.pack-custom-card figcaption {
  margin-top: 10px;
  color: var(--muted, #626962);
  font-size: 11px;
  line-height: 20px;
}
.pack-custom-card > div {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: start;
}
.pack-card-index {
  display: block;
  margin-bottom: 20px;
  color: var(--green, #253f35);
  font-size: 13px;
  line-height: 22px;
  font-variant-numeric: tabular-nums;
}
.pack-custom-card h3 {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 33px;
}
.pack-custom-card p {
  font-size: 15px;
  line-height: 27px;
}
.pack-custom-card .pack-custom-tags {
  width: 100%;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--line, #dfe2d9);
  color: var(--green, #253f35);
  font-size: 12px;
  line-height: 23px;
}
.pack-custom-card .text-link {
  min-height: 44px;
  margin-top: auto;
  padding-top: 20px;
  font-size: 13px;
}
.pack-custom-process {
  margin-top: 40px;
  padding: 32px;
  background: #edf0e8;
  border: 1px solid #d4ddcc;
  border-radius: 6px;
}
.pack-custom-process > h3 {
  font-size: 24px;
  line-height: 35px;
}
.pack-custom-process ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  counter-reset: pack-step;
}
.pack-custom-process li {
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid #b9c7b0;
  counter-increment: pack-step;
}
.pack-custom-process li::before {
  content: counter(pack-step, decimal-leading-zero);
  display: block;
  margin-bottom: 16px;
  color: var(--green, #253f35);
  font-size: 13px;
  line-height: 22px;
  font-variant-numeric: tabular-nums;
}
.pack-custom-process strong {
  display: block;
  font-size: 16px;
  line-height: 27px;
  font-weight: 500;
}
.pack-custom-process li p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 25px;
}
.pack-custom-process .actions {
  margin-top: 32px;
  gap: 18px 24px;
}

@media (max-width: 1100px) {
  .pack-hero-grid { gap: 36px; }
  .pack-hero-copy h1 { font-size: 42px; }
  .library-hero-images { gap: 10px; }
  .pack-custom-card { padding: 20px; gap: 20px; }
  .pack-custom-card h3 { font-size: 20px; line-height: 30px; }
  .pack-custom-process ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .pack-hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .pack-hero-copy { max-width: 660px; }
  .pack-hero-copy h1 { font-size: 44px; }
  #library-policy-intro { max-width: 600px; }
  .pack-hero-gallery { width: 100%; max-width: 640px; margin-inline: auto; }
  .library-hero-images { gap: 16px; }
  .pack-experience-layout { grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); gap: 36px; }
  .pack-experience-copy h3 { font-size: 20px; line-height: 31px; }
  .pack-custom-grid { grid-template-columns: 1fr; gap: 20px; }
  .pack-custom-card { grid-template-columns: minmax(160px, 220px) minmax(0, 1fr); gap: 28px; padding: 24px; }
  .pack-custom-card h3 { font-size: 23px; line-height: 34px; }
}
@media (max-width: 767px) {
  .library-hero { padding: 40px 0 38px; }
  .pack-hero-grid { gap: 30px; }
  .pack-hero-copy .kicker { margin-bottom: 14px; }
  .pack-hero-copy h1 { font-size: 34px; line-height: 44px; }
  .pack-hero-label { margin-top: 14px; padding-bottom: 8px; font-size: 12px; }
  .pack-hero-copy .lead { margin-top: 20px; font-size: 16px; line-height: 28px; }
  #library-policy-intro { margin-top: 16px; font-size: 14px; line-height: 25px; }
  .pack-hero-copy .actions { gap: 14px 20px; margin-top: 24px; }
  .pack-hero-copy .btn { padding-inline: 18px; }
  .pack-effect-link { margin-top: 10px; }
  .pack-hero-gallery { max-width: 500px; }
  .library-hero-images { gap: 10px; }
  .library-hero-images img:first-child { margin-top: 20px; }
  .library-hero-images img:last-child { margin-top: 40px; }
  .pack-hero-gallery figcaption { margin-top: 14px; font-size: 11px; line-height: 20px; }
  .pack-experience-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .pack-engine-demo { grid-row: 1; max-width: 280px; }
  .pack-experience-copy { max-width: none; }
  .pack-experience-copy article { padding: 20px 0; }
  .pack-experience-copy h3 { margin: 8px 0 10px; font-size: 20px; line-height: 30px; }
  .pack-experience-copy article p { font-size: 14px; line-height: 26px; }
  .pack-experience-copy > .text-link { font-size: 13px; }
  .pack-use-note { margin-top: 26px; padding-top: 20px; font-size: 13px; line-height: 24px; }
  .pack-custom-process { margin-top: 30px; padding: 24px; }
  .pack-custom-process > h3 { font-size: 21px; line-height: 32px; }
  .pack-custom-process ol { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 24px; }
  .pack-custom-process li { padding-top: 16px; }
  .pack-custom-process li::before { margin-bottom: 10px; }
  .pack-custom-process .actions { margin-top: 26px; gap: 16px; }
}
@media (max-width: 580px) {
  .pack-custom-card { grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); gap: 16px; padding: 16px; }
  .pack-custom-card h3 { margin-bottom: 12px; font-size: 18px; line-height: 28px; }
  .pack-card-index { margin-bottom: 12px; font-size: 12px; line-height: 20px; }
  .pack-custom-card p { font-size: 14px; line-height: 24px; }
  .pack-custom-card .pack-custom-tags { margin-top: 16px; padding-top: 12px; font-size: 11px; line-height: 20px; }
  .pack-custom-card .text-link { padding-top: 16px; font-size: 12px; line-height: 22px; }
  .pack-custom-card figcaption { font-size: 10px; line-height: 18px; margin-top: 8px; }
}

.library-section{padding-top:58px}.library-toolbar{display:grid;grid-template-columns:minmax(240px,1.7fr) 1fr 1fr .8fr auto;gap:16px;align-items:end;background:#edf0e9;padding:22px;border-radius:5px}.library-toolbar label,#asset-download-form label{display:grid;gap:8px;font-size:13px;color:#546155}.library-toolbar input,.library-toolbar select,#asset-code{width:100%;min-width:0;border:1px solid #bcc5bb;background:#fffefb;padding:11px 12px;border-radius:3px;color:#243b2f;font:inherit;font-size:15px;height:46px}.library-toolbar button{height:46px;white-space:nowrap}.library-results{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px;gap:20px;font-size:14px}.library-results p{margin:0}.library-results button{font:inherit;color:#35513e;border:1px solid #a9b8a8;background:transparent;padding:8px 12px;border-radius:3px}.library-results button[aria-pressed=true]{background:#253f35;color:#fff}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.asset-card{min-width:0;background:#fffefb;border:1px solid #dde1d7;border-radius:5px;overflow:hidden}.asset-view{display:block;border:0;background:transparent;padding:0;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.asset-view img{display:block;width:100%;height:auto;aspect-ratio:24/43;object-fit:contain;background:#e6e8df}.asset-card-meta{padding:16px 15px 12px}.asset-card-meta .kicker{font-size:11px;letter-spacing:0;margin:0 0 8px;color:#596a59}.asset-card-meta h3{font-size:18px;line-height:1.45;margin:0 0 10px;font-weight:500;min-height:52px}.asset-card-meta .asset-file{font-size:12px;color:#6b7368;margin:0}.asset-select{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 30px);border:0;border-top:1px solid #e1e6dd;background:transparent;margin:0 15px;padding:12px 0;font:inherit;font-size:13px;color:#3d5943;cursor:pointer}.asset-select[aria-pressed=true]{color:#172b1c;font-weight:500}.asset-select span:last-child{font-size:20px}.asset-card:has(.asset-select[aria-pressed=true]){outline:2px solid #60795d;outline-offset:2px}.asset-view:hover h3{text-decoration:underline;text-underline-offset:4px}.library-empty{padding:54px 22px;background:#f0f2eb;text-align:center}.library-more{text-align:center;margin-top:36px}.asset-selection{position:sticky;bottom:18px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:20px 24px;background:#fdfef8;border:1px solid #aebba9;box-shadow:0 6px 32px #152d1820;border-radius:4px}.asset-selection p{margin:5px 0 0;font-size:13px}.asset-selection .actions{margin:0;gap:18px}.asset-selection strong{font-weight:500}.asset-detail{display:grid;grid-template-columns:minmax(240px,384px) minmax(260px,1fr);gap:36px;padding:24px;align-items:start}.asset-detail figure{margin:0}.asset-detail img{display:block;width:100%;height:auto}.asset-detail figcaption{font-size:12px;color:#667360;margin-top:8px}.asset-detail-info{padding-top:12px}.asset-detail-info p{line-height:1.8}.asset-detail-info .spec-list{margin:24px 0}.asset-detail-info .spec-list>div{display:block}.asset-detail-info .spec-list dt{font-size:12px;color:#697164;margin-bottom:6px}.asset-detail-info .spec-list dd{margin:0;font-size:15px}.asset-detail-info .actions{gap:16px;flex-wrap:wrap}.asset-original{margin:25px 0}.asset-detail-info .caption{font-size:12px;color:#687365}#asset-dialog{width:min(940px,calc(100vw - 36px));max-height:92dvh;border:0;padding:0;color:#243b2f;background:#f7f7f2}#asset-download-dialog{width:min(520px,calc(100vw - 32px));max-height:90dvh;border:0;padding:0;background:#f7f7f2}#asset-download-form{padding:26px}#asset-download-form>p{line-height:1.7;margin-top:0}#asset-download-form>.btn{margin:20px 0}#asset-download-status{white-space:pre-line;font-size:14px}dialog::backdrop{background:#0c160dda}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9c8245;outline-offset:4px}.asset-selection[hidden],.asset-grid[hidden],.library-empty[hidden],#asset-more[hidden]{display:none}
@media(max-width:1024px){.library-toolbar{grid-template-columns:1.5fr 1fr 1fr}.library-search{grid-column:span 2}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-selection{align-items:start;flex-direction:column;gap:14px}.asset-selection .actions{width:100%;justify-content:space-between}}
@media(max-width:700px){.library-section{padding-top:40px}.library-toolbar{grid-template-columns:1fr 1fr;padding:16px;gap:13px}.library-search{grid-column:1/-1}.library-toolbar label{font-size:12px}.library-toolbar input,.library-toolbar select{font-size:14px;padding:10px 7px}.library-toolbar button{font-size:13px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.asset-card-meta{padding:12px 10px 8px}.asset-card-meta h3{font-size:16px;min-height:47px}.asset-card-meta .kicker{font-size:10px}.asset-card-meta .asset-file{font-size:11px}.asset-select{width:calc(100% - 20px);margin:0 10px;font-size:12px}.library-results{font-size:12px;gap:8px}.library-results button{padding:7px 9px}.asset-selection{padding:16px;bottom:8px}.asset-selection .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px 16px}.asset-selection .actions>*{min-width:0;max-width:100%}.asset-selection .actions .btn{width:100%}.asset-selection .actions .text-link,.asset-selection .actions .text-button{justify-self:start;overflow-wrap:anywhere}.asset-selection .btn{font-size:13px;padding:10px 12px}.asset-selection .text-link,.asset-selection .text-button{font-size:12px}.asset-detail{display:block;padding:20px}.asset-detail figure{max-width:320px;margin:auto}.asset-detail-info{padding-top:25px}#asset-dialog{width:calc(100vw - 20px)}#asset-download-form{padding:20px}}





#asset-dialog .dialog-bar,#asset-download-dialog .dialog-bar{background:#eef1e8;color:#243b2f;padding:16px 22px;border-bottom:1px solid #d7ddcf}#asset-dialog .dialog-bar button,#asset-download-dialog .dialog-bar button{color:#243b2f}#asset-dialog .dialog-bar{top:0}

.asset-browse{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px}.asset-browse button{font:inherit;min-height:44px;padding:8px 4px;color:#36533c;background:none;border:0}

/* Picture inspection borrowed from the colleague preview, using existing public previews. */
.asset-inspect{margin:14px 0;min-height:44px}.asset-custom{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.asset-custom h3{font-size:20px;line-height:30px}.asset-custom p{margin:12px 0}.asset-custom .text-link{min-height:44px}
#asset-quality-dialog{width:min(1100px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;background:var(--paper)}.asset-quality-tools{padding:16px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.asset-quality-tools>div{display:flex;gap:8px}.asset-quality-tools button{min-width:64px;min-height:44px;border:1px solid var(--line);background:transparent;padding:8px 16px;border-radius:4px;color:var(--ink)}.asset-quality-tools button[aria-pressed=true]{background:var(--green);color:#fff}.asset-quality-viewport{height:min(58dvh,620px);overflow:auto;background:#dde2d8;padding:16px;cursor:grab;overscroll-behavior:contain}.asset-quality-viewport.dragging{cursor:grabbing;user-select:none}.asset-quality-viewport img{max-width:none;object-fit:contain;margin:auto;pointer-events:none}.asset-quality-viewport:focus-visible{outline:3px solid #ad8c4c;outline-offset:-3px}#asset-quality-note{padding:18px 24px;color:var(--muted)}.library-empty .text-link{margin-top:16px}
@media(max-width:767px){#asset-quality-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.asset-quality-tools{padding:12px 16px;gap:12px}.asset-quality-viewport{height:48dvh}#asset-quality-note{padding:16px}.asset-quality-tools button{padding:8px 12px}}

#asset-quality-dialog{color:var(--ink)}#asset-quality-dialog .dialog-bar{border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink)}#asset-quality-dialog .dialog-bar button{color:var(--ink);border-color:#bbc6b4;min-height:44px;background:transparent}

/* The category directory covers the public catalogue; featured images are previews. */
.library-summary{font-size:15px;line-height:26px;margin-top:18px;color:var(--green)}
.library-notice{margin:20px 0;padding:14px 18px;border:1px solid #c3ccb7;border-radius:4px;background:#edf2e6;color:var(--green);font-size:14px;line-height:25px}
.library-directory{margin-bottom:34px}.library-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.library-directory-heading h3{font-size:21px;line-height:31px;font-weight:500}.library-directory-heading p{font-size:13px;line-height:24px;margin-top:8px}.library-directory-heading>button{min-height:44px;white-space:nowrap}.library-directory-heading>button[aria-pressed=true]{color:var(--green)}
.library-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.library-category-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;text-align:left;min-width:0;min-height:112px;padding:10px;border:1px solid var(--line);border-radius:5px;background:#fffefb;color:var(--ink)}.library-category-card img{width:48px;height:86px;object-fit:contain;background:#e7eadf;border-radius:2px}.library-category-card strong{display:block;font-size:14px;line-height:24px;font-weight:500;overflow-wrap:anywhere}.library-category-card small{display:block;font-size:12px;line-height:21px;color:var(--muted);margin-top:5px}.library-category-card:hover{border-color:#8c9e85;background:#f0f4e9}.library-category-card[aria-pressed=true]{border-color:var(--green);background:#e5edde;box-shadow:inset 0 0 0 1px var(--green)}
.library-results button{min-height:44px}.library-display-options{display:flex;gap:20px 28px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.library-display-options label{display:flex;gap:12px;align-items:center;font-size:13px;line-height:24px}.library-display-options select{font:inherit;min-height:44px;min-width:106px;padding:8px 10px;border:1px solid #bac6b3;border-radius:4px;background:#fffefb;color:var(--ink)}.library-display-options .text-button{min-height:44px;font-size:13px}.library-display-options>.caption{margin-left:auto;color:var(--muted)}
#asset-grid{scroll-margin-top:164px}#asset-grid:focus-visible{outline:2px solid #a7b69b;outline-offset:8px}
.library-pagination{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}.library-page-buttons{display:flex;align-items:center;gap:12px;min-width:0}.library-page-buttons>button,.library-page-jump button,#asset-page-numbers button{min-height:44px;border:1px solid #bac6b3;border-radius:4px;background:#fffefb;color:var(--green);font-size:13px;line-height:22px;padding:10px 14px}.library-page-buttons>button{white-space:nowrap}#asset-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}#asset-page-numbers button{min-width:44px;padding-inline:8px}#asset-page-numbers button[aria-current=page]{background:var(--green);border-color:var(--green);color:white}#asset-page-numbers>span{font-size:14px;color:var(--muted);min-width:16px;text-align:center}.library-page-jump{display:flex;align-items:center;gap:10px;flex-shrink:0}.library-page-jump label{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.library-page-jump input{width:62px;min-height:44px;border:1px solid #bac6b3;border-radius:4px;background:#fffefb;padding:8px;color:var(--ink);font-size:14px}.library-pagination button:hover:not(:disabled){border-color:#657e5b;background:#edf2e6}.library-pagination button[aria-current=page]:hover{background:var(--green)}
@media(max-width:1100px){.library-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-pagination{flex-direction:column;align-items:stretch}.library-page-buttons{justify-content:center}.library-page-jump{justify-content:center}}
@media(max-width:767px){.library-summary{font-size:14px;line-height:24px;margin-top:14px}.library-directory{margin-bottom:26px}.library-directory-heading{align-items:start;gap:16px}.library-directory-heading h3{font-size:18px;line-height:28px}.library-directory-heading p{font-size:12px;line-height:22px}.library-directory-heading>button{font-size:12px}.library-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-category-card{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:9px;min-height:98px}.library-category-card img{width:44px;height:79px}.library-category-card strong{font-size:13px;line-height:22px}.library-category-card small{font-size:11px;line-height:20px;margin-top:4px}.library-display-options{gap:12px 18px;margin-bottom:20px}.library-display-options>.caption{width:100%;margin:0}.library-display-options label{font-size:12px;gap:9px}.library-display-options .text-button{font-size:12px}.library-pagination{gap:18px;margin-top:26px;padding-top:22px}.library-page-buttons{flex-wrap:wrap;gap:12px}.library-page-buttons>button{flex:1 1 40%;order:0}#asset-page-numbers{order:1;flex-basis:100%;gap:5px}.library-page-jump{justify-content:center}#asset-grid{scroll-margin-top:148px}}

