/* GENERATED by scratchpad/design-2026/build-weekly-page.py from public/design-2026/weekly-page/page.css: change the sheet and run it again, never this file. The Weekly's own page, W1, 8 November 2026. */
.wkp{--wkp-cvw:400px;--wkp-intro:28px;--wkp-gap:40px;--wkp-cols:3;--wkp-oat:#F5F1E9;--wkp-gold:#C08C3D;--wkp-olive:#6E6440;
  --wkp-soft:rgba(65,64,66,.74);font:400 17px/1.6 var(--serif);color:var(--ink)}
.wkp *,.wkp *::before,.wkp *::after{box-sizing:border-box}
:where(.wkp) :where(h1,h2,h3,p,figure,ol,ul){margin:0;padding:0}
:where(.wkp) :where(ol,ul){list-style:none}
:where(.wkp) a:where(:not(.btn)){color:inherit;text-decoration:none}
:where(.wkp) img{display:block;max-width:100%}
.wkp .band.wkp-oat:not(.stone):not(.forest){background:var(--wkp-oat)}
.wkp .band.wkp-stone:not(.stone):not(.forest){background:var(--stone)}
.wkp .band.wkp-paper:not(.stone):not(.forest){background:var(--paper)}
.wkp-link{text-decoration:underline!important;text-decoration-color:var(--wkp-gold)!important;text-decoration-thickness:1px!important;text-underline-offset:5px}
.wkp-c{text-align:center}
.wkp-col{max-width:680px;margin:0 auto}
.wkp-h{font-family:var(--face);font-weight:400;letter-spacing:-.005em;line-height:1.1}
.wkp-kind{font:italic 400 16px/1.4 var(--serif);color:var(--wkp-olive)}

/* ── Karla's cover, made with the week's photograph (her paper, her lettering, the photograph inset, her foot) ── */
.wkp-cv{position:relative;width:var(--wkp-cvw);max-width:100%;aspect-ratio:1455/1800;background:#F7F5EF url(/design-2026/mail/paper.jpg) center/cover;overflow:hidden;box-shadow:0 1px 2px rgba(57,41,22,.10),0 18px 40px -22px rgba(57,41,22,.45)}
.wkp-cv .wkp-cv-pic{position:absolute;left:15.6%;top:26.6%;width:73.2%;height:51.4%;object-fit:cover}
.wkp-cv .wkp-cv-mark{position:absolute;z-index:1;left:13.8%;top:16.2%;width:66.4%;height:auto}
.wkp-cv .wkp-cv-foot{position:absolute;left:15.3%;top:82%;width:29.5%;height:auto;mix-blend-mode:multiply}
.wkp-cv::after{content:"";position:absolute;inset:0;background:url(/design-2026/mail/paper.jpg) center/cover;mix-blend-mode:multiply;opacity:.35;pointer-events:none}

/* the field: one line and the house button, as every box on the site */
.wkp-form{display:flex;max-width:520px;margin:0 auto}
.wkp-form input{flex:1;min-width:0;height:50px;padding:0 16px;border:1px solid rgba(65,64,66,.32);border-right:0;background:#fff;font:400 16px var(--serif);color:var(--ink);border-radius:0;outline:none}
.wkp-form input::placeholder{color:rgba(65,64,66,.6)}
.wkp-form .btn{margin:0;flex:0 0 auto}
.wkp-said{max-width:520px;margin:14px auto 0;font:400 16px/1.55 var(--serif)}
.wkp-said b{font-weight:600}
.wkp-acts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;margin:14px 0 0}
.wkp-plain{padding:0;border:0;background:none;font:400 14.5px/1.4 var(--sans);color:var(--wkp-soft);text-decoration:underline;text-decoration-color:var(--wkp-gold);text-underline-offset:4px;cursor:pointer}
.wkp-small{font:400 15px/1.5 var(--serif);color:var(--wkp-soft)}
.wkp-pad{position:absolute;right:12px;bottom:12px;width:22px;height:auto}

/* ═════════ D1 · Karla's cover, every week ═════════ */
.wkp-first{min-height:calc(var(--wkp-vh,100vh) - var(--bar));display:flex;flex-direction:column;justify-content:center}
.wkp-first > .in{width:100%}
.wkp-d1 .wkp-open .wkp-cv{margin:0 auto}
.wkp-line{max-width:32ch;margin:30px auto 24px;font:400 20px/1.5 var(--serif)}
.wkp-intro{max-width:46ch;margin:0 auto;font:300 var(--wkp-intro)/1.52 var(--face);letter-spacing:-.001em}
.wkp-shelfh{margin:0 0 56px}
.wkp-shelf{display:grid;grid-template-columns:repeat(var(--wkp-cols),minmax(0,1fr));gap:56px var(--wkp-gap)}
.wkp-shelf.is-one{grid-template-columns:minmax(0,340px);justify-content:center}
.wkp-iss{display:block}
.wkp-iss .wkp-cv{width:100%}
.wkp-iss h3{margin:22px 0 6px;font-size:24px}
.wkp-iss p{font:400 16px/1.5 var(--serif);color:var(--wkp-soft)}
.wkp-shelf.is-one .wkp-iss{text-align:center}
.wkp-shelf.lead1 .wkp-iss:first-child{grid-column:1/-1;max-width:400px;margin:0 auto 24px;text-align:center}

/* the issue as a web page */
.wkp-ihead .wkp-cv{margin:0 auto;--wkp-cvw:300px}
.wkp-ihead h1{margin:34px 0 8px;font-size:min(clamp(34px,3.4vw,48px), 28px + (clamp(34px,3.4vw,48px) - 28px) * 0.6)}
.wkp-note{max-width:640px;margin:40px auto 0;font:400 18px/1.65 var(--serif)}
.wkp-note p + p{margin-top:16px}
.wkp-note a{text-decoration:underline;text-decoration-color:var(--wkp-gold);text-underline-offset:4px}
.wkp-toc{display:grid;grid-template-columns:1fr 1fr;gap:22px 56px;max-width:900px;margin:44px auto 0}
.wkp-toc a{display:block}
.wkp-toc .wkp-kind{display:block;font-size:15px}
.wkp-toc b{display:block;font:400 21px/1.3 var(--face)}
.wkp-toch{margin:64px 0 0;font-size:30px}
.wkp-fade{position:relative;max-height:9.6em;overflow:hidden}
.wkp-fade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5em;background:linear-gradient(rgba(255,255,247,0),var(--paper))}

