:root{--sl-band-rule:#978e87;--sl-paper:#f5f3f2;--sl-control-border:#6d665f;--sl-ink:#322f2c;--sl-band:#322f2c;--sl-wash:#d8d6d4;--sl-band-action:#c29c7a;--sl-on-action:#f5f3f2;--sl-band-ink:#f5f3f2;--sl-pencil:#4a4540;--sl-panel:#e7e5e4;--sl-action:#7a4f29}
:root[data-theme="dark"]{--sl-band-rule:#978e87;--sl-paper:#1d1b19;--sl-control-border:#978e87;--sl-ink:#e6e4e3;--sl-band:#353331;--sl-wash:#353331;--sl-band-action:#c29c7a;--sl-on-action:#1d1b19;--sl-band-ink:#e6e4e3;--sl-pencil:#cbc7c3;--sl-panel:#2a2726;--sl-action:#c29c7a}
@font-face{scroll-margin-inline-start:37px;unicode-range:U+0000-00FF;font-weight:700;font-display:swap;src:url(/fonts/playfairdisplay.woff2) format("woff2");font-family:"Playfair Display"}
@font-face{scroll-margin-inline-start:37px;unicode-range:U+0000-00FF;font-weight:400;font-display:swap;src:url(/fonts/mulish.woff2) format("woff2");font-family:"Mulish"}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-margin-inline-start:37px;background:var(--sl-paper);scroll-padding-top:16px}
body{line-height:1.65;scroll-margin-inline-start:37px;color:var(--sl-ink);font-size:18px;background:var(--sl-paper);margin:0;overflow-wrap:anywhere;font-weight:400;font-family:"Mulish",sans-serif}
h1,h2,h3{line-height:1.2;scroll-margin-inline-start:37px;color:var(--sl-ink);margin:0;font-weight:700;font-family:"Playfair Display",serif}
h1{font-size:56px;text-wrap:balance}
h2{font-size:26px}
h3{font-size:20px}
p,ul,ol,dl{margin:0}
a{scroll-margin-inline-start:37px;color:var(--sl-action);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:3px}
a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sl-action);outline-offset:3px}
main:focus{outline:none}
time{white-space:nowrap}
strong{font-weight:700}

/* skip link */
.sl-pass{position:absolute;border-radius:6px;z-index:5;scroll-margin-inline-start:37px;color:var(--sl-action);background:var(--sl-paper);left:12px;padding:10px 16px;font-weight:700;top:-100px}
.sl-pass:focus{top:12px}

/* awning header: a coloured top edge, the name between two strokes, a plain row of links */
.sl-awning{scroll-margin-inline-start:37px;background:var(--sl-panel);padding:32px;border-top:8px solid var(--sl-action)}
.sl-awning-row{gap:4px 32px;align-items:center;display:flex;max-width:1184px;scroll-margin-inline-start:37px;margin:0 auto;flex-wrap:wrap;padding:0;justify-content:space-between}
.sl-signboard{line-height:1.2;gap:12px;align-items:center;display:inline-flex;scroll-margin-inline-start:37px;color:var(--sl-ink);font-size:26px;text-decoration:none;padding:6px 0;font-weight:700;font-family:"Playfair Display",serif}
.sl-signboard::before,.sl-signboard::after{display:block;scroll-margin-inline-start:37px;border-left:4px solid var(--sl-control-border);height:28px;width:0;content:""}
.sl-lanes{gap:0 28px;display:flex;scroll-margin-inline-start:37px;flex-wrap:wrap}
.sl-lane{align-items:center;display:inline-flex;scroll-margin-inline-start:37px;color:var(--sl-ink);font-size:15px;text-decoration:none;min-height:44px}
.sl-lane:hover{text-decoration:underline}
.sl-lane[aria-current=page]{scroll-margin-inline-start:37px;text-underline-offset:6px;text-decoration:underline;font-weight:700;text-decoration-thickness:2px}

