body.layout-library{--paper:#f5f3ec;--ink:#272e29;--muted:#5a6258;--line:#d0d3c7;--accent:#5e392f;background:var(--paper)}.layout-library>header{padding:22px 4vw;background:var(--paper)}.layout-library>header nav{flex-wrap:wrap;gap:12px 24px}.layout-library>header nav a{display:inline-flex;align-items:center;min-height:44px}.layout-library>main{max-width:1480px;padding:30px 4vw 60px}.layout-library .library-intro{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:70px;align-items:end;padding:28px 0 42px}.library-intro h1{font:500 clamp(48px,6.2vw,92px)/.96 Newsreader,Georgia,serif;letter-spacing:-.045em;max-width:850px;margin:18px 0 24px;text-wrap:balance}.library-intro>div>p:last-child{font-size:16px;line-height:1.7;max-width:59ch;color:var(--muted)}.library-intro .eyebrow{color:var(--accent);font-size:11px;letter-spacing:.16em}.library-intro aside{padding-bottom:4px;border-top:1px solid var(--line);padding-top:18px}.library-intro aside p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 16px}.library-intro aside strong{display:block;color:var(--ink);font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin-bottom:7px}.library-intro aside>span{font-size:12px;line-height:1.6;color:var(--muted)}.library-modes{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:24px}.library-modes button{border:0;border-bottom:3px solid transparent;background:transparent;min-height:54px;padding:10px 0;font-size:15px;color:var(--muted)}.library-modes button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:700}.ws-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:22px 0}.ws-toolbar>p{font-size:12px;color:var(--muted);margin:0}.ws-kind-controls{display:flex;gap:8px;flex-wrap:wrap}.ws-kind-controls button{display:flex;align-items:center;gap:18px;min-height:46px;border:1px solid var(--line);background:transparent;padding:10px 16px;border-radius:6px;font-size:14px}.ws-kind-controls button>span{font-size:11px;opacity:.75}.ws-kind-controls button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.ws-colour-bar{padding:20px 0 24px;border-bottom:1px solid var(--line)}.ws-colour-bar>span{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.ws-palette-controls{display:flex;flex-wrap:wrap;gap:8px}.ws-palette-controls button{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:transparent;border-radius:5px;font-size:12px;text-align:left}.ws-palette-controls button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#ffffff75}.ws-chip-colours{display:flex;flex-shrink:0}.ws-chip-colours i{display:block;width:13px;height:21px;border:1px solid #0002}.ws-chip-colours i:first-child{border-radius:4px 0 0 4px}.ws-chip-colours i:last-child{border-radius:0 4px 4px 0}.ws-collection-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin:34px 0 24px}.ws-collection-heading .eyebrow{font-size:10px;margin:0 0 8px}.ws-collection-heading h2{font:500 43px/1 Newsreader,Georgia,serif;letter-spacing:-.03em;margin:0}.ws-collection-heading>p{max-width:50ch;font-size:13px;line-height:1.6;color:var(--muted);margin:0}.ws-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.ws-grid--layouts{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-design{min-width:0}.ws-thumb{height:340px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#e9e8df;position:relative}.ws-thumb>.ds-sample{min-height:100%;padding:22px}.ws-thumb h3{font-size:33px}.ws-thumb .ds-card figure{height:180px}.ws-thumb .ds-card--arch figure{height:195px}.ws-thumb .ds-card--frame figure,.ws-thumb .ds-card--ticket figure,.ws-thumb .ds-card--offset figure{height:150px}.ws-thumb .ds-card--cover{min-height:300px}.ws-thumb .ds-card--cover figure{height:100%}.ws-thumb .ds-card--cover .ds-card-copy{margin-top:100px;padding:18px}.ws-thumb .ds-card--ticket::before,.ws-thumb .ds-card--ticket::after{top:173px}.ws-thumb .ds-card-copy{padding-top:16px}.ws-thumb .ds-card-copy>p{font-size:12px;margin:8px 0 10px}.ws-thumb .ds-kicker{font-size:9px;margin-bottom:9px}.ws-thumb .ds-action-label{font-size:11px}.ws-thumb .ds-divider-before,.ws-thumb .ds-divider-after{padding:23px 14px}.ws-thumb--layouts{height:365px}.ws-thumb--layouts>.ds-sample{width:760px;min-height:0;transform:scale(var(--thumb-scale,.65));transform-origin:0 0;pointer-events:none}.ws-thumb--layouts h3{font-size:48px}.ws-item-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin:15px 0 10px;text-transform:uppercase;letter-spacing:.06em}.ws-design>h3{font:500 28px/1.1 Newsreader,Georgia,serif;margin:0 0 8px;letter-spacing:-.02em}.ws-design>p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 10px;max-width:48ch}.ws-open{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--line);font-size:13px;font-weight:650;background:transparent;text-align:left}.ws-swatches{display:flex;height:28px;margin:14px 0}.ws-swatches>span{flex:1;border:1px solid #0001}.ws-notes{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;margin-top:60px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ws-notes h2{font:500 34px/1.1 Newsreader,Georgia,serif;margin:0 0 18px}.ws-notes h3{font-size:16px;margin:0 0 16px}.ws-notes p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 12px}.ws-notes a,.ws-photo-credits a{font-size:13px}.ws-reference-links{display:flex;gap:12px 24px;flex-wrap:wrap}.ws-reference-links a{min-height:44px;display:inline-flex;align-items:center}.ws-photo-credits{font-size:13px;margin-top:18px;max-width:90ch}.ws-photo-credits summary{min-height:44px;padding:12px 0;cursor:pointer}.ws-photo-credits p{color:var(--muted);line-height:1.7}
.workshop-dialog{width:min(1480px,calc(100% - 40px));max-height:94dvh;background:var(--paper);border-radius:8px}.ws-dialog-bar{position:sticky;top:0;z-index:5;background:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line)}.ws-dialog-bar p{font-size:11px;color:var(--muted);margin:0 0 4px}.ws-dialog-bar h2{font:500 30px/1.1 Newsreader,Georgia,serif;margin:0}.ws-dialog-bar button{min-height:44px;min-width:74px;padding:10px 12px;background:transparent;border:1px solid var(--line);border-radius:5px;font-size:13px}.ws-dialog-body{padding:24px}.ws-preview-controls{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.ws-size-controls{display:flex;gap:8px}.ws-size-controls button{min-height:44px;border:1px solid var(--line);padding:8px 14px;background:transparent;border-radius:5px;font-size:13px}.ws-size-controls button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.ws-preview-controls p{font-size:12px;color:var(--muted);margin:0}.ws-modal-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.ws-preview-surround{padding:14px;background:#dedfd5;min-width:0;border-radius:5px}#workshop-preview{max-width:100%;margin:auto}#workshop-preview.ws-narrow{width:390px}.ws-modal-layout>aside{min-width:0}.ws-modal-layout>aside h3{font-size:15px;margin:0 0 10px}.ws-modal-layout>aside>section{margin-bottom:25px}.ws-modal-layout>aside p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}.ws-modal-layout .ws-palette-controls{display:grid;grid-template-columns:1fr;margin:12px 0 28px}.ws-modal-layout .ws-palette-controls button{font-size:13px}.ws-export-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.ws-export-controls button{min-height:44px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:5px;padding:10px 13px;font-size:13px}.ws-export-controls button:last-child{background:transparent;color:var(--ink)}.ws-export-controls button:disabled{opacity:.6;cursor:wait}#workshop-export-status{margin:14px 0;font-size:12px;line-height:1.65;min-height:58px}#workshop-code{font:12px/1.5 Consolas,monospace;max-width:100%;min-height:160px}#divider-depth-control{font-size:13px;margin-bottom:24px}#divider-depth{display:block;width:100%;min-height:44px;accent-color:var(--accent)}#divider-depth-value{font-size:12px;color:var(--muted)}.ws-colour-values{font-size:12px}.ws-colour-values>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.ws-colour-values dt{text-transform:capitalize}.ws-colour-values dd{display:flex;align-items:center;gap:9px;margin:0;font-family:Consolas,monospace}.ws-colour-values i{display:block;width:16px;height:16px;border:1px solid #0003}#workshop-use-colours{min-height:44px;padding:8px 13px;background:transparent;border:1px solid var(--ink);border-radius:5px;font-size:13px;margin-bottom:16px}
@media(max-width:1100px){.layout-library .library-intro{grid-template-columns:minmax(0,1fr) 230px;gap:40px}.ws-toolbar{display:block}.ws-toolbar>p{margin-top:15px}.ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-modal-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.ws-notes{gap:35px}.library-intro h1{font-size:68px}}
@media(max-width:700px){.layout-library>header{align-items:flex-start;gap:12px;flex-direction:column;padding:12px 20px}.layout-library>header nav{gap:4px 18px;font-size:12px}.layout-library>main{padding:20px 18px 40px}.layout-library .library-intro{display:block;padding:12px 0 28px}.library-intro h1{font-size:54px;line-height:1;margin:14px 0 18px}.library-intro aside{margin-top:24px;display:flex;gap:22px;align-items:center}.library-intro aside p{margin:0;font-size:11px}.library-intro aside strong{font-size:22px}.library-intro aside>span{font-size:11px}.library-intro>div>p:last-child{font-size:14px}.library-modes{gap:22px;display:grid;grid-template-columns:1fr 1fr}.library-modes button{font-size:13px;text-align:left;line-height:1.5;min-height:58px}.ws-kind-controls{display:grid;grid-template-columns:1fr 1fr}.ws-kind-controls button{justify-content:space-between;padding:10px 13px}.ws-colour-bar .ws-palette-controls{display:grid;grid-template-columns:1fr 1fr}.ws-palette-controls button{font-size:11px;padding:8px;gap:7px}.ws-chip-colours i{width:10px;height:18px}.ws-collection-heading{display:block;margin:28px 0 20px}.ws-collection-heading h2{font-size:38px}.ws-collection-heading>p{margin-top:12px}.ws-grid,.ws-grid--layouts{grid-template-columns:1fr;gap:30px}.ws-thumb{height:335px}.ws-thumb--layouts{height:330px}.ws-notes{grid-template-columns:1fr;gap:26px;margin-top:40px}.workshop-dialog{width:calc(100% - 16px);max-height:96dvh}.ws-dialog-bar{padding:12px 16px}.ws-dialog-bar h2{font-size:25px}.ws-dialog-body{padding:16px}.ws-preview-controls{gap:10px}.ws-modal-layout{grid-template-columns:1fr}.ws-preview-surround{padding:8px}.ws-modal-layout .ws-palette-controls{grid-template-columns:1fr 1fr}.ws-modal-layout .ws-palette-controls button{font-size:11px}.ws-modal-layout>aside{border-top:1px solid var(--line);padding-top:24px}.ws-modal-layout .ws-palette-controls{margin-bottom:24px}.ws-dialog-bar button{min-width:68px}.ws-item-meta{font-size:10px}}

/* Keep the browsing controls and previews close together. */
.layout-library .library-intro{padding:6px 0 24px;gap:48px}.library-intro h1{font-size:clamp(44px,4.7vw,68px);line-height:1;margin:12px 0 16px}.library-intro>div>p:last-child{font-size:14px}.library-intro aside strong{font-size:25px}.library-intro aside p{margin-bottom:10px}.library-modes{margin-bottom:16px}.ws-toolbar{margin:16px 0}.ws-colour-bar{padding:0 0 16px}.ws-colour-toggle{display:flex;gap:12px;align-items:center;min-height:44px;background:transparent;border:0;font-size:12px;color:var(--muted);padding:4px 0}.ws-colour-toggle strong{font-weight:500;color:var(--ink)}.ws-colour-toggle>span{font-size:18px;margin-left:5px}.ws-collection-heading{margin:24px 0 20px}.ws-collection-heading h2{font-size:38px}@media(max-width:700px){.layout-library .library-intro{padding:4px 0 20px}.library-intro h1{font-size:44px}.library-intro aside{display:none}.library-intro .eyebrow{font-size:9px}.library-intro>div>p:last-child{font-size:13px}.ws-colour-toggle{width:100%;justify-content:space-between;font-size:11px}.ws-collection-heading>p{font-size:12px;margin-top:9px}.ws-collection-heading h2{font-size:34px}.ws-toolbar>p{display:none}.ws-palette-controls:not([hidden]){margin-top:8px}}

.layout-library .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ws-thumb .ds-card--split{grid-template-columns:1fr 1.2fr;gap:16px}.ws-thumb .ds-card--split figure{height:270px}.ws-thumb .ds-card--split .ds-card-copy{padding-top:0}.ws-thumb .ds-card--split h3{font-size:29px}