/* Editorial book panels, consistently applied to all ten resource shelves. */
#view-resources .spines{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;gap:32px;margin:48px 0 64px;align-items:start;padding-bottom:32px;border-bottom:1px solid var(--border-default);}
#view-resources .spine-col{gap:16px;min-width:0;}
#view-resources .spine-col.interrupted{transform:translateX(14px);}
#view-resources .spine{position:relative;box-sizing:border-box;min-height:340px;aspect-ratio:3/4;display:flex;align-items:flex-start;justify-content:flex-start;padding:36px 28px 72px;border:1px solid var(--border-strong);border-radius:2px 6px 6px 2px;background:var(--ink-900);color:var(--paper);box-shadow:inset 7px 0 0 var(--ink-700),0 1px 2px rgba(28,22,19,.08);}
#view-resources .spine-col:nth-child(2) .spine{background:var(--maroon-700);border-color:var(--maroon-700);box-shadow:inset 7px 0 0 var(--maroon-800),0 1px 2px rgba(28,22,19,.08);}
#view-resources .spine-col:nth-child(3) .spine{background:var(--ink-700);color:var(--text-primary);border-color:var(--border-default);box-shadow:inset 7px 0 0 var(--neutral-200),0 1px 2px rgba(28,22,19,.08);}
#view-resources .spine::after{content:"";position:absolute;left:28px;right:28px;bottom:36px;height:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.6;}
#view-resources .spine span{writing-mode:horizontal-tb;transform:none;text-align:left;font-family:var(--font-display);font-size:clamp(22px,2.5vw,34px);font-weight:800;line-height:1.1;letter-spacing:-.025em;max-height:none;overflow-wrap:break-word;}
#view-resources .spine-col .yr{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;}
@media(max-width:760px){#view-resources .spines{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));}#view-resources .spine{min-height:260px;padding:24px 20px 56px;}#view-resources .spine span{font-size:22px;}#view-resources .spine::after{left:20px;right:20px;bottom:28px;}#view-resources .spine-col.interrupted{transform:none;}}
@media(max-width:580px){#view-resources .spines{grid-template-columns:1fr;max-width:320px;gap:32px;}#view-resources .spine{min-height:300px;aspect-ratio:4/3;padding:32px 28px 72px;}#view-resources .spine span{font-size:30px;}#view-resources .spine::after{left:28px;right:28px;bottom:32px;}}
@media print{#view-resources .spine{background:var(--paper)!important;color:var(--ink-900)!important;box-shadow:none!important;border:1px solid var(--ink-900)!important;}}