:root{
  --paper:#f3ecdd;
  --paper-2:#ece3cf;
  --paper-3:#e2d6bb;
  --ink:#2a342c;
  --ink-soft:#4d5a4f;
  --ink-mute:#58635a;
  --forest:#1f3a2e;
  --forest-deep:#13261d;
  --brass:#74541f;
  --rule:#d9cdb1;
  --rule-strong:#bfaf8b;
  --radius:8px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Work Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
.skip{position:absolute;left:-999px;top:auto}
.skip:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:20}
.top{
  border-bottom:1px solid var(--rule);
  background:rgba(243,236,221,.96);
  position:sticky;
  top:0;
  z-index:10;
}
.top-inner{
  max-width:1120px;
  margin:0 auto;
  padding:14px 20px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.mark{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--forest);
  color:var(--paper);
  font-family:Georgia,serif;
}
.brand-name{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.25rem;
  color:var(--forest);
}
.nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:.92rem}
.nav a{text-decoration:none;color:var(--ink-soft)}
.nav a:hover{color:var(--forest)}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  border:1px solid var(--rule-strong);
}
.btn-primary{background:var(--forest);color:#f1eadb;border-color:var(--forest)}
.btn-ghost{color:var(--forest)}
.hero{
  max-width:1120px;
  margin:0 auto;
  padding:72px 20px 46px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:44px;
  align-items:start;
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;
  right:10px;
  top:44px;
  width:min(42vw,420px);
  height:220px;
  pointer-events:none;
  opacity:.34;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 220'><path d='M15 153 C 62 103, 111 121, 149 158 C 196 205, 253 193, 285 141 C 315 91, 362 71, 406 92' fill='none' stroke='%2374541f' stroke-width='2' stroke-linecap='round'/><path d='M76 63 C 62 49, 60 31, 73 21 C 85 11, 101 18, 105 34 C 111 16, 132 12, 143 25 C 157 42, 137 65, 106 84 C 91 77, 82 70, 76 63' fill='none' stroke='%231f3a2e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><circle cx='350' cy='47' r='4' fill='%2374541f'/><circle cx='383' cy='129' r='3' fill='%2374541f'/></svg>") center/contain no-repeat;
  animation: resource-doodle-float 11s cubic-bezier(.22,.61,.36,1) infinite;
}
.kicker{
  color:var(--brass);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.75rem;
  font-weight:600;
}
h1,h2,h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  color:var(--forest);
  font-weight:500;
  line-height:1.08;
  margin:0;
}
h1{font-size:clamp(2.25rem,5vw,4rem);margin-top:16px}
h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 14px}
h3{font-size:1.45rem;margin:0 0 10px}
.lede{font-size:1.12rem;color:var(--ink-soft);max-width:62ch;margin:18px 0 0}
.hero-card,.note,.worksheet,.resource-card,.faq,.source-box{
  background:#fbf6e9;
  border:1px solid var(--rule);
  border-radius:var(--radius);
}
.hero-card{padding:22px}
.hero-card ul{padding-left:20px;margin:12px 0 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero > *, .section > *{
  animation: page-rise .72s cubic-bezier(.22,.61,.36,1) both;
}
.hero-card{animation-delay:.12s}
.resource-card{transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease}
.resource-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(31,58,46,.08)}
main{max-width:1120px;margin:0 auto;padding:0 20px 80px}
.section{padding:42px 0;border-top:1px solid var(--rule)}
.two-col{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:36px;
  align-items:start;
}
.note{padding:20px;color:var(--ink-soft)}
.worksheet{padding:24px}
.field{
  border:1px dashed var(--rule-strong);
  border-radius:6px;
  padding:14px;
  margin:14px 0;
  min-height:92px;
}
.field-label{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--ink-mute);
  margin-bottom:10px;
}
.line{height:6px;background:var(--paper-3);border-radius:2px;margin:0 0 10px}
.line:nth-child(2){width:80%}
.line:nth-child(3){width:58%}
.prompt-list,.steps{padding-left:20px}
.prompt-list li,.steps li{margin:9px 0}
.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.resource-card{
  padding:20px;
  text-decoration:none;
  display:flex;
  min-height:190px;
  flex-direction:column;
  gap:12px;
}
.resource-card:hover{border-color:var(--rule-strong)}
.resource-card p{margin:0;color:var(--ink-soft)}
.resource-card .read{margin-top:auto;color:var(--forest);font-weight:600}
.faq{padding:18px;margin:12px 0}
.faq h3{font-size:1.22rem}
.source-box{padding:18px;color:var(--ink-soft)}
.source-box a{color:var(--forest);font-weight:600}
.footer{
  background:var(--forest-deep);
  color:#d7cfb5;
  padding:34px 20px;
}
.footer-inner{
  max-width:1120px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.footer a{color:#f1eadb}
@media(max-width:840px){
  .top-inner,.hero,.two-col{grid-template-columns:1fr}
  .hero{padding-top:46px}
  .hero::after{width:280px;right:-90px;top:20px;opacity:.2}
  .nav{display:none}
  .grid{grid-template-columns:1fr}
}
@keyframes page-rise{
  from{opacity:.96;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
@keyframes resource-doodle-float{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-5px) rotate(.4deg)}
}
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .hero > *, .section > *{opacity:1 !important;transform:none !important}
}
@media print{
  .top,.footer,.hero-actions,.source-box,.related{display:none}
  body{background:#fff}
  .hero,main{max-width:none;padding:0}
  .section{border:0;padding:14px 0}
  .worksheet{box-shadow:none;border:1px solid #999}
}

/* Paired toolkit + PDF offer block (E3 paired_listing_click experiment) */
.paired-offer{}
.paired-offer .paired-note{
  margin:0 0 22px;
  font-size:.92rem;
}
.paired-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.paired-grid.paired-grid-single{
  grid-template-columns:minmax(0,640px);
}
.paired-card{
  background:#fbf6e9;
  border:1px solid var(--rule);
  border-radius:var(--radius);
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.paired-card .kicker{margin-bottom:4px}
.paired-card h3{margin:0 0 4px}
.paired-card p{margin:0;color:var(--ink-soft)}
.paired-bullets{
  list-style:none;
  padding:0;
  margin:6px 0 4px;
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--ink-soft);
}
.paired-bullets li{
  position:relative;
  padding-left:18px;
}
.paired-bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--brass);
  opacity:.55;
}
.paired-actions{
  margin-top:8px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}
.paired-secondary{
  color:var(--forest);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}
.paired-card-toolkit{border-color:var(--rule-strong)}
@media(max-width:840px){
  .paired-grid{grid-template-columns:1fr}
}
@media print{
  .paired-offer{display:none}
}