/* workday-lessons (2026-10-05): the lessons as ruled index cards on a cork desk.
   Linked only from article-workday-lessons.html. Every rule is scoped to .wl-page.
   Opener: the headline, an index card box with its label, and the deck spread in a
   cascade so each card's top line reads like an index; the pre-mortem card sits in
   front. Below, each lesson is written on its own card (red top rule, muted navy
   lines), laid out on the desk in a loose composition of wide and narrow cards.
   Motion: the cards deal out of the box one at a time into the cascade. */

.wl-page{
  --wl-paper:#f7f5f0; --wl-card:#fdfcf8; --wl-ink:#16150f; --wl-ink2:#33312a; --wl-mut:#6b6660;
  --wl-navy:#16304F; --wl-deep:#0e1330; --wl-red:#e5322d; --wl-red2:#A93A3A; --wl-gold:#B8862F;
  --wl-cork:#d9c294; --wl-line:rgba(22,48,79,.26); --wl-redline:rgba(229,50,45,.78);
}
.wl-page ::selection{background:var(--wl-navy);color:var(--wl-paper);}
.wl-page a:focus-visible,.wl-page button:focus-visible{outline:2px solid var(--wl-navy);outline-offset:3px;}
.wl-page .art-rail{display:none !important;}

/* the desk: a cork mat made from the brand gold and paper */
.wl{
  background-color:var(--wl-cork);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .28 0 0 0 0 .09 0 0 0 2.2 -.92'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .97 0 0 0 0 .88 0 0 0 2.4 -1.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23a%29'/%3E%3Crect width='100%25' height='100%25' filter='url%28%23b%29'/%3E%3C/svg%3E");
  background-size:240px 240px;
}
.wl section{padding:0;}
.wl .wl-wrap{width:min(1240px,calc(100vw - 32px));margin:0 auto;}

/* the one small-caps label style: card tags */
.wl .wl-tag{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;color:var(--wl-ink2);}
.wl .wl-no{font-family:var(--sans);font-size:.86rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--wl-ink2);line-height:1.2;}

/* ---------- opener ---------- */
.wl .wl-hero{padding:clamp(1.6rem,4vw,3rem) 0 clamp(2.4rem,5vw,4rem);}
.wl .wl-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  grid-template-areas:"top top" "box deal" "text deal";column-gap:clamp(2rem,4.5vw,4.5rem);align-items:start;}
.wl .wl-top{grid-area:top;}
.wl .wl-boxcell{grid-area:box;padding-top:clamp(1.6rem,3vw,2.6rem);}
.wl .wl-text{grid-area:text;}
.wl .wl-dealcell{grid-area:deal;padding-top:clamp(1.6rem,3vw,2.6rem);container-type:inline-size;}
.wl .wl-hero .back-link{margin:0 0 1.4rem;color:var(--wl-ink2);}
.wl .wl-kicker{margin:0 0 .8rem;font-family:var(--sans);font-size:.9rem;font-weight:500;color:var(--wl-ink2);}
.wl .wl-hero h1{margin:0;max-width:22ch;font-size:clamp(2.5rem,5.8vw,4.7rem);line-height:1.02;letter-spacing:-.032em;font-weight:500;color:var(--wl-ink);}
.wl .wl-hero .article-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;margin-top:1.2rem;color:var(--wl-ink2);}
.wl .wl-hero .article-meta b{color:var(--wl-ink);}
.wl .wl-text .dek{margin:1.8rem 0 0;max-width:40ch;font-size:clamp(1.18rem,1.6vw,1.32rem);line-height:1.5;color:var(--wl-ink);}
.wl .wl-lede{margin:1.1rem 0 0;max-width:46ch;font-size:1.04rem;line-height:1.62;color:var(--wl-ink2);}

