/* Wordcraft (0.10.0, /wordcraft/): the four courses as the /curriculum/ chevrons, then Fitting Words in its
   cover's teal and orange and Word Hoard in its cover's cream, navy and orange. Montserrat spaced caps as on
   both covers, Libre Caslon for reading and quotations, Nunito Sans for the rest; Merriweather for the
   chevrons and the course names, as on /curriculum/. Loaded only on pages with this look. */

@font-face{font-family:"Montserrat";src:url(fonts/montserrat-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(fonts/caslon.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(fonts/caslon-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(fonts/caslon-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

.th-wordcraft{
  --wc-teal:#0F7A69;--wc-teal-cover:#148E79;--wc-teal-ink:#D9EFEA;--wc-teal-ink2:#EAF6F3;--wc-mint:#EEF6F4;--wc-mint2:#D6E9E4;
  --wc-or:#F79621;--wc-orh:#E8850F;--wc-grey:#EFF0EF;--wc-grey2:#E9EAEA;--wc-char:#3B3F40;
  --wc-navy:#112945;--wc-navy2:#46568C;--wc-cream:#F5ECDB;--wc-cream2:#E6DCC6;--wc-cream3:#D9CBB0;--wc-paper:#FBF7EF;--wc-gold:#C9C08F;--wc-or2:#F27322;--wc-or2h:#E0620F;
  --wc-sand:#F7F5F1;
  --wc-caps:"Montserrat",var(--sans);
  --wc-read:"Libre Caslon Text",Georgia,"Times New Roman",serif;
  --wc-gap:clamp(56px,7vw,88px);
}
:where(.th-wordcraft main) a{color:var(--ink)}
:where(.th-wordcraft main) a:hover{color:var(--wc-teal)}
.th-wordcraft :focus-visible{outline-color:var(--wc-or)}

/* ---------- grounds and rhythm ---------- */
.bg-wc-sand{background:var(--wc-sand);border-block:1px solid var(--rule)}
.bg-wc-teal{background:var(--wc-teal);color:#fff}
.bg-wc-mint{background:var(--wc-mint)}
.bg-wc-grey{background:var(--wc-grey)}
.bg-wc-cream{background:var(--wc-cream);color:var(--wc-navy)}
.bg-wc-paper{background:var(--wc-paper)}
.bg-wc-navy{background:var(--wc-navy);color:var(--wc-cream)}
.th-wordcraft .sec.bg-white{padding-top:var(--wc-gap)}
.th-wordcraft main > .sec.bg-white:last-child{padding-bottom:var(--wc-gap)}
.th-wordcraft .sec[class*="bg-wc-"] > .w{padding-block:clamp(48px,6vw,80px)}
.th-wordcraft .sec.bg-white + .sec[class*="bg-wc-"]{margin-top:var(--wc-gap)}
.th-wordcraft .sec.sec-wc-hero > .w{padding-block:clamp(44px,6vw,76px) clamp(36px,5vw,56px)}
.th-wordcraft .sec.sec-wc-shop + .sec.sec-wc-book{border-top:0}
.th-wordcraft .sec.sec-wc-units.bg-wc-paper + .sec.bg-white{padding-top:var(--wc-gap)}

/* ---------- type ---------- */
.wc-kicker{font:700 13px/1.2 var(--wc-caps);letter-spacing:.34em;color:var(--wc-teal);margin-right:-.34em}
.wc-eyebrow{display:block;font:700 12.5px/1.3 var(--wc-caps);letter-spacing:.2em;text-transform:uppercase;color:var(--wc-teal)}
.wc-eyebrow.muted{color:var(--ink2)}
.wc-eyebrow.navy,.wc-wh .wc-eyebrow,.wc-shop.wh .wc-eyebrow,.wc-book.wh .wc-eyebrow{color:var(--wc-navy);font-weight:800;letter-spacing:.22em}
.wc-eyebrow.orange{color:var(--wc-or2)}
.wc-head{display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(26px,3vw,32px);max-width:800px}
.wc-h2{margin:0;font:700 clamp(26px,3vw,34px)/1.15 var(--wc-caps);letter-spacing:.02em;color:var(--ink)}
.wc-h2.wh,.wc-wh .wc-h2,.wc-shop.wh .wc-h2{font-weight:800;letter-spacing:.04em;color:var(--wc-navy)}
.wc-lede{margin:0;font:400 17px/1.6 var(--sans);color:var(--ink2)}
.wc-lede.ink{color:var(--ink)}
.wc-read{margin:0;font:400 19px/1.65 var(--wc-read);color:var(--ink)}
.wc-p{margin:0;font:400 16.5px/1.6 var(--sans);color:var(--ink2)}
.wc-p.ink{color:var(--ink)}
.wc-p + .wc-p,.wc-read + .wc-read{margin-top:10px}
.wc-p a,.wc-read a,.wc-lede a{color:var(--wc-teal);font-weight:700}
.wc-src{display:block;font:700 12px/1.4 var(--wc-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.wc-src.plain{font:700 14px/1.4 var(--sans);letter-spacing:0;text-transform:none}
.wc-src.navy{color:var(--wc-navy)}
.wc-src.gold{color:var(--wc-gold);text-align:center;letter-spacing:.18em}
.wc-src-in{white-space:nowrap;font:700 14px/1.4 var(--sans);color:var(--ink2)}
.wc-stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.wc-stack.lg{gap:30px}
.wc-rule{display:block;width:72px;height:4px;background:var(--wc-or)}
.wc-small{margin:0;font:400 14px/1.5 var(--sans);color:var(--ink2)}
.wc-caps{margin:0;font:700 clamp(22px,2.6vw,30px)/1.2 var(--wc-caps);letter-spacing:.06em;color:var(--wc-char)}
.wc-caps.sm{font-size:20px;font-weight:800;color:var(--wc-navy)}

/* ---------- buttons ---------- */
.wc-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.wc-acts.center{justify-content:center}
.wc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:4px;font:800 15.5px/1.2 var(--sans);text-decoration:none;text-align:center;transition:background-color .15s ease,box-shadow .15s ease}
.th-wordcraft main a.wc-btn{text-decoration:none}
.th-wordcraft main a.wc-btn.orange{background:var(--wc-or);color:var(--ink)}
.th-wordcraft main a.wc-btn.orange:hover{background:var(--wc-orh);color:var(--ink)}
.th-wordcraft main a.wc-btn.navy{background:var(--wc-navy);color:var(--wc-cream)}
.th-wordcraft main a.wc-btn.navy:hover{background:#0A1C33;color:#fff}
.th-wordcraft main a.wc-btn.teal{background:var(--wc-teal);color:#fff}
.th-wordcraft main a.wc-btn.teal:hover{background:#0B6455;color:#fff}
.th-wordcraft main a.wc-btn.ink{background:var(--ink);color:#fff;min-height:46px;padding:0 20px;font-size:15px}
.th-wordcraft main a.wc-btn.ink:hover{background:#000;color:#fff}
.th-wordcraft main a.wc-btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);min-height:46px;padding:0 18px;font-size:15px}
.th-wordcraft main a.wc-btn.line:hover{box-shadow:inset 0 0 0 2.5px var(--ink)}
.th-wordcraft main a.wc-btn.orange-navy{background:var(--wc-or2);color:var(--wc-navy)}
.th-wordcraft main a.wc-btn.orange-navy:hover{background:var(--wc-or2h);color:var(--wc-navy)}
.wc-btn.full{width:100%;margin-top:auto;min-height:46px;font-size:15px}
.th-wordcraft main a.wc-more{display:inline-flex;align-items:center;min-height:48px;padding:0 8px;font:800 15.5px/1.2 var(--sans);text-decoration:none}
.th-wordcraft main .wc-book.fw a.wc-more{color:#fff}
.th-wordcraft main .wc-book.wh a.wc-more{color:var(--wc-navy)}
.th-wordcraft main a.wc-more:hover{text-decoration:underline}

/* ---------- motto and the sequence ---------- */
.wc-hero{display:flex;flex-direction:column;gap:22px}
.wc-hero-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.wc-motto{margin:0;max-width:900px;font:400 clamp(30px,4.4vw,52px)/1.18 var(--wc-read);letter-spacing:-.005em;color:var(--ink)}
.wc-hero-lede{margin:0;max-width:700px;font:400 clamp(17px,1.7vw,19px)/1.6 var(--sans);color:var(--ink2)}
.wc-seq{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.wc-seq-label{font:700 14px/1.3 var(--sans);color:var(--ink2)}
.wc-seq-label span{font-weight:400}
.wc-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:6px}
.wc-note{margin:0;font:400 15.5px/1.55 var(--sans);color:var(--ink2)}
.wc-note b{color:var(--ink)}
/* the chevrons: the same as /curriculum/ (overview.css) */
.ov-chevs{margin:0 calc(-1 * var(--gut)) 0;padding:6px var(--gut) 10px;overflow-x:auto;scrollbar-width:none}
.ov-chevs::-webkit-scrollbar{display:none}
.ov-chevs-in{display:flex;min-width:720px}
.ov-chev{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px;text-align:center;text-decoration:none;transition:filter .18s ease,transform .18s ease}
.ov-chev + .ov-chev{margin-left:-22px}
.ov-chev-shape{height:clamp(120px,13vw,150px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;transition:filter .18s ease}
.ov-chev.first .ov-chev-shape{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%);padding:0 36px 0 16px}
.ov-chev.mid .ov-chev-shape{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%,26px 50%);padding:0 36px 0 38px}
.ov-chev.last .ov-chev-shape{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,26px 50%);padding:0 16px 0 38px}
.ov-chev-small{font:italic 400 14px/1.2 var(--serif)}
.ov-chev-sub{font:italic 400 12px/1.2 var(--serif)}
.ov-chev-t{font:700 24px/1.1 var(--serif)}
.ov-chev-t.large{font-size:clamp(26px,2.8vw,34px)}
.ov-chev-t.medium{font-size:clamp(22px,2.4vw,30px);letter-spacing:.02em}
.ov-chev-t.small{font-size:clamp(19px,2vw,24px);letter-spacing:.03em}
.ov-chev-g{font:800 15px/1.2 var(--sans)}
.ov-chev:hover,.ov-chev:focus-visible{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));transform:translateY(-2px)}
.ov-chev:hover .ov-chev-shape{filter:brightness(1.1)}
.ov-chev:focus-visible{outline:none}
.ov-chev:focus-visible .ov-chev-g{text-decoration:underline}

/* ---------- course cards ---------- */
.wc-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.wc-course{display:flex;flex-direction:column;gap:14px;min-width:0;padding:26px;border:1px solid var(--rule);border-radius:8px}
.wc-grades{font:800 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.wc-course-t{margin:-4px 0 0;font:700 26px/1.2 var(--serif)}
.wc-tagline{font:italic 400 18px/1.4 var(--wc-read);color:var(--ink2)}
.wc-course-pic{display:block;aspect-ratio:16/10;background:#fff}
.wc-course-pic img{width:100%;height:100%;object-fit:contain}
.wc-parts{margin:0;font:400 14.5px/1.5 var(--sans);color:var(--ink2)}
.wc-course .wc-acts{margin-top:auto;padding-top:6px}

/* ---------- a book's band ---------- */
.wc-book-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.wc-book-t{margin:0;display:flex;flex-direction:column;font:800 clamp(48px,6.4vw,82px)/1 var(--wc-caps);letter-spacing:.08em}
.wc-book.fw .wc-book-t{font-weight:700;font-size:clamp(44px,6vw,76px);letter-spacing:.12em;color:#fff}
.wc-book.fw .wc-book-t .light{font-weight:300;margin-top:4px}
.wc-book.wh .wc-book-t{color:var(--wc-navy)}
.wc-book-sub{margin-top:16px;font:italic 400 clamp(21px,2.3vw,26px)/1.2 var(--wc-read);letter-spacing:0}
.wc-book.fw .wc-book-sub{font-size:clamp(18px,2vw,22px);letter-spacing:.22em;color:var(--wc-teal-ink)}
.wc-book.fw .wc-eyebrow{color:var(--wc-teal-ink);letter-spacing:.24em}
.wc-book.wh .wc-rule{background:var(--wc-or2)}
.wc-book-kicker{margin:0;font:700 14px/1.4 var(--wc-caps);letter-spacing:.22em}
.wc-book-tag{margin:0;font:400 clamp(21px,2.3vw,26px)/1.35 var(--wc-read)}
.wc-book-p{margin:0;max-width:580px;font:400 17.5px/1.6 var(--sans)}
.wc-book.fw .wc-book-p{color:var(--wc-teal-ink2)}
.wc-book.wh .wc-book-p{color:var(--wc-navy)}
.wc-book-p + .wc-book-p{margin-top:-6px}
.wc-book-p a{color:inherit;text-decoration:underline}
.wc-book .wc-acts{margin-top:6px}
.wc-book-cover{display:block;justify-self:center;width:min(330px,80%)}
.wc-book-cover img{width:100%;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.18),0 24px 48px rgba(0,0,0,.3)}
.wc-book.wh .wc-book-cover img{box-shadow:0 2px 4px rgba(17,41,69,.18),0 24px 48px rgba(17,41,69,.3)}
.wc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;margin-top:clamp(36px,5vw,56px);padding-top:26px;border-top:1px solid rgba(255,255,255,.28)}
.wc-book.wh .wc-facts{border-top-color:var(--wc-cream3)}
.wc-fact{display:flex;flex-direction:column;gap:4px}
.wc-fact-b{font:700 22px/1.2 var(--wc-caps)}
.wc-fact-s{font:400 15px/1.45 var(--sans);color:var(--wc-teal-ink)}
.wc-book.wh .wc-fact-s{color:var(--wc-navy)}

/* ---------- two quotations ---------- */
.wc-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.wc-big-q{margin:0;display:flex;flex-direction:column;gap:14px}
.wc-big-q p{margin:0;font:400 clamp(34px,4.4vw,54px)/1.12 var(--wc-read);color:var(--ink)}
.wc-deco img{width:190px;mix-blend-mode:multiply}
.wc-box-q{margin:0;padding:22px 26px;background:var(--wc-mint);border-radius:6px;display:flex;flex-direction:column;gap:10px}
.wc-box-q p{margin:0;font:italic 400 20px/1.55 var(--wc-read);color:var(--ink)}
.wc-box-q.wh{background:var(--wc-cream)}
.wc-box-q.wh p{font-size:18px;color:var(--wc-navy)}

/* ---------- three words; three columns ---------- */
.wc-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.wc-triad-i{display:flex;flex-direction:column;gap:6px;padding:24px 22px;background:#fff;border-radius:6px;border-top:4px solid var(--wc-or)}
.wc-triad-w{font:700 clamp(30px,3.4vw,40px)/1.1 var(--wc-caps);letter-spacing:.1em;color:var(--wc-teal)}
.wc-triad-l{font:italic 400 21px/1.35 var(--wc-read);color:var(--ink)}
.wc-after{margin:0;max-width:820px;font:400 18px/1.6 var(--wc-read);color:var(--ink)}
.sec-wc-triad .wc-head{margin-bottom:0}
.wc-pillar{display:flex;flex-direction:column;gap:10px;min-width:0}
.wc-pillar-l{font:700 13px/1.3 var(--wc-caps);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.wc-pillar-b{font:300 46px/1 var(--wc-caps);color:var(--wc-teal)}

/* ---------- the famous orators ---------- */
.wc-orators{display:grid;grid-template-columns:330px minmax(0,1fr);gap:40px;align-items:start}
.wc-or-feature{margin:0;display:flex;flex-direction:column;gap:14px;padding:24px;background:#fff;border-radius:8px;min-width:0}
.wc-or-big{display:block;height:300px}
.wc-or-big img{width:100%;height:100%;object-fit:contain}
.wc-or-feature figcaption{display:flex;flex-direction:column;gap:8px}
.wc-or-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.wc-or-name{font:700 18px/1.25 var(--wc-caps);letter-spacing:.06em;text-transform:uppercase}
.wc-or-dates{font:400 14px/1.3 var(--sans);color:var(--ink2)}
.wc-or-where{font:800 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--wc-teal)}
.wc-or-q{font:italic 400 19px/1.5 var(--wc-read);color:var(--ink)}
.wc-or-src{font:400 14px/1.4 var(--sans);color:var(--ink2)}
.wc-busts{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:108px;gap:14px 12px;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x proximity}
.wc-bust{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 6px;border:0;border-radius:6px;background:#fff;cursor:pointer;scroll-snap-align:start;color:var(--ink)}
.wc-bust img{width:100%;height:118px;object-fit:contain;mix-blend-mode:multiply}
.wc-bust span{font:700 12px/1.2 var(--sans);text-align:center}
.wc-bust:hover{background:#FDF3E6}
.wc-bust[aria-pressed="true"]{background:#FDF3E6;box-shadow:inset 0 0 0 2px var(--wc-or)}
.wc-bust:focus-visible{outline:3px solid var(--wc-or);outline-offset:2px}

/* ---------- units and lessons ---------- */
.wc-units-head.fw{display:flex;align-items:stretch;margin-bottom:30px;background:var(--wc-grey2);border-radius:4px;overflow:hidden}
.wc-units-art{flex:none;width:clamp(90px,14vw,170px);display:block}
.wc-units-art img{width:100%;height:100%;object-fit:cover;object-position:left bottom;mix-blend-mode:multiply}
.wc-units-box{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px clamp(18px,3vw,36px);min-width:0}
.wc-units-eb{font:500 12.5px/1.3 var(--wc-caps);letter-spacing:.24em;text-transform:uppercase;color:var(--ink2)}
.wc-units-head.wh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:34px;color:var(--wc-navy)}
.wc-units-head.wh .wc-caps{font-weight:800;font-size:clamp(26px,3vw,36px);letter-spacing:.08em;color:var(--wc-navy)}
.wc-hair{display:block;width:120px;height:1px;background:var(--wc-navy)}
.wc-units-sub{display:block;font:italic 400 19px/1.4 var(--wc-read)}
.wc-units-head.fw .wc-units-sub{font-size:16px;color:var(--ink2)}
.wc-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.wc-unit{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:6px;min-width:0}
.wc-units-wrap.fw .wc-unit{border:1px solid var(--rule)}
.wc-units-wrap.wh .wc-unit{background:#fff;color:var(--wc-navy)}
.wc-unit-n{font:700 12px/1.3 var(--wc-caps);letter-spacing:.2em;color:var(--wc-teal)}
.wc-units-wrap.wh .wc-unit-n{font-weight:800;font-size:13px;color:var(--wc-navy)}
.wc-unit-t{margin:0;font:600 16.5px/1.3 var(--wc-caps);color:var(--ink)}
.wc-units-wrap.wh .wc-unit-t{font:italic 400 19px/1.3 var(--wc-read);color:var(--wc-navy)}
.wc-unit-rule{display:block;width:36px;height:2px;background:var(--wc-or2)}
.wc-lessons{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.wc-lessons li{display:flex;gap:8px;font:400 15px/1.4 var(--wc-read)}
.wc-units-wrap.wh .wc-lessons li{font-family:var(--sans)}
.wc-lesson-n{flex:none;min-width:24px;font:800 13px/1.6 var(--sans);color:var(--ink2)}
.wc-units-wrap.wh .wc-lesson-n{min-width:30px;color:var(--wc-navy2)}
.wc-unit.extra{background:var(--wc-teal);color:#fff;border:0}
.wc-unit.extra .wc-unit-n{color:var(--wc-teal-ink)}
.wc-extra{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font:400 15.5px/1.4 var(--wc-read)}
.wc-extra strong{font-family:var(--sans)}
.wc-units-wrap.wh .wc-unit.extra{background:var(--wc-navy);color:var(--wc-cream)}

/* ---------- look inside ---------- */
.wc-viewer{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.wc-spread{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
.wc-spread-frame{display:block;padding:clamp(8px,1.4vw,16px);border-radius:6px;background:var(--wc-grey2)}
.wc-wh .wc-spread-frame{background:var(--wc-cream)}
.wc-spread-frame img{width:100%;box-shadow:0 1px 2px rgba(0,0,0,.12),0 10px 24px rgba(0,0,0,.12)}
.wc-spread figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wc-spread-cap{display:flex;flex-direction:column;gap:2px;min-width:0}
.wc-spread-t{font:600 17px/1.3 var(--wc-caps);color:var(--ink)}
.wc-wh .wc-spread-t{font-weight:700;color:var(--wc-navy)}
.wc-spread-p{font:400 14.5px/1.4 var(--sans);color:var(--ink2)}
.wc-spread-nav{display:flex;gap:10px;flex:none}
.wc-round{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.wc-round svg{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wc-round.dark{border:0;background:var(--wc-teal)}
.wc-round.dark svg{stroke:#fff}
.wc-wh .wc-round{border-color:var(--wc-navy)}
.wc-wh .wc-round svg{stroke:var(--wc-navy)}
.wc-wh .wc-round.dark{background:var(--wc-navy)}
.wc-wh .wc-round.dark svg{stroke:var(--wc-cream)}
.wc-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wc-thumb{display:block;border-radius:3px;outline:1px solid rgba(27,37,50,.1)}
.wc-thumb img{width:100%;border-radius:2px}
.wc-thumb[aria-pressed="true"]{outline:3px solid var(--wc-or);outline-offset:2px}
.wc-wh .wc-thumb[aria-pressed="true"]{outline-color:var(--wc-or2)}

/* ---------- the curriculum to buy ---------- */
.wc-shop{display:flex;flex-direction:column;gap:28px}
.wc-shop .wc-head{margin-bottom:0}
.wc-shop.wh .wc-lede{max-width:760px}
.wc-set{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 28px rgba(15,122,105,.12)}
.wc-shop.wh .wc-set{box-shadow:0 1px 2px rgba(17,41,69,.08),0 12px 28px rgba(17,41,69,.14)}
.wc-set-pic{display:block;min-height:260px}
.wc-set-pic img{width:100%;height:100%;object-fit:cover}
.wc-set-body{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px)}
.wc-badge{align-self:flex-start;padding:4px 10px;border-radius:3px;background:var(--wc-or);color:var(--ink);font:800 12px/1.3 var(--sans);letter-spacing:.08em}
.wc-shop.wh .wc-badge{background:var(--wc-or2);color:var(--wc-navy)}
.wc-set-t{margin:0;font:700 26px/1.2 var(--wc-caps)}
.wc-ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font:400 15.5px/1.5 var(--sans)}
.wc-ticks li::before{content:"✓";display:inline-block;width:1.4em;color:var(--wc-teal);font-weight:800}
.wc-stock{font:800 13px/1.3 var(--sans);color:#9B3744}
.wc-parts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.wc-parts-grid.n3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wc-parts-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wc-part{display:flex;flex-direction:column;gap:12px;padding:18px;background:#fff;border-radius:6px;min-width:0;color:var(--ink);text-decoration:none}
.th-wordcraft main a.wc-part{text-decoration:none;color:var(--ink)}
.th-wordcraft main a.wc-part:hover{box-shadow:0 8px 20px rgba(27,37,50,.12)}
.wc-part-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.wc-part-t{font:700 16.5px/1.3 var(--wc-caps)}
.wc-part-price{flex:none;font:800 16px/1.3 var(--sans)}
.wc-part-pic{display:block;align-self:center;width:62%}
.wc-parts-grid.n3 .wc-part-pic{width:58%;order:-1}
.wc-parts-grid.n3 .wc-part{padding:24px;gap:14px}
.wc-part-pic img{width:100%;box-shadow:0 1px 2px rgba(0,0,0,.12),0 8px 18px rgba(0,0,0,.14)}
.wc-part-p{font:400 15px/1.5 var(--sans);color:var(--ink2)}
.wc-dots{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:4px;font:400 15px/1.5 var(--sans);color:var(--ink)}
.wc-shop.wh .wc-part-t,.wc-shop.wh .wc-part-price{color:var(--wc-navy)}
.wc-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wc-review{margin:0;padding:24px 26px;background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:10px}
.wc-review p{margin:0;font:italic 400 20px/1.5 var(--wc-read);color:var(--ink)}
.wc-review-who{font:700 14px/1.4 var(--sans);color:var(--ink2)}
.th-wordcraft main .wc-review-who a{color:var(--wc-teal);text-decoration:underline}
.wc-more-books{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:28px;border-top:1px solid var(--wc-cream3)}
.wc-readers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:12px}
.wc-reader{display:flex;gap:16px;align-items:center;padding:14px;background:#fff;border-radius:6px;min-width:0}
.th-wordcraft main a.wc-reader{color:var(--wc-navy);text-decoration:none}
.th-wordcraft main a.wc-reader:hover{box-shadow:0 8px 20px rgba(17,41,69,.14)}
.wc-reader-pic{flex:none;width:76px;display:block}
.wc-reader-pic img{width:100%;box-shadow:0 6px 14px rgba(17,41,69,.18)}
.wc-reader-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.wc-reader-t{font:400 17px/1.3 var(--wc-read)}
.wc-reader-s{font:400 14px/1.4 var(--sans);color:var(--ink2)}
.wc-reader-p{font:800 15px/1.3 var(--sans)}

/* ---------- the navy band ---------- */
.wc-method{display:flex;flex-direction:column;gap:clamp(36px,5vw,56px)}
.wc-method-q{margin:0 auto;max-width:940px;text-align:center;display:flex;flex-direction:column;gap:16px}
.wc-method-q p{margin:0;font:400 clamp(26px,3.4vw,40px)/1.3 var(--wc-read);color:var(--wc-cream)}
.wc-method-q b,.wc-method-q strong{font-weight:400;color:var(--wc-or2)}
.wc-method-line{margin:0;text-align:center;font:italic 400 clamp(21px,2.3vw,26px)/1.35 var(--wc-read);color:var(--wc-cream)}
.wc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.wc-step{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:2px solid var(--wc-or2)}
.wc-step-w{font:800 20px/1.2 var(--wc-caps);letter-spacing:.14em;color:#fff}
.wc-step-p{font:400 16px/1.55 var(--sans);color:var(--wc-cream2)}
.wc-step-p a{color:#fff}

/* ---------- picture and quotations ---------- */
.wc-cap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;color:var(--wc-navy)}
.wc-cap-pic{display:block;width:min(380px,100%);justify-self:center}
.wc-cap .wc-h2{font-size:clamp(26px,3.2vw,38px)}
.wc-cap-q{margin:0;font:400 clamp(19px,2vw,22px)/1.55 var(--wc-read);color:var(--wc-navy)}

/* ---------- the anthology ---------- */
.wc-anth{display:grid;grid-template-columns:300px minmax(0,1fr);gap:52px;align-items:start}
.wc-an-cover{display:block;width:min(300px,80%);justify-self:center}
.wc-an-cover img{width:100%;border-radius:2px;box-shadow:0 24px 48px rgba(0,0,0,.35)}
.wc-an-t{margin:0;display:flex;flex-direction:column;gap:6px;font:800 clamp(30px,3.6vw,44px)/1.1 var(--wc-caps);letter-spacing:.08em;color:#fff}
.wc-an-sub{font:italic 400 clamp(19px,2vw,23px)/1.3 var(--wc-read);letter-spacing:0;color:var(--wc-cream)}
.wc-an-q{margin:0;font:400 clamp(22px,2.6vw,30px)/1.35 var(--wc-read);color:#fff}
.wc-stats{display:flex;flex-wrap:wrap;gap:14px 40px}
.wc-stat{display:flex;flex-direction:column}
.wc-stat-b{font:800 30px/1.1 var(--wc-caps);color:var(--wc-or2)}
.wc-stat-s{font:400 14.5px/1.4 var(--sans);color:var(--wc-cream)}
.wc-an-p{margin:0;font:400 16.5px/1.65 var(--sans);color:var(--wc-cream2)}
.wc-an-p + .wc-an-p{margin-top:-6px}
.wc-poets{margin:0;font:400 15px/1.8 var(--sans);color:var(--wc-gold)}
.wc-poets span{color:var(--wc-cream)}
.wc-an-close{margin:0;font:italic 400 19px/1.5 var(--wc-read);color:#fff}

/* ---------- closing ---------- */
.wc-closing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.wc-closing-q{margin:0;max-width:860px;font:400 clamp(28px,3.8vw,44px)/1.25 var(--wc-read);color:var(--ink)}
.wc-closing .wc-acts{margin-top:8px}
.th-wordcraft main a.wc-back{font:800 15px/1.3 var(--sans);color:var(--ink);padding:10px;text-decoration:none}
.th-wordcraft main a.wc-back:hover{text-decoration:underline}

/* ---------- tablets and phones ---------- */
@media (max-width:1000px){
  .wc-units{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wc-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wc-viewer{grid-template-columns:minmax(0,1fr)}
  .wc-thumbs{grid-template-columns:repeat(9,minmax(0,1fr))}
  .wc-orators{grid-template-columns:minmax(0,1fr)}
  .wc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .wc-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .wc-courses,.wc-book-grid,.wc-two,.wc-three,.wc-set,.wc-reviews,.wc-anth,.wc-cap,.wc-parts-grid.n3,.wc-readers{grid-template-columns:minmax(0,1fr)}
  .wc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wc-units{grid-template-columns:minmax(0,1fr)}
  .wc-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .wc-busts{grid-auto-columns:96px}
  .wc-book-grid{gap:32px}
  .wc-anth{gap:28px}
  .wc-or-big{height:240px}
  .wc-course{padding:20px}
  .wc-set-pic{min-height:200px}
  /* headings above pictures on phones (Daniel) */
  .wc-an-cover,.wc-cap-pic{order:2}
}
@media (max-width:480px){
  .wc-parts-grid{gap:12px}
  .wc-parts-grid .wc-part{padding:14px;gap:10px}
  .wc-parts-grid .wc-part-head{flex-direction:column;gap:2px}
  .wc-parts-grid .wc-part-pic{width:80%}
  .wc-parts-grid.n3 .wc-part-pic{width:56%}
  .wc-parts-grid .wc-part-p{font-size:14px}
  .wc-steps{grid-template-columns:minmax(0,1fr)}
  .wc-notes{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .ov-chev,.ov-chev-shape,.wc-btn{transition:none}
}