/* Children's bookshop direction: real colorful artwork, sturdy friendly type,
   sunny accents and simple, legible controls for the grown-ups. */
@layer storybook {
  :root{--cream:#fffbf2;--paper:#fffdf8;--ink:#193b42;--muted:#4f6468;--gold:#efb12f;--sage:#d8e8da;--rose:#f5d8c7;--lavender:#dfe1f6;--line:#e4ddc9}
  h1,h2,h3{font-weight:700;letter-spacing:-.035em;overflow-wrap:break-word}
  h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.12}
  h2{font-size:clamp(2rem,3vw,2.65rem);line-height:1.18}
  h3{font-size:1.55rem;line-height:1.2}
  em{font-style:normal;color:#26716d}
  .eyebrow{font-size:.75rem;letter-spacing:.09em;color:#6d622f}
  .header{min-height:100px;border-bottom:2px solid #efd89f}
  .header nav{font-size:.9375rem}
  .header .nav-shop{background:#fbe5ac;border:1px solid #e3c471;border-radius:20px;padding:8px 16px}
  .header nav a[aria-current=page]{box-shadow:0 3px #e8a019}
  .button{border-radius:28px;background:#23655f;border-color:#23655f;box-shadow:0 3px 0 #174b47;min-height:52px;padding:13px 24px}
  .button:hover{background:#184e49;border-color:#184e49}
  .button-outline{background:transparent;color:#194e48;box-shadow:none;border-width:2px}
  .button-outline:hover{color:white}
  .text-link{border-bottom-color:#cfac60;color:#215f59}
  .hero{min-height:610px;padding-block:34px 38px;grid-template-columns:.95fr 1.05fr;gap:22px}
  .hero h1{font-size:clamp(2.7rem,4.6vw,4.15rem);line-height:1.14;letter-spacing:-.045em;margin-bottom:24px}
  .hero h1 em{display:inline-block;position:relative;isolation:isolate;white-space:nowrap}
  .hero h1 em:after{content:'';position:absolute;z-index:-1;left:-3px;right:-7px;bottom:1px;height:14px;background:#f6d47c;border-radius:55% 35% 45% 38%;transform:rotate(-2deg)}
  .hero-intro{max-width:420px;line-height:1.75;font-size:1.0625rem;margin-bottom:27px}
  .hero-note{font-size:.875rem;margin-top:16px}
  .hero-art{height:535px;overflow:visible;overflow-clip-margin:0}
  .hero-art:before{inset:10px 8px 22px 5px;border-radius:48% 52% 45% 55%;background:#dbeceb;transform:rotate(5deg)}
  .hero-art:after{content:'';position:absolute;z-index:-1;width:190px;height:190px;right:0;bottom:5px;border-radius:50%;background:#fae1a1}
  .hero-paper.back{left:11%;top:25px;width:57%;padding:0;transform:rotate(-7deg);border:0;border-radius:5px;box-shadow:-5px 3px 0 #f8ebcf,0 15px 28px #2a463734;overflow:hidden}
  .hero-paper.front{left:57%;top:160px;width:39%;padding:5px;transform:rotate(9deg);box-shadow:0 9px 22px #25483d29}
  .hero-paper.front:hover{transform:rotate(5deg) translateY(-4px)}
  .round-note{text-align:center;padding:10px;left:0;right:auto;bottom:12px;background:#f9d176;border:2px dashed #b78020;width:140px;height:140px;transform:rotate(-9deg);font-size:.9375rem;box-shadow:0 3px 0 #dbb258}
  .round-note strong{width:100%;font-size:1.05rem;font-style:normal;font-weight:700;letter-spacing:-.02em}
  .round-note img{margin-top:7px}
  .crayon-one{right:81px;bottom:20px;transform:rotate(35deg)}
  .crayon-two{right:57px;bottom:20px;transform:rotate(43deg)}
  .orbit-one{right:14px;top:8px;color:#d78039;font-size:3.5rem}
  .orbit-two{left:-3px;top:15px;color:#519087;font-size:2.7rem;transform:rotate(-10deg)}
  .promise-strip{background:#f8df99;border-block:0;position:relative}
  .promise-strip:before{content:'';position:absolute;left:0;right:0;top:-8px;height:9px;background:radial-gradient(10px 9px at 10px 9px,#f8df99 95%,transparent 100%) 0 0/20px 9px repeat-x}
  .promise-strip .wrap{padding-block:14px}
  .promise-strip span{font-weight:600;color:#584623}
  .promise-strip b{color:#665019}
  .section{padding-block:58px}
  .section-heading{margin-bottom:28px}
  .art-link{border-radius:18px;background:#dbead7;border:1px solid #ccdcbc;padding:24px 35px 40px}
  .tone-1 .art-link{background:#f8d7c1;border-color:#edc4a9}
  .tone-2 .art-link{background:#e0ddf4;border-color:#cfc8e9}
  .tone-3 .art-link{background:#fae4a9;border-color:#ead399}
  .art-tag{background:#fffdf2;border:1px solid #e1d6b3;border-radius:12px;color:#415029;font-size:.75rem;letter-spacing:.055em;padding:5px 12px}
  .card-copy h3{font-size:1.55rem}.card-copy .eyebrow{font-size:.75rem;letter-spacing:.07em}
  .card-pack-link{color:#705018}
  .exclusive-section{background:#deebd6;border-block:0;position:relative}
  .exclusive-layout{padding-block:42px;gap:65px}
  .exclusive-copy h2{font-size:2.7rem}.exclusive-copy p:not(.eyebrow){margin-top:18px}
  .exclusive-art{width:65%;max-width:265px;border-radius:4px;box-shadow:8px 10px 0 #b9d5b4}
  .exclusive-flower{opacity:1;width:70px}
  .pack-art{border-radius:16px;background:#fbe5b6}
  .pack-card:nth-child(3n+2) .pack-art{background:#dcebd6}
  .pack-card:nth-child(3n) .pack-art{background:#e0e0f3}
  .pack-card .eyebrow{font-size:.75rem;letter-spacing:.055em}
  .page-intro{padding-block:50px 20px}
  .page-intro p:not(.eyebrow){margin-top:20px}
  .category-links a{background:#f7ebcc;border-color:#dfc887;border-width:1px;font-weight:600;color:#61491b}
  .category-links a:hover{background:#f8d779}
  .detail h1{font-size:clamp(2.5rem,3.7vw,3.35rem);line-height:1.13}
  .detail-art{background:#dcead6;border-radius:18px}
  .detail-description{margin-top:20px}
  .sample-pack-offer{background:#fce6ac;border:2px solid #e4c775;border-radius:16px}
  .sample-pack-offer h2{font-size:1.45rem}.sample-pack-offer .pack-button{background:#795117;border-color:#795117;box-shadow:0 3px 0 #573911;border-radius:20px}
  .related-pack{background:#e0ecd7;border-radius:18px}
  .related-pack h2{font-size:2.4rem}
  .story-strip{border-color:#e8c987;margin-bottom:45px;gap:25px;padding-block:28px}
  .story-strip p{font-size:1.4rem}.story-strip em{color:#4f6468;font-size:1.25rem}
  .footer{background:#f8efd9;border-top:2px solid #eddda9}
  .printing-callout{background:#fff7e6;border:1px solid #e7cd96;border-radius:16px}
  .about-mark{background:#e0ebd4}.about-mark p{font-size:2.2rem;font-weight:700}
  .prose h1{font-size:clamp(2.5rem,3.7vw,3.35rem)}
  @media(max-width:1100px){
    .hero{min-height:550px}.hero h1{font-size:3.3rem}.hero-art{height:470px}.hero-paper.back{top:35px}.hero-paper.front{top:145px}.round-note{width:115px;height:115px;bottom:15px;font-size:.8rem}.round-note strong{font-size:1rem}.round-note img{width:20px;height:20px}.crayon-one,.crayon-two{height:95px;bottom:22px}
  }
  @media(max-width:850px){
    .header{gap:5px}.header nav{font-size:.875rem}.hero{min-height:500px;gap:15px}.hero h1{font-size:2.8rem}.hero-intro{font-size:1rem}.hero-art{height:405px}.hero-paper.back{top:45px}.hero-paper.front{top:132px}.round-note{width:105px;height:105px;bottom:12px}.round-note strong{font-size:.9rem}.hero .eyebrow{font-size:.7rem}.orbit-one{font-size:2.7rem}.orbit-two{font-size:2rem;left:0;top:25px}.exclusive-copy h2{font-size:2.15rem}.exclusive-layout{gap:35px}.detail h1{font-size:2.7rem}
  }
  @media(max-width:620px){
    .header{min-height:0;padding-block:15px 8px}.header nav{font-size:.75rem;gap:15px}.hero{grid-template-columns:1fr;gap:4px;padding-block:30px 35px}.hero h1{font-size:clamp(2.4rem,9.6vw,3.3rem);line-height:1.12;margin-bottom:21px}.hero h1 em:after{height:10px;bottom:0}.hero-intro{margin-bottom:23px}.hero-note{font-size:.8125rem}.hero-art{width:100%;max-width:380px;height:425px;margin:22px auto 0}.hero-art:before{inset:5px 0 24px}.hero-art:after{width:120px;height:120px;right:0;bottom:12px}.hero-paper.back{width:58%;left:9%;top:20px}.hero-paper.front{left:56%;top:132px;width:41%}.round-note{text-align:center;padding:10px;left:0;bottom:4px;width:112px;height:112px}.round-note strong{font-size:.95rem}.round-note img{margin-top:4px}.crayon-one{right:71px;bottom:26px}.crayon-two{right:52px;bottom:24px}.orbit-one{right:0;top:2px}.orbit-two{left:0;top:12px}.promise-strip span{font-size:.6875rem}.promise-strip .wrap{gap:8px}.section{padding-block:38px}.section-heading h2{font-size:2rem}.art-link{padding:22px 40px 42px}.card-copy h3{font-size:1.6rem}.exclusive-layout{grid-template-columns:1fr;gap:28px;padding-block:35px}.exclusive-copy h2{font-size:2.2rem}.exclusive-art{width:58%;max-width:230px}.page-intro{padding-block:36px 15px}.page-intro h1{font-size:2.8rem;line-height:1.14}.detail h1{font-size:2.65rem}.related-pack h2{font-size:1.7rem}.story-strip p{font-size:1.25rem}.story-strip em{font-size:1.125rem}.prose h1{font-size:2.65rem}.sample-pack-offer{gap:15px;padding:18px;grid-template-columns:75px minmax(0,1fr)}.sample-pack-offer h2{font-size:1.35rem}.sample-pack-offer .pack-button{padding:10px 12px}.header .nav-shop{display:none}
  }
  @media(max-width:370px){
    .hero h1{font-size:2.4rem}.hero-art{height:360px}.hero-paper.front{top:113px}.round-note{width:94px;height:94px;bottom:0;font-size:.75rem}.round-note strong{font-size:.8rem}.crayon-one,.crayon-two{height:75px;bottom:18px}.header nav{gap:8px;font-size:.7rem}.promise-strip span{font-size:.625rem}.sample-pack-offer{grid-template-columns:1fr}.sample-pack-cover{max-width:85px}
  }
}

/* SVG ornaments use the existing responsive sizes and palette. */
.mini-flower svg,.orbit svg{display:block;width:1em;height:1em}

/* Collection descriptions and companion read-aloud stories. */
.pack-art{display:block}
.pack-card h3 a{text-decoration:none}
.pack-card h3 a:hover{text-decoration:underline}
.pack-detail{align-items:center}
.pack-detail .detail-art{max-width:440px}
.pack-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-block:24px}
.pack-availability{color:var(--muted);font-weight:600;width:100%}
.pack-story{max-width:760px;padding-block:28px}
.pack-story h2,.pack-information h2,.pack-closing h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15}
.pack-story p:not(.eyebrow){margin-top:20px;font-size:1.0625rem}
.pack-information{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:20px 48px}
.pack-information ul{padding-left:22px;margin-top:22px;color:var(--muted)}
.pack-information li{margin-bottom:14px;padding-left:4px}
.pack-closing{padding:32px;background:#fbe5b6;border-radius:16px}
.pack-closing .pack-actions{margin-bottom:0}
#pack-details{scroll-margin-top:24px}
/* Product pages: cover, choosing details, a story, then a real sample. */
.product-width{max-width:1120px}
.product-overview{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:48px 70px;align-items:center;padding-block:12px 52px}
.product-theme-haunted-house{--pack-tint:#eae6f1;--pack-accent:#d6cbe2}
.product-theme-pumpkin-patch{--pack-tint:#f7e9c9;--pack-accent:#e6c990}
.product-theme-dress-up{--pack-tint:#e4ebdb;--pack-accent:#c6d5b7}
.product-cover{margin:0;min-width:0}
.product-cover-stage{position:relative;isolation:isolate;background:var(--pack-tint);border-radius:48% 48% 12px 12px;padding:38px 55px 32px}
.product-cover-stage:before{content:'';position:absolute;inset:16px;border:1px solid var(--pack-accent);border-radius:48% 48% 6px 6px;z-index:-1}
.product-cover img{width:100%;max-width:325px;margin-inline:auto;box-shadow:4px 5px 0 #fff9ed,5px 6px 0 #d4cdbf,0 16px 25px #32304726;transform:rotate(-4deg)}
.cover-flower{position:absolute;right:16px;bottom:18px;color:#c99940;width:49px;transform:rotate(12deg)}
.cover-flower svg{display:block;width:100%;height:auto}
.product-cover figcaption{text-align:center;font-size:.75rem;margin-top:20px;color:var(--muted)}
.product-copy{padding-block:10px}
.product-copy h1{font-size:clamp(2.6rem,4.4vw,4rem);line-height:1.03;letter-spacing:-.045em}
.product-series{display:block;font-size:.57em;line-height:1.4;letter-spacing:-.025em;margin-bottom:5px}
.product-copy .eyebrow{font-size:.6875rem;margin-bottom:19px;letter-spacing:.11em}
.product-copy .detail-description{font-size:1.0625rem;max-width:440px;margin-top:23px;line-height:1.75}
.product-facts{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:16px;margin:28px 0 0;padding-block:22px;border-block:1px solid var(--line)}
.product-facts div+div{border-left:1px solid var(--line);padding-left:18px}
.product-facts dt{font:700 1.35rem/1.3 var(--serif);color:var(--ink);white-space:nowrap}
.product-facts dd{margin:6px 0 0;font-size:.75rem;line-height:1.5;color:var(--muted)}
.product-copy .pack-actions{gap:12px;margin-block:24px 14px}
.product-copy .pack-availability{font-size:.8125rem;font-weight:400;display:flex;align-items:center;gap:8px}
.product-copy .pack-availability:before{content:'';width:6px;height:6px;border-radius:50%;background:#aa7934}
.product-download-note{font-size:.75rem}
.product-included{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr;gap:36px;padding:28px 0;border-block:1px solid var(--line)}
.product-included .eyebrow{font-size:.6875rem;margin-bottom:8px}
.product-included h2{font-size:1.65rem;line-height:1.2}
.product-included ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;color:var(--muted);font-size:.8125rem;line-height:1.7}
.included-number{display:block;font-size:.6875rem;letter-spacing:.1em;color:#867344;margin-bottom:7px;font-weight:700}
.product-backstory{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:65px;padding:2px 40px 42px;position:relative}
.product-backstory:before{content:'';position:absolute;left:0;top:5px;bottom:43px;width:3px;background:#d7b56b}
.product-backstory .eyebrow{font-size:.6875rem;margin-bottom:12px}
.product-backstory h2{font-size:2.2rem;line-height:1.12}
.backstory-caption{font-family:var(--serif);font-style:italic;font-size:1rem;margin-top:13px}
.backstory-teaser{font-size:.9375rem;line-height:1.8;margin:0}
.backstory-details{grid-column:1/-1;margin-top:16px}
.backstory-details summary{color:#215f59;font-size:.875rem;font-weight:600;cursor:pointer;width:fit-content;margin-left:calc((100% - 65px) * .45 + 65px);padding:6px 0;text-decoration:underline;text-underline-offset:5px}
.backstory-details summary::marker{font-size:.75em}
.backstory-details summary:focus-visible{outline:3px solid #a36308;outline-offset:6px;border-radius:3px}
.story-text{max-width:680px;margin:30px auto 0;padding-top:28px;border-top:1px solid var(--line);font-family:var(--serif);font-size:1.1875rem;line-height:1.8}
.story-text p{color:var(--ink);margin-top:1em}
.story-text p:first-child{margin-top:0}
.story-question{max-width:680px;border-left:3px solid #d89d29;padding:4px 0 4px 24px;margin:28px auto}
.story-question p:last-child{font-family:var(--serif);font-size:1.25rem;line-height:1.6;color:var(--ink)}
.story-note{max-width:680px;margin-inline:auto}
.story-sample{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;border-radius:16px;background:#e6eee3;padding:36px 70px;margin-top:8px;overflow:hidden}
.story-sample-art{display:block;text-decoration:none;width:100%;max-width:225px;justify-self:center;transform:rotate(-4deg);transition:transform .2s}
.story-sample-art:hover{transform:rotate(-1deg)}
.story-sample-art img{width:100%;background:white;border:1px solid #e0dfd3;box-shadow:0 9px 19px #193b4224}
.sample-paper-label{display:block;text-align:center;margin-top:14px;font-size:.6875rem;letter-spacing:.03em;color:#52674f}
.story-sample .eyebrow{font-size:.6875rem;color:#506849;margin-bottom:12px}
.story-sample h2{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.1;max-width:350px}
.story-sample-copy>p:not(.eyebrow){margin-top:16px;max-width:370px;font-size:.9375rem}
.story-sample .button{margin-top:22px;font-size:.875rem}
.story-sample-copy>p.small{font-size:.75rem;margin-top:12px}
.story-next{padding-block:50px 60px}
.story-next .section-heading{align-items:end;margin-bottom:24px}
.story-next .eyebrow{font-size:.6875rem;margin-bottom:10px}
.story-next h2{font-size:1.85rem;line-height:1.2}
.story-next .section-heading>.text-link{font-size:.8125rem;gap:10px}
.story-next ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.related-story-card{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:25px;border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;background:var(--paper);transition:border-color .2s,background .2s}
.related-story-card:hover{border-color:#bba775;background:#fbf5e7;color:var(--ink)}
.related-story-art{background:var(--pack-tint);padding:14px 19px;border-radius:7px}
.related-story-art img{width:100%;transform:rotate(-4deg);box-shadow:0 4px 8px #193b4226}
.related-story-card h3{font-size:1.4rem;line-height:1.15}
.related-story-card .eyebrow{font-size:.625rem;margin-bottom:7px}
.related-story-card .small{font-size:.75rem;margin-top:9px}
.related-story-link{display:inline-flex;gap:16px;align-items:center;font-size:.8125rem;color:#215f59;font-weight:600;margin-top:12px}
@media(max-width:1000px){
  .product-overview{gap:35px}.product-cover-stage{padding:35px 38px 30px}.product-copy h1{font-size:3.1rem}
  .product-facts{gap:10px}.product-facts div+div{padding-left:10px}.product-facts dt{font-size:1.15rem}
  .product-included{grid-template-columns:1fr;gap:18px}.product-included ul{gap:30px}
  .product-backstory{column-gap:35px;padding-inline:28px}.backstory-details summary{margin-left:calc((100% - 35px) * .45 + 35px)}
  .story-sample{padding:32px 40px;gap:40px}.related-story-card{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:14px}.related-story-art{padding:12px}
}
@media(max-width:700px){
  .product-overview{grid-template-columns:1fr;gap:28px;padding-top:4px;padding-bottom:34px}
  .product-cover{width:100%;max-width:350px;margin-inline:auto}.product-cover-stage{padding:28px 55px 25px}.product-cover figcaption{margin-top:14px;font-size:.6875rem}
  .product-copy{padding:0}.product-copy h1{font-size:clamp(2.7rem,9vw,3.5rem)}.product-copy .eyebrow{font-size:.625rem;margin-bottom:12px}
  .product-copy .detail-description{margin-top:18px;font-size:1rem}.product-facts{margin-top:22px;padding-block:18px}.product-facts dt{font-size:1.25rem}
  .product-copy .pack-actions{align-items:flex-start;flex-direction:column;margin-block:20px 14px}.product-copy .button{width:100%}
  .product-included{padding-block:24px;gap:20px}.product-included ul{grid-template-columns:1fr;gap:14px}.product-included li{display:grid;grid-template-columns:24px 1fr;gap:12px}.included-number{margin:3px 0 0}
  .product-backstory{grid-template-columns:1fr;gap:18px;padding:0 0 30px 22px}.product-backstory:before{bottom:30px}.product-backstory h2{font-size:2rem}.backstory-caption{margin-top:8px}
  .backstory-details{margin-top:0}.backstory-details summary{margin-left:0}.story-text{font-size:1.125rem;margin-top:20px;padding-top:20px}.story-question{padding-left:18px}
  .story-sample{grid-template-columns:1fr;gap:30px;padding:30px 24px;margin-top:4px}.story-sample-art{max-width:190px}.story-sample h2{font-size:2.2rem}.story-sample .button{width:100%;gap:14px;padding-inline:18px}
  .story-next{padding-block:36px 40px}.story-next h2{font-size:1.8rem}.story-next .section-heading{display:block}.story-next .section-heading>.text-link{margin-top:15px}.story-next ul{grid-template-columns:1fr;gap:16px}.related-story-card{grid-template-columns:100px minmax(0,1fr);gap:22px;padding:16px}
}
@media(max-width:620px){
  .pack-information{grid-template-columns:1fr;gap:28px;padding-bottom:24px}.pack-story{padding-block:8px 20px}.pack-closing{padding:24px}.pack-actions{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.story-sample-art,.related-story-card{transition:none}}

/* Standalone packs share the product structure and lead with their activity. */
.product-theme-smiling-spooky-friends{--pack-tint:#f8e3d4;--pack-accent:#e8c9b5;--activity-tint:#f7e8de;--activity-ink:#594365}
.product-theme-halloween-alphabet{--pack-tint:#fae8c7;--pack-accent:#e9cba0;--activity-tint:#ece7f1;--activity-ink:#594365}
.standalone-overview .product-copy h1{font-size:clamp(2.7rem,4.5vw,4rem);line-height:1.08;max-width:540px}
.standalone-overview .product-facts{grid-template-columns:.7fr 1.1fr 1.1fr}
.standalone-overview .cover-flower{color:var(--activity-ink)}
.activity-sample{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:72px;background:var(--activity-tint);border-radius:16px;padding:46px 64px}
.activity-sample-art{display:block;max-width:330px;width:100%;justify-self:center;text-decoration:none;transform:rotate(-3deg);transition:transform .2s}
.activity-sample-art:hover{transform:rotate(-1deg)}
.activity-sample-art img{width:100%;background:white;border:1px solid #e4ded8;box-shadow:0 10px 25px #4a325b20}
.activity-sample .sample-paper-label{color:var(--activity-ink)}
.activity-sample .eyebrow{font-size:.6875rem;color:var(--activity-ink);margin-bottom:14px}
.activity-sample h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;max-width:410px}
.activity-intro{font-size:.9375rem;line-height:1.8;margin-top:22px;max-width:425px}
.activity-sample .button{margin-top:26px;background:var(--activity-ink);border-color:var(--activity-ink);box-shadow:0 3px 0 #3d2c46;font-size:.875rem}
.activity-sample .button:hover{background:#44314e;border-color:#44314e}
.activity-sample-copy>.small{font-size:.75rem;margin-top:13px}
.sample-prompt{border-left:2px solid #c0a5bc;padding-left:20px;margin-top:26px}
.sample-prompt .eyebrow{margin-bottom:7px;font-size:.625rem}
.sample-prompt>p:last-child{font:1.125rem/1.55 var(--serif);color:var(--activity-ink);max-width:350px}
.sample-steps{list-style:none;counter-reset:activity-step;padding:0;margin:25px 0 0;display:grid;gap:16px}
.sample-steps li{counter-increment:activity-step;display:grid;grid-template-columns:28px 1fr;column-gap:13px}
.sample-steps li:before{content:counter(activity-step,decimal-leading-zero);grid-row:1/3;color:var(--activity-ink);font-size:.6875rem;font-weight:700;padding-top:3px}
.sample-steps h3{font:700 .875rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--activity-ink)}
.sample-steps p{font-size:.8125rem;line-height:1.6;margin-top:2px}
.pack-printing{border-block:1px solid var(--line);margin-top:30px;padding-block:3px}
.pack-printing summary{font-size:.875rem;font-weight:600;color:var(--ink);cursor:pointer;padding:16px 6px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.pack-printing summary::-webkit-details-marker{display:none}
.pack-printing summary:after{content:'+';font-weight:400;font-size:1.4rem;line-height:1;color:#215f59}
.pack-printing[open] summary:after{content:'−'}
.pack-printing summary:focus-visible{outline:3px solid #a36308;outline-offset:4px}
.pack-printing>div{max-width:760px;padding:0 6px 20px;font-size:.875rem}
.pack-printing .small{margin-top:14px}
@media(max-width:1000px){
  .standalone-overview .product-copy h1{font-size:3rem}.activity-sample{gap:38px;padding:35px}.activity-sample h2{font-size:2.4rem}.activity-sample .button{gap:16px;padding-inline:20px}
}
@media(max-width:700px){
  .standalone-overview .product-copy h1{font-size:clamp(2.5rem,10vw,3.4rem)}
  .activity-sample{grid-template-columns:1fr;gap:34px;padding:32px 24px}.activity-sample-art{max-width:280px}.activity-sample h2{font-size:2.4rem}.activity-intro{margin-top:18px}.activity-sample .button{width:100%;gap:14px;padding-inline:14px}.sample-steps{gap:18px}.pack-printing{margin-top:24px}
}
@media(max-width:370px){
  .standalone-overview .product-facts dt{font-size:1.1rem}.standalone-overview .product-facts dd{font-size:.6875rem}.activity-sample{padding-inline:20px}.activity-sample h2{font-size:2.1rem}
}
@media(prefers-reduced-motion:reduce){.activity-sample-art{transition:none}}