/* FC section 02 — the library. Light surface, one 3-up grid, the page's card-grid allowance.
   The product unit is the design system's BookCard, mounted from the bundle. This file adds
   only the section chrome and the routing-question band that sits above the cover, which is
   the one thing BookCard has no slot for. Body line-height 1.5 per the FC calibration. */
.lib{position:relative;background:var(--bg-page);padding:96px 0 104px}
.lib .rt-seam{background:var(--seam-color)}
.lib .s-num{position:absolute;left:0;top:96px;width:calc(var(--seam) - 32px);text-align:right;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1;color:rgba(15,26,46,.35)}
.lib .rt-seam-label{left:var(--seam);z-index:4;background:var(--bg-page);top:230px}
.lib-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px}
.lib-h{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(1.9rem,3.1vw,2.9rem);line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--color-navy)}
.lib-sub{margin:16px 0 0;max-width:66ch;font-size:16.5px;line-height:1.5;color:rgba(26,26,31,.74)}
.lib-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.lib-q{display:block;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fc-cyan);line-height:1.5}
.lib-num{font-family:var(--font-serif);font-size:15px;color:rgba(15,26,46,.4);line-height:1}
.lib-head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
/* No byline: this is the author's own site. BookCard renders the slot unconditionally, so the
   empty block is removed rather than left holding its margins. */
.lib-mount article>div>div:first-of-type{display:none}

/* A — carded. The wrapper carries the border and radius so the question band and BookCard
   read as one object; BookCard's own chrome is turned off through its style prop. */
.lib--a .lib-card{background:#fff;border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.lib--a .lib-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--fc-cyan)}
.lib--a .lib-head{padding:20px 24px;border-bottom:1px solid var(--color-rule);background:rgba(14,124,146,.05)}

/* B — catalogue. No card chrome. Each column opens on a cyan rule with the question under it. */
.lib--b .lib-grid{gap:36px}
.lib--b .lib-head{border-top:2px solid var(--fc-cyan);padding:14px 0 18px}

@media(max-width:1023px){.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lib .rt-seam-label{top:200px}}
@media(max-width:767px){.lib{padding:56px 0 64px}.lib-col{margin:0;padding:0 20px}.lib-grid{grid-template-columns:1fr;gap:22px}.lib .s-num{position:static;width:auto;text-align:left;padding:0 20px 6px}.lib .rt-seam-label{padding:0 20px 10px;top:auto}}