.wkp-story h2{max-width:22ch;margin:0 auto;font-size:min(clamp(34px,3.6vw,52px), 28px + (clamp(34px,3.6vw,52px) - 28px) * 0.6)}
.wkp-story .wkp-dek{max-width:56ch;margin:18px auto 0;font:400 18px/1.6 var(--serif)}
.wkp-story figure{position:relative;max-width:1000px;margin:40px auto 0}
.wkp-story figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wkp-quote{max-width:30ch;margin:36px auto 0;font:italic 300 28px/1.4 var(--face)}
.wkp-quote + p{margin-top:10px}

.wkp-news{max-width:760px;margin:0 auto}
.wkp-news figure{position:relative;margin:0 0 20px}
.wkp-news figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wkp-news .wkp-lead h3{font-size:28px}
.wkp-news .wkp-lead p{margin-top:10px}
.wkp-news ol{margin-top:44px;counter-reset:n}
.wkp-news li{display:grid;grid-template-columns:44px 1fr;gap:0 10px;margin:0 0 22px;counter-increment:n}
.wkp-news li::before{content:counter(n);font:300 30px/1 var(--face);color:var(--wkp-gold)}
.wkp-news li a{font:400 19px/1.45 var(--serif)}
.wkp-news li .wkp-kind{display:block;font-size:15px;margin-top:4px}

.wkp-quiz{max-width:760px;margin:0 auto}
.wkp-quiz figure{position:relative;margin:0 0 26px}
.wkp-quiz figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wkp-q{margin:0 0 34px}
.wkp-q h3{font-size:26px}
.wkp-q h3 span{color:var(--wkp-gold);margin-right:10px}
.wkp-q details{margin-top:10px}
.wkp-q summary{display:inline;cursor:pointer;list-style:none;font:400 15px var(--sans);text-decoration:underline;text-decoration-color:var(--wkp-gold);text-underline-offset:4px}
.wkp-q summary::-webkit-details-marker{display:none}
.wkp-q details p{margin-top:10px}

.wkp-sech{margin:0 0 36px}
.wkp-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px var(--wkp-gap)}
.wkp-piece figure{position:relative}
.wkp-piece figure img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--stone)}
.wkp-piece h3{margin:18px 0 8px;font-size:23px;line-height:1.2}
.wkp-piece p{font:400 16px/1.55 var(--serif);color:var(--wkp-soft)}
.wkp-pieces.e2 .wkp-piece:first-child{grid-column:1/-1;display:block;max-width:none}
.wkp-pieces.e2 .wkp-piece:first-child figure img{aspect-ratio:21/9}
.wkp-pieces.e2 .wkp-piece:first-child h3{font-size:min(34px, 28px + (34px - 28px) * 0.6);max-width:24ch}
.wkp-pieces.e3{grid-template-columns:minmax(0,1fr);max-width:860px;gap:30px}
.wkp-pieces.e3 .wkp-piece{display:grid;grid-template-columns:200px 1fr;gap:0 28px;align-items:start}
.wkp-pieces.e3 .wkp-piece h3{margin-top:0}

.wkp-know{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--wkp-gap)}
.wkp-know h3{margin:6px 0 10px;font-size:23px;line-height:1.25}
.wkp-know p{font:400 16px/1.55 var(--serif)}