/* the card box, seen from the front */
.wl .wl-box{position:relative;width:min(330px,100%);height:178px;}
.wl .wl-box-back{position:absolute;left:5%;right:5%;top:22px;bottom:0;background:var(--wl-deep);border-radius:5px 5px 0 0 !important;}
.wl .wl-box-deck{position:absolute;left:10%;right:10%;top:0;height:120px;opacity:0;}
.wl .wl-box-deck i{position:absolute;left:0;right:0;top:calc(var(--j) * 4px);height:96px;background:var(--wl-card);
  border-top:1px solid rgba(22,21,15,.18);background-image:linear-gradient(to bottom,transparent 13px,var(--wl-redline) 13px 14.5px,transparent 14.5px);}
.wl .wl-box-front{position:absolute;left:0;right:0;bottom:0;height:112px;display:flex;align-items:center;justify-content:center;
  background:var(--wl-navy);border-radius:4px !important;
  box-shadow:inset 0 1px 0 rgba(247,245,240,.18),inset 0 -3px 0 rgba(14,19,48,.45),0 16px 28px -16px rgba(60,40,10,.7) !important;}
.wl .wl-box-label{display:block;padding:.38rem 1.1rem .42rem;background:var(--wl-card);border:2px solid var(--wl-gold);
  box-shadow:0 0 0 2px rgba(14,19,48,.55) !important;font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.2;color:var(--wl-ink);}
.wl .wl-ctl{margin-top:.9rem;padding:0;border:0;background:none;cursor:pointer;font-family:var(--sans);font-size:.86rem;font-weight:600;
  color:var(--wl-ink);text-decoration:underline;text-decoration-color:rgba(22,21,15,.4);text-underline-offset:3px;}
.wl .wl-ctl:hover{text-decoration-color:var(--wl-red2);}

/* the cascade: ten cards, each offset so its top line shows */
.wl .wl-deal{--dx:24px;--dy:50px;--cw:calc(100cqw - 9 * var(--dx));--ch:max(276px,calc(var(--cw) * .6));
  position:relative;display:block;height:calc(var(--ch) + 9 * var(--dy));}
.wl .wl-mini{position:absolute;left:calc(var(--k) * var(--dx));top:calc(var(--k) * var(--dy));z-index:calc(var(--k) + 1);
  width:var(--cw);height:var(--ch);display:flex;flex-direction:column;padding:0 clamp(14px,2vw,22px);
  background:var(--wl-card);color:var(--wl-ink2);transform:rotate(var(--r));border-radius:2px !important;
  box-shadow:0 1px 1px rgba(60,40,10,.22),0 10px 22px -12px rgba(60,40,10,.55) !important;}
.wl .wl-mtop{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-end;height:42px;padding-bottom:7px;
  margin:0 calc(-1 * clamp(14px,2vw,22px));padding-left:clamp(14px,2vw,22px);padding-right:clamp(14px,2vw,22px);border-bottom:1.5px solid var(--wl-redline);}
.wl .wl-mbody{flex:1 1 auto;display:block;margin:0 calc(-1 * clamp(14px,2vw,22px));padding:10px clamp(14px,2vw,22px) 0 calc(var(--dx) + clamp(14px,2vw,22px));
  font-family:var(--serif);font-style:italic;font-size:1.12rem;line-height:30px;color:var(--wl-ink);
  background-image:repeating-linear-gradient(to bottom,transparent 0 29px,var(--wl-line) 29px 30px);background-position:0 5px;}
.wl .wl-mini:hover,.wl .wl-mini:focus-visible{z-index:20;}
.wl .wl-mini:focus-visible{outline-offset:2px;}
.wl .wl-pm .wl-pmh{display:block;}
.wl .wl-pml{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;margin-top:2px;font-style:normal;font-size:1rem;}
.wl .wl-pml span{display:flex;align-items:center;gap:.5em;line-height:30px;}
.wl .wl-pml span::before{content:"";flex:0 0 auto;width:.78em;height:.78em;border:1.5px solid var(--wl-ink2);}

