:root{
  color-scheme:light;
  --ground:#fff0ec;
  --sheet:#fff8f5;
  --wash:#f8d9d0;
  --ink:#44312f;
  --structure:#793c32;
  --muted:#694a44;
  --accent:#ad351e;
  --rule:#cda297;
  --rounded:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;
  --body:'Avenir Next','Trebuchet MS',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:24px}
body{margin:0;background:var(--ground);color:var(--ink);font:400 18px/1.65 var(--body);overflow-wrap:break-word}
::selection{background:var(--structure);color:var(--sheet)}
a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.22em}
a:hover{color:var(--structure);text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
p{margin:0 0 24px;max-width:65ch}
h1,h2,h3,h4,h5,h6{font-family:var(--rounded);font-weight:700;line-height:1.22;letter-spacing:0;text-wrap:balance;color:var(--structure)}
h1{font-size:clamp(2.5rem,4.65vw,4rem);margin:20px 0 28px;max-width:18ch}
h2,.panel-heading{font-size:clamp(1.65rem,2.5vw,2.1rem);margin:0 0 24px;max-width:32ch}
h3:not(.panel-heading),.subheading{font-size:1.3rem;margin:32px 0 16px;max-width:42ch}
.wrap{width:calc(100% - 96px);max-width:1184px;margin-inline:auto}
.row{display:flex;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}
.gap{gap:8px 32px}
.grid{display:grid;gap:64px}
.two{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center}
.grid>*{min-width:0}
.bar{position:relative;border-bottom:4px double var(--rule);padding-block:24px;gap:24px}
.mark{display:flex;flex-direction:column;justify-content:center;min-height:48px;font-family:var(--rounded);font-size:1.45rem;text-decoration:none;line-height:1.3;color:var(--structure)}
.mark span{font-family:var(--body);font-size:17px;font-weight:500;color:var(--muted);margin-top:4px}
.idx{margin-left:auto;font-size:17px;max-width:100%}
.idx summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:10px 20px;border:1px solid var(--structure);border-radius:0;list-style:none;color:var(--structure);font-weight:600}
.idx summary::-webkit-details-marker{display:none}
.idx summary span{font-size:24px;line-height:1}
.idx summary:hover,.idx[open] summary{background:var(--wash)}
.idx[open] summary span{transform:rotate(45deg)}
.idx nav{position:absolute;right:0;top:100%;z-index:5;width:640px;max-width:100%;background:var(--sheet);color:var(--ink);padding:24px;border-block:3px solid var(--accent)}
.chap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;list-style:none;margin:0;padding:0;counter-reset:chapter}
.chap li{counter-increment:chapter;border-bottom:1px solid var(--rule);min-width:0}
.chap a{display:flex;align-items:center;gap:12px;min-height:52px;font-size:17px;padding:10px 8px}
.chap a::before{content:counter(chapter);color:var(--structure);min-width:1em;font-weight:600;font-variant-numeric:tabular-nums}
.chap a[aria-current]{font-weight:700;background:var(--wash)}
.skip{position:absolute;left:16px;top:-120px;z-index:10;background:var(--sheet);color:var(--accent);padding:12px 20px;min-height:48px}
.skip:focus{top:12px}
.intro{padding-block:64px 72px}
.caps{font-size:17px;font-weight:600;letter-spacing:0;text-transform:none;margin-bottom:0;color:var(--structure);border-left:3px solid var(--accent);padding-left:16px}
.lead{font-size:21px;line-height:1.6;max-width:49ch;margin-bottom:28px}
.go{display:inline-flex;align-items:center;min-height:48px;max-width:100%;padding:10px 0;line-height:1.5;font-size:18px}
.light{background:var(--accent);color:var(--sheet);padding:14px 24px;border:1px solid var(--accent);border-radius:0;font-weight:600;text-decoration:underline;text-underline-offset:.22em}
.light:hover{background:var(--structure);border-color:var(--structure);color:var(--sheet)}
.sheet{background:var(--sheet);color:var(--ink);border-block:3px solid var(--accent);border-radius:0;box-shadow:none}
.pad{position:relative;padding:48px 112px 48px 152px}
.pad::before{content:'';position:absolute;left:96px;top:0;bottom:0;border-left:1px solid var(--rule);pointer-events:none}
.pad>*{max-width:67ch;margin-inline:0}
.pad p:last-child{margin-bottom:0}
.band{background:var(--wash);border-block:1px solid var(--rule)}
.band h2,.band .panel-heading{font-size:1.75rem}
.lst{padding-left:24px;margin-block:24px 32px}
.lst li{padding-left:8px;margin-bottom:16px;font-size:18px}
.lst li::marker{color:var(--accent)}
.steps{margin-block:32px}
.steps div{display:grid;grid-template-columns:144px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--rule)}
.steps dt{font-family:var(--rounded);font-size:20px;color:var(--structure)}
.steps dd{margin:0}
.map{padding:0;list-style:none;margin-block:0}
.map li{border-bottom:1px solid var(--rule);padding:16px 0}
.map li:last-child{border-bottom:0}
.map .go{font-size:21px;padding-block:8px}
.map p{margin:4px 0 8px}
.notes{border-top:1px solid var(--rule);background:var(--ground)}
.notes h2,.notes .panel-heading{font-size:1.4rem;margin-bottom:24px}
.refs{list-style:none;padding:0;margin:0}
.refs li{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--rule)}
.refs li:last-child{border:0;margin-bottom:0;padding-bottom:0}
.ref{display:inline-flex;align-items:center;min-height:48px;font-size:17px;line-height:1.5;padding-block:10px}
.refs p{font-size:17px;line-height:1.6;margin:4px 0 0;max-width:65ch;color:var(--muted)}
.refs h3,.refs .subheading{margin:0 0 8px;font-size:19px}
.turn{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 32px;border-top:1px solid var(--rule);padding-block:24px}
.turn .go{max-width:100%;font-size:17px}
.foot{padding-block:48px 32px;color:var(--muted)}
.foot p{font-size:17px;margin:0 0 16px;max-width:68ch}
.foot .go{font-size:17px;min-height:48px}
.slip{background:var(--wash);color:var(--structure);padding:32px;position:relative;border-top:3px solid var(--accent);border-radius:0;box-shadow:none;max-width:352px;justify-self:end;align-self:center}
.slip .caps{font-size:17px;border:0;padding:0}
.ask{font-family:var(--rounded);font-size:30px;line-height:1.35;margin:24px 0;max-width:15ch}
.tear{position:absolute;bottom:16px;left:32px;right:32px;height:1px;background:var(--rule)}
.qa{padding-block:16px 24px;border-bottom:1px solid var(--rule)}
.qa h3,.qa .subheading{margin-top:0;font-size:1.3rem}
.qa:last-child{border:0;padding-bottom:0}
.tbl{max-width:67ch;width:100%;margin-bottom:24px}
table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:18px}
caption{text-align:left;margin-bottom:24px;font-size:18px;color:var(--structure)}
th,td{text-align:left;vertical-align:top;padding:16px 20px 16px 0;border-bottom:1px solid var(--rule);font-weight:400;overflow-wrap:anywhere}
thead th{font-weight:700;color:var(--structure);border-bottom:2px solid var(--accent)}
th:first-child{width:29%}
td{padding-right:0}
/* The existing decorative spans form a flat, circular botanical print. */
.cut{position:relative;width:100%;max-width:376px;aspect-ratio:1;isolation:isolate;justify-self:end;border-radius:50%;overflow:hidden;background:#f2bfae}
.cut span{position:absolute;display:block}
.scr{box-shadow:none}
.s-a{width:76%;height:94%;left:12%;top:9%;background:#fff0ec;transform:rotate(-16deg)}
.s-b{width:73%;height:89%;left:20%;top:15%;background:#f8d9d0;transform:rotate(13deg)}
.s-c{width:66%;height:66%;left:20%;top:21%;background:#e8a38f;border-radius:50%}
.stem{width:2%;height:60%;left:53%;top:39%;background:#8e5344;transform:rotate(-12deg);z-index:2}
.leaf{background:#ae6956;z-index:2;border-radius:0 100% 0 100%}
.l-a{width:30%;height:18%;left:26%;top:65%;transform:rotate(4deg)}
.l-b{width:29%;height:18%;left:53%;top:54%;transform:rotate(102deg);background:#8e5344}
.pet{width:25%;height:35%;z-index:3;border-radius:50% 50% 45% 45%;transform-origin:50% 90%;left:39%;top:16%;background:#c9563c}
.p-a{transform:rotate(-64deg);background:#b83b20}
.p-b{transform:rotate(-31deg);background:#cf5d43}
.p-c{transform:rotate(2deg);background:#e9876d}
.p-d{transform:rotate(34deg);background:#d9694d}
.p-e{transform:rotate(68deg);background:#bb452c}
.core{width:13%;height:13%;left:46%;top:42%;border-radius:50%;background:#fff0ec;z-index:4}
.moon{width:11%;height:11%;left:75%;top:15%;border-radius:50%;background:#b83b20;z-index:2}
@media(max-width:1000px){
  .wrap{width:calc(100% - 64px)}
  .grid{gap:40px}
  .two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .intro{padding-block:48px 56px}
  .pad{padding:40px 48px 40px 88px}
  .pad::before{left:48px}
  .slip{padding:24px}
  .ask{font-size:27px}
  .tear{left:24px;right:24px}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 40px)}
  .bar{padding-block:20px;gap:20px;align-items:flex-start}
  .mark{font-size:1.3rem}
  .idx{margin-left:0;width:100%}
  .idx summary{width:100%;min-height:48px}
  .idx nav{position:static;width:100%;padding:16px 0;border-bottom:0}
  .chap{grid-template-columns:minmax(0,1fr)}
  .chap a{min-height:48px}
  .two{grid-template-columns:minmax(0,1fr);gap:32px}
  .intro{padding-block:32px 40px}
  .caps{font-size:17px;padding-left:12px}
  h1{font-size:clamp(2.1rem,9.2vw,3rem);margin-block:20px 24px;line-height:1.24;max-width:18ch}
  .lead{font-size:19px;line-height:1.65;margin-bottom:24px}
  .cut{max-width:264px;width:84%;justify-self:center;margin-block:8px}
  .slip{justify-self:stretch;max-width:none;width:100%;padding:24px}
  .ask{font-size:27px;max-width:24ch;margin:16px 0 24px}
  .pad{padding:32px 24px 32px 32px}
  .pad::before{left:12px}
  h2,.panel-heading{font-size:26px;margin-bottom:24px}
  h3:not(.panel-heading),.subheading{font-size:22px}
  .band h2,.band .panel-heading{font-size:25px}
  .steps div{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:20px}
  .steps dt{font-size:20px}
  .lst{padding-left:20px}
  .lst li{padding-left:4px}
  .map .go{font-size:20px}
  .go{font-size:18px}
  .light{padding:12px 18px}
  .notes h2,.notes .panel-heading{font-size:22px}
  .turn{padding-block:20px;display:block}
  .turn .go{display:flex;min-height:48px;padding-block:12px}
  .foot{padding-block:32px 24px}
  .foot .row{display:block}
  .foot .go{display:flex;width:fit-content;max-width:100%;min-height:48px}
  .tbl{margin-top:24px}
  table{font-size:17px}
  th:first-child{width:36%}
  th,td{padding-block:16px;padding-right:12px}
  td{padding-right:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
  body{background:#fff;color:#222;font-size:12pt}
  .wrap{width:100%;max-width:none}
  .bar,.skip,.cut,.slip,.turn,.foot,.light{display:none}
  .intro{padding:0 0 24px}
  .caps{color:#333;border-color:#777}
  .lead{font-size:13pt}
  h1{font-size:28pt;max-width:none}
  h1,h2,h3,h4,h5,h6{color:#222}
  .sheet{border:0}
  .pad{padding:18px 0;break-inside:auto}
  .pad::before{display:none}
  .band,.notes{background:none;border-color:#777}
  .band h2,.band .panel-heading,h2,.panel-heading{font-size:19pt}
  h3:not(.panel-heading),.subheading{font-size:15pt}
  .qa,.steps div,tr{break-inside:avoid}
  .refs p{color:#333}
  .go{font-size:12pt}
  a{color:#222}
  .map .go{font-size:14pt}
}