.wkp-book{max-width:760px;margin:0 auto}
.wkp-book .wkp-bkcv{width:180px;margin:0 auto;box-shadow:0 18px 30px -18px rgba(57,41,22,.5)}
.wkp-book h3{margin:28px 0 4px;font-size:min(38px, 28px + (38px - 28px) * 0.6)}
.wkp-book .wkp-sub{font:italic 400 19px/1.4 var(--serif)}
.wkp-book .wkp-by{margin-top:6px;font:400 15px var(--sans)}
.wkp-book .wkp-bkline{max-width:56ch;margin:18px auto 0}
.wkp-shop{margin:56px 0 0}
.wkp-shop figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wkp-shop p{margin-top:14px}

.wkp-ours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px var(--wkp-gap)}
.wkp-ours figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wkp-ours h3{margin:18px 0 6px;font-size:23px}
.wkp-ours p{font:400 16px/1.55 var(--serif);color:var(--wkp-soft)}
.wkp-ours .btn{margin-top:18px}

.wkp-gate{max-width:620px;margin:0 auto}
.wkp-gate h2{margin:0 0 12px}
.wkp-gate .wkp-small{margin:0 auto 26px;max-width:46ch}

.wkp-ask h2{margin:0 0 10px}
.wkp-ask .wkp-small{margin:0 auto 24px}
.wkp-onlist{font:400 18px/1.55 var(--serif)}
.wkp-onlist b{font-weight:600}
.wkp-top-note{max-width:640px;margin:0 auto 34px;font:italic 400 17px/1.55 var(--serif);color:var(--wkp-olive)}
.wkp-top-note b{font-style:normal;font-weight:600;color:var(--ink)}

/* ═════════ a phone ═════════ */
@media (max-width:700px){
  .wkp{--wkp-cvw:260px;--wkp-intro:22px}
  .wkp-line{font-size:18px;margin:24px auto 20px}
  .wkp-form{flex-direction:column}
  .wkp-form input{flex:0 0 auto;border-right:1px solid rgba(65,64,66,.32);margin-bottom:10px}
  .wkp-form .btn{width:100%}
  .wkp-shelf,.wkp-shelf.lead1{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 16px}
  .wkp-shelf.is-one{grid-template-columns:minmax(0,260px)}
  .wkp-iss h3{font-size:19px;margin-top:14px}
  .wkp-iss p{font-size:15px}
  .wkp-toc{grid-template-columns:1fr;gap:16px}
  .wkp-toc b{font-size:19px}
  .wkp-note{font-size:17px}
  .wkp-quote{font-size:23px}
  .wkp-pieces,.wkp-know,.wkp-ours{grid-template-columns:minmax(0,1fr);gap:40px}
  .wkp-pieces.e3 .wkp-piece{grid-template-columns:110px 1fr;gap:0 16px}
  .wkp-pieces.e3 .wkp-piece h3{font-size:19px}
  .wkp-pieces.e3 .wkp-piece p{display:none}
  .wkp-news li a{font-size:17px}
  .wkp-q h3{font-size:22px}
  .wkp-book h3{font-size:30px}
}
@media (prefers-reduced-motion:reduce){.wkp *{transition:none!important}}
/* the white padlock: a locked (members') piece keeps it, bottom right on its photograph */
.wkp figure img.wkp-pad{position:absolute;right:12px;bottom:12px;width:22px;height:auto;aspect-ratio:auto;object-fit:contain;background:none}
@media (max-width:700px){.wkp .wkp-open .wkp-cv,.wkp .wkp-ihead .wkp-cv{width:min(var(--wkp-cvw),270px)}}

/* after a press the reply takes the line's place under her cover */
.wkp-open .wkp-cv + .wkp-form,.wkp-open .wkp-cv + .wkp-onlist{margin-top:30px}

/* the film behind her cover (G, 8 November 2026; Jack: "maybe test a video playing in the background of the hero with an
   opacity too"): our own Loch Lubnaig, muted and looped, under a warm dark veil so her cover, the line and the box stay
   clear; the words on it white. A reader who asks for less motion, or a phone saving data, gets the still (the build) */
.wkp .band.wkp-film{position:relative;overflow:hidden;background:#24261C;color:#fff;--wkp-veil:.55}
.wkp-film > .wkp-film-v,.wkp-film > .wkp-film-p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.wkp-film::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(20,18,12,var(--wkp-veil));pointer-events:none}
.wkp-film > .in{position:relative;z-index:2}
.wkp-film .wkp-line,.wkp-film .wkp-onlist,.wkp-film .wkp-said,.wkp-film .wkp-onlist b{color:#fff}
.wkp-film .wkp-small{color:rgba(255,255,255,.88)}
.wkp-film .wkp-plain{color:#fff}
.wkp-film .wkp-form input{border-color:#fff}
.wkp-film .wkp-cv{box-shadow:0 2px 4px rgba(0,0,0,.18),0 26px 50px -24px rgba(0,0,0,.6)}
/* the house button on a dark ground, as _bar.css draws it on forest: a light outline that fills light when pressed */
.wkp .band.wkp-film .in .btn{--hover-bg:var(--shell);--hover-color:var(--forest);color:var(--shell)}