/* ---------- the lesson cards ---------- */
.wl .wl-desk{padding:clamp(1rem,3vw,2.5rem) 0 clamp(3.5rem,7vw,6rem);overflow-x:clip;}
.wl .wl-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.4rem,3vw,2.6rem);row-gap:clamp(2.6rem,5vw,4.6rem);align-items:start;}
.wl .wl-card{--lh:28px;--px:clamp(18px,2.6vw,34px);position:relative;display:flex;flex-direction:column;
  padding:clamp(14px,1.8vw,20px) var(--px) 0;background:var(--wl-card);color:var(--wl-ink2);
  font-size:1.0625rem;transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0deg));border-radius:2px !important;
  box-shadow:0 1px 1px rgba(60,40,10,.2),0 2px 0 -1px rgba(253,252,248,.9),0 3px 2px -1px rgba(60,40,10,.18),0 22px 34px -20px rgba(60,40,10,.6) !important;}
.wl .wl-wide{--lh:30px;font-size:1.125rem;}
.wl .wl-chead{margin:0 calc(-1 * var(--px));padding:0 var(--px) .75rem;border-bottom:1.5px solid var(--wl-redline);}
.wl .wl-ctop{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 .55rem;}
.wl .wl-card h2,.wl .wl-card h3{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.42rem,2vw,1.72rem);line-height:1.16;letter-spacing:-.018em;color:var(--wl-ink);max-width:26ch;}
.wl .wl-wide h2{font-size:clamp(1.5rem,2.3vw,1.95rem);max-width:30ch;}
.wl .wl-body{flex:1 1 auto;margin:0 calc(-1 * var(--px));padding:var(--lh) var(--px) var(--lh);line-height:var(--lh);
  background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--lh) - 1px),var(--wl-line) calc(var(--lh) - 1px) var(--lh));
  background-position:0 -5px;}
.wl .wl-body p{margin:0;}
.wl .wl-body p + p{text-indent:1.6em;}
.wl .wl-body ul{margin:0;padding-left:1.25em;}
.wl .wl-body li::marker{color:var(--wl-red2);}
.wl .wl-body .wl-foot{margin-top:var(--lh);text-indent:0;font-style:italic;color:var(--wl-ink2);font-size:.94em;}
.wl .wl-link{color:var(--wl-ink);text-decoration:underline;text-decoration-color:var(--wl-red2);text-decoration-thickness:1.5px;text-underline-offset:3px;}
.wl .wl-link:hover{color:var(--wl-red2);}

/* placement on the desk: wide 7 and narrow 5 or 6 columns, never the same twice in a row */
.wl .wl-c1{grid-column:1 / span 7;--r:-.55deg;}
.wl .wl-c2{grid-column:8 / span 5;--r:1deg;margin-top:5.5rem;}
.wl .wl-c3{grid-column:1 / span 5;--r:.7deg;margin-top:1.5rem;}
.wl .wl-c4{grid-column:6 / span 7;--r:-.8deg;margin-top:4rem;}
.wl .wl-c5{grid-column:1 / span 6;--r:.45deg;}
.wl .wl-c6{grid-column:1 / span 5;--r:-1.1deg;margin-top:1rem;}
.wl .wl-c7{grid-column:7 / span 6;--r:-.5deg;margin-top:3.5rem;}
.wl .wl-c8{grid-column:4 / span 7;--r:.6deg;margin-top:1rem;}

/* prints on the desk. No mat, no frame: the poster itself lies on the cork.
   Pinned print: tacked up with two pins, tilted, its caption on a small ruled card beside it.
   Inset print: laid flat beside the lesson 5 card, caption written under it on the cork. */
