/* A colourful paper-and-pencil club. Screen only: printed sheets retain their geometry. */
@media screen {
  :root {--ink:#39254c;--muted:#665b6d;--orange:#7543ad;--sage:#f2eafb;--line:#ded2e5;--paper:#fffcf5;--plum:#7543ad;--teal:#216654;--yellow:#ffd664;--coral:#ed8e79}
  body {background:#fffcf5;color:var(--ink)}
  .site-header {background:#fffcf5;border-top:0;border-bottom:1px solid #e5dacc}
  .header-inner {min-height:96px;gap:22px}
  .brand {font-family:'Trebuchet MS',sans-serif;font-weight:800;letter-spacing:-1.25px}
  .brand img {width:39px;height:39px;transform:rotate(-7deg)}
  .site-nav {gap:8px;font-size:13px}
  .site-nav a {padding:8px 12px;border-radius:24px;transition:background .18s}
  .site-nav a:hover {text-decoration:none;background:#f0e5f7;color:#522b7d}
  .site-nav a[href='/printable-puzzles/'] {background:var(--yellow);color:var(--ink);font-weight:750}
  .eyebrow {letter-spacing:1.25px;color:#6a3c94}
  .eyebrow::before {width:8px;height:8px;border-radius:2px;background:#ca6653;transform:rotate(12deg)}
  .hero {padding:48px 0 45px;gap:36px;grid-template-columns:1fr 1.05fr}
  .ed-breadcrumbs:has(+ .hero) {display:none}
  .hero h1 {font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.2vw,76px);font-weight:700;line-height:1.06;letter-spacing:-3.7px;margin:23px 0 26px}
  .hero h1 em {font-family:inherit;font-style:italic;font-weight:700;color:#7543ad;position:relative;white-space:nowrap;background:linear-gradient(transparent 80%,#ffd664 80%,#ffd664 94%,transparent 94%)}
  .hero-copy>p {font-size:18px;line-height:1.8;max-width:465px}
  .hero .small-note {font-size:13px}
  .button {border-radius:100px;background:var(--plum);border:2px solid var(--plum);color:white;font-weight:750;box-shadow:0 3px 0 #522b7d;transition:background .18s,box-shadow .18s,transform .18s}
  .button:hover {background:#5b2d8c;border-color:#5b2d8c;color:white;box-shadow:0 1px 0 #522b7d;transform:translateY(2px)}
  .button.secondary {background:#fffcf5;color:var(--ink);border-color:#cdbbd8;box-shadow:0 3px 0 #e6d9ed}
  .button.secondary:hover {background:#f0e5f7;border-color:#9a7bb2}
  .button:disabled {box-shadow:none;transform:none}
  .puzzle-desk {position:relative;isolation:isolate;aspect-ratio:720/650;display:grid;place-items:center;min-width:0}
  .puzzle-desk::before {content:'';position:absolute;z-index:-1;inset:5% 0 3% 3%;border-radius:47% 53% 44% 56% / 48% 39% 61% 52%;background:#e9ddf5}
  .puzzle-desk::after {content:'';position:absolute;z-index:-1;right:0;bottom:8%;width:35%;height:33%;border-radius:50%;background:#cde7dc}
  .puzzle-desk img {display:block;width:100%;height:auto}
  .desk-caption {position:absolute;left:3%;bottom:3%;padding:9px 17px;border:1.5px solid #39254c;border-radius:8px;background:#fffdf8;font:700 13px 'Trebuchet MS',sans-serif;transform:rotate(-4deg);box-shadow:3px 3px 0 #39254c}
  .proof-strip {background:#f7ebcd;border:1px solid #e7d5a3;border-radius:15px;padding:20px 25px;gap:18px;font-size:13px}
  .proof-strip .ui-icon {color:#79552c}
  .section-head h2,.section>h2,.feature-band h2,.collection-faq h2,.collection-help h2,.collection-ready h2,.directory>h2,.page-intro h1,.error-page h1 {font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-1.6px}
  .section-head h2 {font-size:clamp(32px,3.3vw,45px)}
  .section {padding-block:55px}
  .section-head p {font-size:15px}
  .puzzle-moods {display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 0}
  .puzzle-moods a {font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:30px;border:1px solid #d8c4e7;text-decoration:none;background:#f0e4fb}
  .puzzle-moods a:nth-child(2) {background:#dcefe5;border-color:#b8d7c7}
  .puzzle-moods a:nth-child(3) {background:#ffe6dc;border-color:#eec6b9}
  .puzzle-moods a:nth-child(4) {background:#fff0ba;border-color:#e7d18b}
  .puzzle-moods a:hover {box-shadow:0 3px 0 #39254c22;color:#39254c}
  .puzzle-moods svg {width:18px;height:18px}
  .collection-card {border:1.5px solid #d5c2e0;border-radius:18px;background:#fffdf9;box-shadow:0 4px 0 #e9dfee;transition:border-color .2s,box-shadow .2s}
  .collection-card:nth-child(3n+2) {border-color:#bcd7cb;box-shadow:0 4px 0 #deece5}
  .collection-card:nth-child(3n) {border-color:#e4c8ad;box-shadow:0 4px 0 #f0e2d2}
  .collection-card:hover {border-color:#9b70b9;box-shadow:0 6px 0 #d9c4e6}
  .collection-card-art {border-bottom:1.5px solid #ddcfe7;height:195px}
  .collection-card-copy {padding:24px}
  .collection-card-copy h3,.card h3,.collection-steps h3,.guide-link h3,.ready-sheet h3 {font-family:'Trebuchet MS',sans-serif;font-weight:800;letter-spacing:-.8px}
  .collection-card-copy h3 {font-size:24px}
  .collection-card-copy p {color:var(--muted)}
  .collection-card-copy .card-link {font:700 13px/1.6 'Trebuchet MS',sans-serif;color:#7543ad}
  .collection-card:nth-child(3n+2) .card-link {color:#216654}
  .collection-card:nth-child(3n) .card-link {color:#815126}
  .card {border:1px solid #d8c8e1;border-radius:17px;background:#fffdf9;box-shadow:0 4px 0 #e9dfee}
  .card-art {background-color:#ede1f9;background-image:radial-gradient(#b695cc55 1px,transparent 1px);background-size:14px 14px}
  .card-art svg {transform:rotate(-6deg);border-radius:10px;box-shadow:5px 6px 0 #39254c17}
  .card:nth-child(2n) .card-art svg {transform:rotate(5deg)}
  .card:nth-child(4n+2) .card-art {background-color:#fff0bf}
  .card:nth-child(4n+3) .card-art {background-color:#dcefe5}
  .card:nth-child(4n) .card-art {background-color:#ffe6dc}
  .card p {min-height:0}
  .card .card-link {color:#7543ad}
  .feature-band {background:#216654;color:#fffdf5;border:0;border-radius:25px 25px 65px 25px;box-shadow:7px 7px 0 #d5e5d7;padding:46px;gap:50px}
  .feature-band p {color:#e1eee4}
  .feature-band .eyebrow {color:#fff0ba}
  .feature-band .eyebrow::before {background:#ffd664}
  .feature-band .button {background:#ffd664;color:#39254c;border:2px solid #ffd664;box-shadow:0 3px 0 #174d40}
  .feature-list>div {border-color:#ffffff35}
  .feature-list span {display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;font:700 18px 'Trebuchet MS',sans-serif;background:#ffd664;color:#39254c;transform:rotate(-7deg)}
  .guide-link {background:#f1e8fa;border:1px solid #d8c5e5;border-radius:16px;padding:24px}
  .guide-link:nth-child(2) {background:#fff0ce;border-color:#e8d6a4}
  .guide-link:nth-child(3) {background:#e0efe6;border-color:#c5dacc}
  .guide-link h3 {font-size:25px}
  .page-intro {position:relative;max-width:none;margin:26px 0;padding:30px 34px!important;background:#f0e5f8;border:1px solid #dbc5e9;border-radius:22px 22px 55px 22px}
  .page-intro::after {content:'';position:absolute;top:30px;right:32px;width:27px;height:27px;background:#ffd664;clip-path:polygon(50% 0,61% 36%,100% 50%,63% 61%,50% 100%,37% 63%,0 50%,37% 37%)}
  .page-intro h1 {font-size:clamp(34px,4.3vw,56px);max-width:850px;padding-right:10px}
  .page-intro .lede {max-width:800px;margin-bottom:0;color:#5e5068}
  .collection-anchor-nav a {border-radius:24px;background:#fffdf8;border:1px solid #cbb4db;font-weight:650}
  .collection-steps>div {background:#fff0ce;border:1px solid #e8d6a4;border-radius:17px;padding:23px}
  .collection-steps>div:nth-child(2) {background:#e0efe6;border-color:#c5dacc}
  .collection-steps>div:nth-child(3) {background:#ffe6dc;border-color:#eec6b9}
  .collection-steps h3 {font-size:21px}
  .collection-controls,.tool {background:#f1e8fa;border-color:#d8c5e5;border-radius:18px}
  .collection-controls {border-top:5px solid #ab83c8}
  .tool-controls {border-color:#d7c4e2}
  .ready-sheet {background:#fffdf9;border-color:#d8c5e5;border-radius:15px}
  .collection-pill {background:#fff0c3;border-color:#e8d6a4;color:#6a4c24}
  .sheets>details>summary {background:#fff0ce;border-color:#e8d6a4}
  .notice,.collection-note {background:#fff0ce;border-color:#c69b28}
  .site-footer {background:#efe3f6;border-top:4px solid #b58ace;margin-top:60px;padding-top:43px}
  .footer-top p,.footer-bottom {color:#62536d}
  .footer-bottom {border-color:#d5bedf}
  .privacy-controls {background:#fffdf8;border-color:#d5bedf;border-radius:18px;box-shadow:0 12px 45px #39254c22}
  :focus-visible {outline-color:#7543ad}
  /* Editorial headings and reading areas share the palette without decorative noise in the body. */
  .ed-main {--ed-paper:#fffcf5;--ed-ink:#39254c;--ed-muted:#665b6d;--ed-line:#ded2e5;background:#fffcf5}
  .ed-main h1,.ed-main h2 {font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.04em}
  .ed-main h3 {font-family:'Trebuchet MS',sans-serif;font-weight:800}
  .ed-main .ed-hub-hero {background:#f0e5f8;border-radius:22px;padding:32px;margin-block:15px 45px;gap:35px}
  .ed-main .ed-hub-hero>img {background:#e9ddf5;border-radius:15px;transform:rotate(2deg);box-shadow:5px 5px 0 #d7c2e5}
  .ed-main .ed-card {border-radius:17px;background:#fffdf9;border-color:#d8c5e5;box-shadow:0 4px 0 #e9dfee}
  .ed-main .ed-topic-links a {border-radius:25px;background:#fff0ce;border-color:#e8d6a4;color:#39254c}
  .ed-main .ed-category-note,.ed-main .ed-author-box {background:#e0efe6;border-radius:18px}
  .ed-main .ed-kicker,.ed-main .ed-read {color:#7543ad!important}
  @media(max-width:1050px) {
    .header-inner {flex-wrap:wrap;padding-block:16px;gap:12px}
    .site-nav {gap:3px}
    .site-nav a {padding-inline:10px}
    .hero {gap:22px}
    .hero h1 {font-size:clamp(45px,5.7vw,63px);letter-spacing:-2.7px}
  }
  @media(max-width:760px) {
    .header-inner {padding-block:17px 12px}
    .brand {font-size:24px}
    .site-nav {gap:3px;width:100%;font-size:12px;justify-content:flex-start}
    .site-nav a {min-height:40px;padding:7px 10px}
    .hero {grid-template-columns:1fr;padding:34px 0 27px;gap:12px}
    .hero h1 {font-size:clamp(46px,10vw,66px);letter-spacing:-2.9px;margin-block:19px 24px}
    .hero-copy>p {font-size:16px;max-width:520px}
    .hero .actions {margin-bottom:21px}
    .hero .button {font-size:13px;padding:13px 17px}
    .puzzle-desk {width:min(100%,470px);margin:auto}
    .desk-caption {font-size:12px}
    .proof-strip {display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:20px 17px;font-size:11px}
    .proof-strip>span {gap:7px}
    .proof-strip .ui-icon {width:17px;height:17px}
    .puzzle-moods {gap:8px;margin-top:20px}
    .puzzle-moods a {font-size:12px;padding:8px 12px}
    .section {padding-block:40px}
    .collection-card-art {height:180px}
    .collection-card-copy {padding:21px}
    .collection-card-copy h3 {font-size:24px}
    .collection-card-copy .eyebrow {font-size:9px}
    .feature-band {padding:29px 25px;border-radius:22px 22px 45px 22px;gap:25px}
    .page-intro {padding:25px 22px!important;margin-block:20px;border-radius:18px 18px 38px 18px}
    .page-intro::after {width:20px;height:20px;top:22px;right:20px}
    .page-intro .eyebrow {padding-right:18px;font-size:9px;letter-spacing:1px}
    .page-intro h1 {font-size:clamp(33px,8.4vw,45px);letter-spacing:-1.5px;line-height:1.1;margin-block:20px}
    .page-intro .lede {font-size:15px;line-height:1.75}
    .collection-anchor-nav {margin-bottom:0}
    .ed-main .ed-hub-hero {padding:24px;gap:25px}
    .ed-main .ed-hub-hero h1 {font-size:clamp(34px,8.4vw,49px)}
  }
  @media(prefers-reduced-motion:reduce) {
    .button,.site-nav a,.collection-card {transition:none}
    .button:hover {transform:none}
  }
}