/* page frame */
.sl-floor{gap:64px;display:grid;max-width:1184px;scroll-margin-inline-start:37px;background:var(--sl-paper);margin:0 auto;padding:48px 32px 80px}
.sl-floor>*{min-width:0;margin:0}
.sl-sample-flag{border-radius:6px;scroll-margin-inline-start:37px;background:var(--sl-panel);padding:12px 16px}
.sl-bay-note{line-height:1.5;max-width:48ch;scroll-margin-inline-start:37px;font-size:20px}
.sl-doorway{margin:0}
.sl-enter{align-items:center;display:inline-flex;border-radius:6px;scroll-margin-inline-start:37px;color:var(--sl-on-action);background:var(--sl-action);text-decoration:none;padding:8px 32px;font-weight:700;min-height:48px}
.sl-enter:hover{text-decoration:underline;text-decoration-thickness:2px}
.sl-hops{gap:0 24px;display:flex;scroll-margin-inline-start:37px;flex-wrap:wrap}
.sl-hop{align-items:center;display:inline-flex;scroll-margin-inline-start:37px;min-height:44px}

/* home: the display window */
.sl-window{gap:20px;position:relative;display:grid;scroll-margin-inline-start:37px;justify-items:start;padding:8px 0 0 28px}
.sl-window::before{position:absolute;scroll-margin-inline-start:37px;left:0;border-left:6px solid var(--sl-control-border);bottom:4px;top:14px;content:""}
.sl-window h1{max-width:13ch}
.sl-display{gap:40px;align-items:start;display:grid;scroll-margin-inline-start:37px;grid-template-columns:minmax(0,5fr) minmax(0,3fr)}
.sl-featured{gap:12px;display:grid}
.sl-featured-title{font-size:26px}
.sl-featured-title a{color:var(--sl-ink)}
.sl-featured-line{max-width:56ch}
.sl-expect{gap:16px;display:grid}
.sl-expect-row{gap:2px;display:grid}
.sl-expect dt{font-weight:700}
.sl-expect dd{margin:0}
.sl-pane{gap:16px;display:grid;scroll-margin-inline-start:37px;border-left:1px solid var(--sl-control-border);padding-left:32px}
.sl-pane h2{font-size:20px}
.sl-asks{gap:14px;display:grid;scroll-margin-inline-start:37px;padding:0;list-style:none}
.sl-item-meta{color:var(--sl-pencil);font-size:15px}