.wl .wl-print{margin:0;}
.wl .wl-print img{width:100%;height:auto;}
.wl .wl-print figcaption{font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.5;color:var(--wl-ink);}
.wl .wl-pin{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.4rem,3vw,2.6rem);align-items:end;}
.wl .wl-pinimg{grid-column:2 / span 7;position:relative;transform:rotate(-.9deg);}
.wl .wl-pinimg img{box-shadow:0 1px 2px rgba(60,40,10,.35);}
.wl .wl-pinimg::before,.wl .wl-pinimg::after{content:"";position:absolute;z-index:2;top:-6px;width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f08a86,var(--wl-red2) 55%,#6e2020);box-shadow:1px 3px 3px rgba(60,40,10,.45);}
.wl .wl-pinimg::before{left:22px;}
.wl .wl-pinimg::after{right:22px;}
.wl .wl-pin figcaption{grid-column:9 / span 3;margin-bottom:3.5rem;padding:22px 20px 24px;background:var(--wl-card);transform:rotate(1.6deg);
  border-top:1.5px solid var(--wl-redline);line-height:28px;
  background-image:repeating-linear-gradient(to bottom,transparent 0 27px,var(--wl-line) 27px 28px);background-position:0 15px;}
.wl .wl-inset{grid-column:7 / span 6;margin-top:2.5rem;}
.wl .wl-inset figcaption{margin-top:.9rem;max-width:34ch;}
.wl .wl-c9{grid-column:1 / span 5;--r:.9deg;margin-top:1rem;}
.wl .wl-pmcard{grid-column:6 / span 7;--r:-.4deg;margin-top:4.5rem;}
.wl .wl-back{grid-column:2 / span 7;--r:-.35deg;}
.wl .wl-small{grid-column:9 / span 4;--r:2.2deg;margin-top:6rem;aspect-ratio:5 / 3;--px:clamp(16px,2vw,24px);}

/* the pre-mortem card: questions with tick boxes */
.wl .wl-checks{list-style:none;padding:0 !important;}
.wl .wl-checks li{position:relative;padding-left:1.7em;}
.wl .wl-checks li::before{content:"";position:absolute;left:0;top:calc((var(--lh) - .82em) / 2 + 1px);width:.82em;height:.82em;border:1.5px solid var(--wl-ink2);}
.wl .wl-checks b{font-weight:600;color:var(--wl-ink);}
.wl .wl-body .wl-after{margin-top:var(--lh);text-indent:0;}

/* the back of the last card: no rules, just writing */
.wl .wl-back{padding:clamp(26px,3.4vw,44px) clamp(22px,4vw,56px) clamp(26px,3.4vw,40px);background:#faf7ef;font-size:1.125rem;line-height:1.66;}
.wl .wl-back h2{max-width:24ch;font-size:clamp(1.6rem,2.6vw,2.15rem);margin-bottom:1rem;}
.wl .wl-back p{margin:0 0 1rem;max-width:62ch;}
.wl .wl-back p:last-child{margin-bottom:0;}

/* the small 3x5 */
.wl .wl-small{font-size:1rem;--lh:27px;}
.wl .wl-small h3{font-size:1.3rem;}
.wl .wl-small .wl-body{padding-top:calc(var(--lh) * .5);}
.wl .wl-small .wl-go{text-indent:0;margin-top:0;}

.wl .wl-cta{padding:0 0 clamp(3rem,6vw,5rem);}

/* ---------- motion: only after the script arms it ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .wl .wl-mini{transition:transform .22s ease;}
  .wl .wl-mini:hover,.wl .wl-mini:focus-visible{transform:translateY(-8px) rotate(var(--r));}
  .wl .wl-hero.armed .wl-box-deck{opacity:1;}
  .wl .wl-hero.armed .wl-box-deck i{transition:transform .32s ease,opacity .32s ease;}
  .wl .wl-hero.armed .wl-box-deck i.out{opacity:0;transform:translateY(-26px);}
  .wl .wl-hero.armed.ghost .wl-mini{opacity:.3;}
  .wl .wl-hero.armed.ghost .wl-mini > *{opacity:0;}
  .wl .wl-hero.run .wl-mini{transition:transform .72s cubic-bezier(.2,.75,.25,1),opacity .2s linear;}
}

/* ---------- smaller screens ---------- */
@media (max-width:1000px){
  .wl .wl-spread{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:2.6rem;}
  .wl .wl-spread > .wl-card{grid-column:1 / -1;width:min(700px,100%);margin-top:0;--x:0;}
  .wl .wl-spread > .wl-card:nth-child(odd){justify-self:start;}
  .wl .wl-spread > .wl-card:nth-child(even){justify-self:end;}
  .wl .wl-small{aspect-ratio:auto;}
  .wl .wl-spread > .wl-print{grid-column:1 / -1;width:min(700px,100%);margin-top:0;justify-self:center;}
  .wl .wl-pin{display:block;}
  .wl .wl-pin figcaption{width:min(340px,86%);margin:-1.2rem 0 0 auto;position:relative;}
}
@media (max-width:760px){
  .wl .wl-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "text" "box" "deal";}
  .wl .wl-boxcell{padding-top:2.2rem;}
  .wl .wl-deal{--dx:0px;--dy:46px;}
  .wl .wl-spread > .wl-card{width:100%;transform:rotate(calc(var(--r) * .4));}
  .wl .wl-card{--px:18px;}
  .wl .wl-wide{--lh:29px;font-size:1.0625rem;}
  .wl .wl-pinimg{transform:rotate(-.4deg);}
  .wl .wl-pin figcaption{width:auto;margin:-.6rem 6px 0 18px;transform:rotate(.8deg);}
}

/* ---------- print ---------- */
@media print{
  .wl-page .reveal{opacity:1 !important;transform:none !important;}
  .wl{background:#fff;}
  .wl .wl-boxcell{display:none !important;}
  .wl .wl-head{grid-template-areas:"top top" "text deal";}
  .wl .wl-mini,.wl .wl-card{box-shadow:none !important;border:1px solid #bbb;}
  .wl .wl-spread{display:block;}
  .wl .wl-spread > .wl-card{transform:none;margin:0 0 1.2rem;width:auto;break-inside:avoid;aspect-ratio:auto;}
  .wl .wl-print{break-inside:avoid;margin:0 auto 1.2rem;max-width:12cm;}
  .wl .wl-pinimg,.wl .wl-pin figcaption{transform:none;}
}

/* QA 2026-10-05: in print the deck cascade sits in a narrow column, so with the screen's 24px step the cards shrank until the
   pre-mortem card's tick-box labels ran out past its edge ("Customizati"), and on a page under the phone breakpoint the head kept a
   one-column track. Give print its two columns, a smaller step and cards sized from their own cell. */
@media print{
  .wl .wl-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
  .wl .wl-deal{--dx:10px;--ch:276px;}
  .wl .wl-mini{width:calc(100% - 9 * var(--dx));}
}

/* ---------- Color 2026-10-09 ----------
   Lead green (#2E7D5B, deep #1F5E42, tint #F1F8F4), done in desk materials: a green
   highlighter on the figures, green dot stickers on the card numbers, three small charts
   drawn on the ruled cards in green ink, and a green leather blotter under the last cards.
   The cards keep their red top rule; gold stays on the box label. */
.wl-page{--wl-g:#2E7D5B;--wl-gd:#1F5E42;--wl-gt:#F1F8F4;}

/* card tags in green, numbers on green dot stickers */
.wl .wl-tag{color:var(--wl-gd);}
.wl .wl-no{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.65rem;padding:0 .3rem;border-radius:50% !important;
  background:var(--wl-g);color:#fff;font-size:.8rem;line-height:1;}
.wl .wl-mtop .wl-no{min-width:1.45rem;height:1.45rem;font-size:.74rem;}

/* a green highlighter over the figures, the way you'd mark up a card */
.wl .wl-hl{background:linear-gradient(transparent 22%,rgba(46,125,91,.3) 22% 90%,transparent 90%);color:inherit;padding:0 .08em;margin:0 -.04em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}

/* charts drawn on the ruled lines: two lines a row, label and figure, then the bar */
.wl .wl-ch{display:block;margin:0 0 var(--lh);font-family:var(--sans);}
.wl .wl-chr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--lh) var(--lh);column-gap:1rem;}
.wl .wl-chl{align-self:end;padding-bottom:5px;font-size:.84rem;font-weight:500;line-height:1.2;color:var(--wl-ink2);}
.wl .wl-chv{align-self:end;padding-bottom:3px;font-family:var(--serif);font-size:1.3rem;font-weight:500;line-height:1;color:var(--wl-gd);white-space:nowrap;}
.wl .wl-chv0{color:var(--wl-mut);}
.wl .wl-cht{grid-column:1 / -1;position:relative;align-self:end;height:13px;margin-bottom:5px;}
.wl .wl-cht i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) * 100%);background:repeating-linear-gradient(135deg,rgba(107,102,96,.75) 0 1.5px,transparent 1.5px 4.5px);outline:1px solid rgba(107,102,96,.75);outline-offset:-1px;}
.wl .wl-chg .wl-cht i{background:var(--wl-g);outline:0;}
.wl .wl-chg .wl-chl{color:var(--wl-gd);font-weight:600;}

/* the last cards sit on a green leather desk blotter, stitched along both edges */
.wl .wl-blot{position:relative;padding:clamp(3.4rem,6vw,5rem) 0 clamp(3.6rem,7vw,5.6rem);margin-bottom:clamp(3rem,6vw,4.5rem);
  background-color:#24654a;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .06 0 0 0 0 .2 0 0 0 0 .13 0 0 0 1.6 -.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23a%29'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,rgba(0,0,0,.14));
  background-size:220px 220px,100% 100%;
  border-top:6px solid var(--wl-gd);border-bottom:6px solid var(--wl-gd);}
.wl .wl-blot::before,.wl .wl-blot::after{content:"";position:absolute;left:0;right:0;height:0;border-top:1.5px dashed rgba(241,248,244,.38);pointer-events:none;}
.wl .wl-blot::before{top:12px;}
.wl .wl-blot::after{bottom:12px;}
.wl .wl-blot .wl-card{box-shadow:0 1px 1px rgba(5,25,15,.35),0 2px 0 -1px rgba(253,252,248,.9),0 3px 2px -1px rgba(5,25,15,.3),0 24px 36px -20px rgba(3,18,10,.75) !important;}
.wl .wl-blot .wl-pmcard{margin-top:1rem;}
.wl .wl-blot .wl-c9{margin-top:3rem;}
/* the pre-mortem tick boxes in green ink */
.wl .wl-checks li::before{border-color:var(--wl-g);}