/* home: the reorder strip, the only tinted block on the page */
.sl-reorder{gap:12px 48px;display:grid;border-radius:6px;scroll-margin-inline-start:37px;background:var(--sl-panel);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:40px}
.sl-reorder h2,.sl-formula,.sl-reorder-note{grid-column:1/-1}
.sl-formula{line-height:1.3;scroll-margin-inline-start:37px;font-size:26px;font-weight:700;font-family:"Playfair Display",serif}
.sl-reorder-lead{grid-column:1/-1;max-width:60ch}
.sl-terms{gap:24px;display:grid;grid-column:1/-1;scroll-margin-inline-start:37px;margin:12px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.sl-term dt{font-weight:700}
.sl-term dd{margin:0}
.sl-reorder-note{max-width:68ch;scroll-margin-inline-start:37px;color:var(--sl-pencil);font-size:15px}

/* home: four aisles */
.sl-aisles{gap:12px;display:grid}
.sl-aisles-lead{max-width:60ch;margin-bottom:12px}
.sl-aisle-row{gap:32px;display:grid;scroll-margin-inline-start:37px;grid-template-columns:repeat(3,minmax(0,1fr))}
.sl-aisle{gap:8px;position:relative;display:grid;scroll-margin-inline-start:37px;padding-top:20px;align-content:start}
.sl-aisle::before{position:absolute;scroll-margin-inline-start:37px;left:0;right:0;border-top:4px solid var(--sl-control-border);top:0;content:""}
.sl-aisle-name{font-size:20px}
.sl-aisle-name a{align-items:center;display:inline-flex;scroll-margin-inline-start:37px;min-height:44px}
.sl-aisle p{font-size:18px}

/* lists of guides */
.sl-recent,.sl-onward{gap:20px;display:grid}
.sl-item{gap:4px;display:grid;max-width:72ch;scroll-margin-inline-start:37px}
.sl-item-title{font-size:20px}
.sl-item-title a{color:var(--sl-ink)}
.sl-item-line{color:var(--sl-ink)}
.sl-item-topic{color:var(--sl-action)}

/* home: how a guide gets onto the shelf */
.sl-receiving{gap:40px;display:grid;border-radius:6px;scroll-margin-inline-start:37px;background:var(--sl-wash);grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding:40px}
.sl-receiving-main{gap:16px;display:grid}
.sl-dock{gap:10px;display:grid;scroll-margin-inline-start:37px;padding-left:24px}
.sl-receiving-side{gap:8px;display:grid;scroll-margin-inline-start:37px;align-content:start}

/* home: readers and limits */
.sl-readers{gap:20px;display:grid}
.sl-readers-cols{gap:32px;display:grid;scroll-margin-inline-start:37px;grid-template-columns:repeat(2,minmax(0,1fr))}
.sl-readers-cols>div{gap:8px;display:grid;scroll-margin-inline-start:37px;align-content:start}
.sl-readers ul{gap:6px;display:grid;scroll-margin-inline-start:37px;padding-left:22px}
.sl-limits{max-width:72ch;scroll-margin-inline-start:37px;color:var(--sl-pencil);font-size:15px}
.sl-closing{gap:8px;display:grid;max-width:64ch;scroll-margin-inline-start:37px}

/* listing pages */
.sl-aisle-head,.sl-pagehead{gap:16px;display:grid;scroll-margin-inline-start:37px;justify-items:start}
.sl-aisle-head h1,.sl-pagehead h1{max-width:18ch}
.sl-aisle-intro{max-width:64ch}
.sl-picks{gap:0 24px;display:flex;scroll-margin-inline-start:37px;flex-wrap:wrap}
.sl-pick{align-items:center;display:inline-flex;scroll-margin-inline-start:37px;min-height:44px}
.sl-pick[aria-current=page]{font-weight:700}
.sl-shelfboard{gap:24px;display:grid;border-radius:6px;scroll-margin-inline-start:37px;background:var(--sl-panel);padding:40px}
.sl-trail{gap:0 8px;align-items:center;display:flex;scroll-margin-inline-start:37px;font-size:15px;flex-wrap:wrap}
.sl-trail-step{align-items:center;display:inline-flex;scroll-margin-inline-start:37px;min-height:44px}
.sl-trail-gap,.sl-trail-here{color:var(--sl-pencil);font-size:15px}

/* policy and about pages */
.sl-revised{color:var(--sl-pencil);font-size:15px}
.sl-sheets{gap:32px;display:grid;max-width:900px;scroll-margin-inline-start:37px}
.sl-sheet{gap:8px 40px;align-items:baseline;display:grid;scroll-margin-inline-start:37px;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.sl-sheet-head{font-size:20px}
.sl-prose{gap:20px;display:grid;max-width:66ch;scroll-margin-inline-start:37px}
.sl-nextdoor{gap:12px;display:grid;border-radius:6px;scroll-margin-inline-start:37px;background:var(--sl-panel);padding:40px}

/* article */
.sl-headline{max-width:22ch}
.sl-strip{gap:32px;display:grid;border-radius:6px;scroll-margin-inline-start:37px;background:var(--sl-panel);grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding:32px}
.sl-facts{gap:16px 24px;display:grid;scroll-margin-inline-start:37px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.sl-fact{gap:0;display:grid}
.sl-fact dt{color:var(--sl-pencil);font-size:15px}
.sl-fact dd{margin:0}
.sl-aibox{gap:8px;display:grid;scroll-margin-inline-start:37px;align-content:start}
.sl-aibox h2{font-size:20px}
.sl-aibox p{font-size:15px}
.sl-reading{gap:32px;display:grid;max-width:704px;scroll-margin-inline-start:37px}
.sl-contents{gap:8px;position:relative;display:grid;scroll-margin-inline-start:37px;padding-top:16px}
.sl-contents::before{position:absolute;scroll-margin-inline-start:37px;left:0;right:0;border-top:4px solid var(--sl-control-border);top:0;content:""}
.sl-contents h2{font-size:20px}
.sl-contents ol{gap:4px;display:grid;scroll-margin-inline-start:37px;padding-left:24px}
.sl-column{gap:20px;display:grid;scroll-margin-inline-start:37px;min-width:0}
.sl-column>*{margin:0}
.sl-column h2{margin-top:20px}
.sl-column h3{margin-top:8px}
.sl-part{gap:16px;display:grid}
.sl-part>*{margin:0}
.sl-part h2{margin-top:12px}
.sl-column ul,.sl-column ol{gap:8px;display:grid;scroll-margin-inline-start:37px;padding-left:24px}
.sl-column li>*{margin:0}
.sl-column blockquote{margin:0;padding-left:20px}
.sl-column code{scroll-margin-inline-start:37px;font-size:15px;overflow-wrap:anywhere;font-family:monospace}
.sl-column pre{overflow-x:auto;scroll-margin-inline-start:37px;font-size:15px;margin:0}
.sl-scrollbox{overflow-x:auto}
.sl-scrollbox table{border-collapse:collapse;scroll-margin-inline-start:37px;font-size:15px;width:100%}
.sl-scrollbox th,.sl-scrollbox td{scroll-margin-inline-start:37px;padding:8px 12px;vertical-align:top;text-align:left}
.sl-scrollbox th{white-space:nowrap;font-weight:700}
.sl-cites{gap:8px;display:grid}
.sl-cites h2{margin-top:12px}
.sl-cites ul{gap:6px;display:grid;scroll-margin-inline-start:37px;padding-left:24px}
.sl-onward{max-width:704px}

/* back-room footer: the one dark band */
.sl-backroom{gap:32px;display:grid;scroll-margin-inline-start:37px;color:var(--sl-band-ink);background:var(--sl-band);padding:48px 32px}
.sl-backroom-grid{gap:32px;display:grid;max-width:1184px;scroll-margin-inline-start:37px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.sl-backroom-note{max-width:1184px;scroll-margin-inline-start:37px;font-size:15px;margin:0 auto;width:100%}
.sl-shelf{gap:0;display:grid;scroll-margin-inline-start:37px;align-content:start}
.sl-shelf-head{margin-bottom:8px;scroll-margin-inline-start:37px;color:var(--sl-band-ink);font-size:20px}
.sl-shelf-link{align-items:center;display:inline-flex;scroll-margin-inline-start:37px;color:var(--sl-band-ink);font-size:15px;min-height:44px}
.sl-backroom-note a{color:var(--sl-band-ink)}
.sl-backroom a:focus-visible{outline:3px solid var(--sl-band-action);outline-offset:3px}

/* tablet */
@media (max-width:1023px){
h1{font-size:40px}
.sl-display{grid-template-columns:minmax(0,1fr)}
.sl-pane{scroll-margin-inline-start:37px;border-left:0;padding-top:20px;padding-left:0}
.sl-aisle-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.sl-receiving{grid-template-columns:minmax(0,1fr)}
.sl-strip{grid-template-columns:minmax(0,1fr)}
.sl-terms{grid-template-columns:minmax(0,1fr)}
.sl-reorder{grid-template-columns:minmax(0,1fr)}
.sl-floor{padding:40px 24px 64px}
.sl-awning{padding:24px}
}

/* phone */
@media (max-width:767px){
h1{font-size:36px}
.sl-floor{gap:48px;padding:32px 20px 56px}
.sl-awning{padding:16px}
.sl-lanes{gap:0 20px}
.sl-aisle-row{grid-template-columns:minmax(0,1fr)}
.sl-readers-cols{grid-template-columns:minmax(0,1fr)}
.sl-sheet{grid-template-columns:minmax(0,1fr)}
.sl-facts{grid-template-columns:minmax(0,1fr)}
.sl-reorder,.sl-receiving,.sl-shelfboard,.sl-nextdoor,.sl-strip{padding:24px}
.sl-backroom{padding:40px 20px}
.sl-backroom-grid{grid-template-columns:minmax(0,1fr)}
.sl-enter{padding:8px 24px}
}