@media print{
  .wl .wl-blot{background:#fff;border:0;}
  .wl .wl-blot::before,.wl .wl-blot::after{display:none;}
  .wl .wl-no,.wl .wl-hl,.wl .wl-cht i{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}
/* the regression weeks: a year-long track with two 3-week blocks */
.wl .wl-wkt{outline:1px solid rgba(107,102,96,.45);outline-offset:-1px;}
.wl .wl-wkt i{left:calc(var(--a) * 100%);}
.wl .wl-wkt i + i{margin-left:2px;}
/* phone: a chart label that wraps keeps its own row height instead of riding over the line below */
@media (max-width:560px){
  .wl .wl-chr{grid-template-rows:minmax(var(--lh),auto) var(--lh);}
  .wl .wl-chl{font-size:.8rem;}
}

/* 2026-10-10 (Dave): the regenerated cover is pinned after lesson 8, mirrored from the opening print (caption card on the left, print on the right); the regenerated nine-lesson list lies flat at the end of the desk. */
.wl .wl-pin-r .wl-pinimg{grid-column:5 / span 8;grid-row:1;transform:rotate(.7deg);}
.wl .wl-pin-r figcaption{grid-column:2 / span 3;grid-row:1;transform:rotate(-1.4deg);}
.wl .wl-glance{grid-column:3 / span 6;margin-top:1rem;}
.wl .wl-glance figcaption{max-width:34ch;}