/* GENERATED by cowork/brain-buddies/builderhood-blvd/tools/vendor-kit.mjs from kit/reference.css (vendored, untouched). Only @font-face blocks removed: 17. Do not edit. */
:root { --page: #EDE7DB; --page-line: #D5CFC2; --card: #FAFAF5; --ink: #3A3A3A; --ink-dk: #2D2F32; --ink-md: #5A5855; --ink-lt: #7A7775; --ink-xlt: #929AA0; --teal: #307878; --teal-dk: #1F5A5F; --teal-deep: #277E87; --teal-vivid: #219E96; --teal-lt: #A0B5B8; --teal-mint: #B0EAE5; --teal-ice: #D4ECF1; --red: #B53535; --red-dk: #AC0C16; --red-deep: #C02B35; --red-bright: #EA5555; --red-rose: #BC5C62; --red-lt: #F4E2E1; --gold: #C49538; --gold-lt: #D4B050; --gold-dk: #9B6943; --gold-deep: #A87A28; --gold-pale: #E8D5A0; --gold-cream: #F5ECD0; --pres-blue: #406592; --mental-blue: #5A90C0; --navy: #2A3A5A; --green: #559C40; --green-earth: #5A7A4A; --green-bright: #88C339; --sage: #66835A; --forest: #3C5E25; --purple: #7A4380; --purple-lt: #98739F; --pink: #D0899A; --mauve: #AB7A99; --brown: #6D5042; --orange: #E98817; --yellow: #E2C90F; --v-fun: #E98817; --v-simple: #E2C90F; --v-clear: #88C339; --v-true: #509DA7; --v-inspire: #4788DD; --v-unify: #4080B0; --v-harmony: #7A4380; --teal-bg: rgba(48,120,120,.08); --gold-bg: rgba(196,149,56,.08); --red-bg: rgba(181,53,53,.08); }


.bf-card { position: relative; border: 1.5px solid rgb(85, 85, 85); border-radius: 12px; padding: 13px; box-shadow: rgba(58, 58, 58, 0.18) 0px 4px 10px; overflow: hidden; background-image: repeating-linear-gradient(0deg, rgba(58, 58, 58, 0.043), rgba(58, 58, 58, 0.043) 1px, transparent 1px, transparent 3.5px), repeating-linear-gradient(90deg, rgba(58, 58, 58, 0.043), rgba(58, 58, 58, 0.043) 1px, transparent 1px, transparent 3.5px); }


.bf-card .bf-inner { background-color: var(--card); border-radius: 8px; padding: 1rem; position: relative; z-index: 1; background-image: repeating-linear-gradient(0deg, rgba(58, 58, 58, 0.016), rgba(58, 58, 58, 0.016) 1px, transparent 1px, transparent 3.5px), repeating-linear-gradient(90deg, rgba(58, 58, 58, 0.016), rgba(58, 58, 58, 0.016) 1px, transparent 1px, transparent 3.5px); }


.bf-card.cc-wrap .bf-inner { background-color: rgba(250, 250, 245, 0.92); border-radius: 6px; padding: 0.8rem; background-image: repeating-linear-gradient(0deg, rgba(58, 58, 58, 0.01), rgba(58, 58, 58, 0.01) 1px, transparent 1px, transparent 3.5px), repeating-linear-gradient(90deg, rgba(58, 58, 58, 0.01), rgba(58, 58, 58, 0.01) 1px, transparent 1px, transparent 3.5px); }


.bf-card .conv-card { background: transparent; box-shadow: none; margin: 0px; padding: 0.4rem 0px; border-radius: 0px; }


.bf-std { background-color: var(--teal); }


.bf-card::after { content: ""; position: absolute; inset: 0px; border-radius: 12px; z-index: 0; pointer-events: none; background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 2px, rgba(30, 30, 30, 0.016) 2px, rgba(30, 30, 30, 0.016) 3px, transparent 3px, transparent 3.5px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 2px, rgba(30, 30, 30, 0.016) 2px, rgba(30, 30, 30, 0.016) 3px, transparent 3px, transparent 3.5px); }


.bf-card .edge { position: absolute; z-index: 0; overflow: hidden; }


.bf-card .edge-t { top: 0px; left: 18px; right: 22px; height: 13px; background: repeating-linear-gradient(90deg,var(--red) 0 22px,var(--card) 22px 24px,var(--teal) 24px 72px,var(--card) 72px 74px,var(--gold) 74px 96px,var(--card) 96px 98px,var(--red) 98px 140px,var(--card) 140px 142px,var(--teal) 142px 164px,var(--card) 164px 166px,var(--gold) 166px 220px,var(--card) 220px 222px,var(--red) 222px 246px,var(--card) 246px 248px,var(--teal) 248px 284px,var(--card) 284px 286px); }


.bf-card .edge-b { bottom: 0px; left: 22px; right: 18px; height: 13px; background: repeating-linear-gradient(90deg,var(--teal) 0 36px,var(--card) 36px 38px,var(--gold) 38px 60px,var(--card) 60px 62px,var(--red) 62px 114px,var(--card) 114px 116px,var(--teal) 116px 138px,var(--card) 138px 140px,var(--gold) 140px 182px,var(--card) 182px 184px,var(--red) 184px 210px,var(--card) 210px 212px,var(--gold) 212px 248px,var(--card) 248px 250px); }


.bf-card .edge-l { top: 20px; bottom: 18px; left: 0px; width: 13px; background: repeating-linear-gradient(180deg,var(--gold) 0 24px,var(--card) 24px 26px,var(--red) 26px 70px,var(--card) 70px 72px,var(--teal) 72px 94px,var(--card) 94px 96px,var(--gold) 96px 134px,var(--card) 134px 136px,var(--red) 136px 158px,var(--card) 158px 160px,var(--teal) 160px 208px,var(--card) 208px 210px); }


.bf-card .edge-r { top: 18px; bottom: 22px; right: 0px; width: 13px; background: repeating-linear-gradient(180deg,var(--teal) 0 28px,var(--card) 28px 30px,var(--gold) 30px 76px,var(--card) 76px 78px,var(--red) 78px 100px,var(--card) 100px 102px,var(--teal) 102px 142px,var(--card) 142px 144px,var(--gold) 144px 168px,var(--card) 168px 170px,var(--red) 170px 218px,var(--card) 218px 220px); }


.bf-card.bf-tb .edge-l, .bf-card.bf-tb .edge-r { display: none; }
/* Portable Email Studio arcade controls. Scope customizations to this wrapper. */
.fundamental-arcade-tabs {
  --fundamental-pixel-font: "PixelGamer", "Gaposiss", ui-monospace, monospace;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 3px 0 28px;
  padding-left: 20px;
}

.fundamental-arcade-button {
  --button-top: #d3d5cf;
  --button-bottom: #b7bcb5;
  --button-edge: #858b82;
  --button-ink: #484d48;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  margin: 3px;
  padding: 3px 11px;
  overflow: visible;
  border: 2.5px solid var(--button-edge);
  border-radius: 3px;
  color: var(--button-ink);
  background: linear-gradient(180deg, var(--button-top), var(--button-bottom));
  box-shadow: 0 4px 0 #00000038;
  font: 400 13px/1 var(--fundamental-pixel-font);
  letter-spacing: normal;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 100ms ease, box-shadow 100ms ease;
}

.fundamental-arcade-button__label {
  transform: translateY(1px);
}

.fundamental-arcade-button__emoji {
  position: absolute;
  z-index: 1;
  top: -8px;
  left: -20px;
  font-size: 27px;
  line-height: 1;
  transform: rotate(-9deg) scale(0.8);
  pointer-events: none;
}

.fundamental-arcade-button:nth-child(even) .fundamental-arcade-button__emoji {
  transform: rotate(7deg) scale(0.8);
}

.fundamental-arcade-button:hover {
  transform: translateY(1px);
  box-shadow: 0 3px 0 #00000038, 0 2px 8px #0000000f;
}

.fundamental-arcade-button:active {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #00000038;
}

.fundamental-arcade-button[aria-selected="true"],
.fundamental-arcade-button[aria-pressed="true"] {
  transform: none;
  box-shadow: 0 2px 0 #00000038;
  outline: 2px solid #d1d3ce;
  outline-offset: 4px;
}

.fundamental-arcade-button:focus-visible {
  outline: 3px solid #8052a0;
  outline-offset: 6px;
}

.fundamental-arcade-button--progress {
  --button-top: #d3d5cf;
  --button-bottom: #b7bcb5;
  --button-edge: #858b82;
  --button-ink: #484d48;
}

.fundamental-arcade-button--contacts {
  --button-top: #c4e8df;
  --button-bottom: #a4d8cc;
  --button-edge: #639d94;
  --button-ink: #366d64;
}

.fundamental-arcade-button--folders {
  --button-top: #fafaf7;
  --button-bottom: #e6e7e0;
  --button-edge: #b0aca5;
  --button-ink: #767a76;
}

@media (max-width: 440px) {
  .fundamental-arcade-tabs {
    gap: 14px;
    margin: 5px 0 25px;
    padding-left: 14px;
  }

  .fundamental-arcade-button {
    margin: 0;
    padding: 3px 7px;
    font-size: 12px;
  }

  .fundamental-arcade-button__emoji {
    top: -10px;
    left: -14px;
    font-size: 23px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fundamental-arcade-button {
    transition: none;
  }
}

@media (forced-colors: active) {
  .fundamental-arcade-button {
    color: ButtonText;
    background: ButtonFace;
    border-color: ButtonText;
  }

  .fundamental-arcade-button[aria-selected="true"],
  .fundamental-arcade-button[aria-pressed="true"] {
    outline-color: Highlight;
  }
}
*{box-sizing:border-box}body{margin:0;background:#e9e5dd;color:#5A5855;font:16px/1.65 Avenir,'Avenir Next',Arial,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:#307878;text-underline-offset:4px}p{margin:0 0 16px}h1,h3{color:#3a3a3a}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #888c89;outline-offset:5px;border-radius:5px}.shell{max-width:1180px;margin:28px auto 50px;padding:24px 42px;background:#fafaf5;border-radius:7px;box-shadow:0 8px 24px #433e3520;position:relative}.shell:before{content:'';position:absolute;z-index:-1;inset:6px -5px -6px;background:#f4f0e7;transform:rotate(-.35deg);border-radius:7px}.masthead{display:flex;gap:20px;align-items:center;border-bottom:2px dashed #aaa89f;padding-bottom:16px}.hero{width:90px;height:100px;object-fit:contain}.brand{font:25px/1.5 Chalkduster;color:#5a5855}.brand span:first-child{color:#307878}.brand span:last-child{color:#406592}.tape{display:inline-block;font:13px/1.4 EmbossT1,monospace;color:#fff;background:linear-gradient(#6583a4,#406592);padding:5px 9px;box-shadow:1px 3px 4px #5555;transform:rotate(-1deg)}.hand-note{font:11px/1.8 Chalkduster;color:#6d6457;margin:8px 0 0}.foam{font-family:'Apple Color Emoji','Segoe UI Emoji';display:inline-block;line-height:1.2;filter:url(#studio-foam-smooth);transform:rotate(var(--tilt,-7deg));transition:transform .3s ease}.inline-emoji{display:inline;filter:drop-shadow(0 2px 2px #3a3a3a25);font-family:'Apple Color Emoji','Segoe UI Emoji';margin-right:3px}.bullet-emoji{display:inline-block;filter:url(#studio-foam-smooth);transform:rotate(-5deg);margin-right:7px}.index{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin:24px 0 32px}.index button{display:flex;align-items:center;flex-direction:column;gap:7px;background:#f0ece4;border:1px solid #d9d5cb;border-radius:5px 7px 4px 5px;padding:12px 3px 8px;font:11px/1.5 Chalkduster;color:#67635b;position:relative;box-shadow:1px 2px 2px #5551;transform:rotate(var(--tilt));min-width:0}.index .foam{font-size:30px}.index button:hover .foam{transform:translateY(-4px) rotate(5deg)}.index button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 13%,#fafaf5);border-color:var(--accent);color:var(--accent);box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 35%,transparent)}.chapter-title{display:flex;align-items:center;gap:19px}.chapter-title>.foam{font-size:44px}.eyebrow{font:10px EmbossT1;letter-spacing:1px;color:var(--accent)}h1{font:25px/1.5 Chalkduster;margin:5px 0}h3{font:17px/1.6 Chalkduster;margin:12px 0}.lead{font:13px/1.9 Chalkduster;margin:9px 0 25px;color:#6e6a63}.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.map-grid,.worlds-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic{min-width:0;--accent:#307878}.topic:has(.unfold[open]){grid-column:1/-1}.bf-card{background-color:#307878;padding:10px;border-radius:11px;border-color:#727871;overflow:visible}.bf-card:after{border-radius:11px}.bf-card .edge-t,.bf-card .edge-b{height:10px}.bf-card .edge-l,.bf-card .edge-r{width:10px}.bf-card .bf-inner{padding:23px 22px 15px;background-color:#fafaf5;border-radius:6px;min-width:0}.topic .bf-card{background-color:var(--accent)}.topic .edge{--teal:var(--accent);--red:color-mix(in srgb,var(--accent) 73%,#3a3a3a);--gold:color-mix(in srgb,var(--accent) 52%,#fafaf5)}.card-head{margin-bottom:19px;padding:4px 12px 0 0}.flag{position:relative;display:inline-flex;align-items:center;padding:7px 20px 7px 12px;font:12px/1.6 Chalkduster;color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:2px;box-shadow:5px 3px 7px #3a3a3a30;margin:4px 6px 4px 0;background:var(--accent,#307878);transform:rotate(-.6deg);max-width:100%;text-wrap:balance}.flag>.foam{position:absolute;top:-14px;right:-12px;font-size:27px;z-index:2}.preview{font-size:16px;line-height:1.65;color:#5a5855;margin-bottom:17px}.unfold{border-top:1.5px dashed #aba99f;margin-top:12px}.unfold>summary{list-style:none;font:10px/1.7 Chalkduster;min-height:43px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#6d6457;padding:9px 0}.unfold>summary::-webkit-details-marker{display:none}.chevron{margin-left:auto;font:22px Avenir;color:#777}.opened-word{display:none}.unfold[open] .opened-word{display:inline}.unfold[open] .closed-word{display:none}.unfold[open] .chevron{transform:rotate(45deg)}.full-copy{padding:15px 0 7px;max-width:880px;margin:auto}.full-copy p{line-height:1.85}.full-copy ul,.full-copy ol{padding-left:0;list-style:none}.full-copy li{margin-bottom:14px}.full-copy .small,.small{font-size:12px;color:#736f69;font-style:italic}.state{font-size:13px;color:#406592}.semantic{font-weight:600}.semantic.mind{color:#ad4780}.semantic.ground{color:#6d5042}.semantic.focus{color:#307878}.ombre{background:linear-gradient(90deg,#5a90c0,#365778);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600}.route-strip{display:flex;justify-content:center;align-items:center;gap:18px;margin:8px 0 28px;font:12px/1.7 Chalkduster;flex-wrap:wrap;color:#6d6457}.route-strip b{font:22px Avenir;color:#929aa0}.map-link{display:block;text-decoration:none;color:inherit;text-align:center;padding:12px 2px}.map-link>.foam{font-size:52px}.map-link:hover>.foam{transform:translateY(-5px) rotate(6deg)}.map-link p{font-size:15px;margin:12px 0}.map-card:nth-child(2){--accent:#6d5042}.open-cue{font:10px Chalkduster;color:#307878}.map-grid{margin-bottom:28px}.example-card{margin:22px 0}.example-sentence{font-size:18px;line-height:1.8;margin-top:14px;max-width:850px}.material-demo{display:flex;align-items:center;gap:45px;justify-content:center;padding:30px 8px 15px;flex-wrap:wrap}.demo-tab{width:180px;height:62px;display:flex;align-items:center;justify-content:center;position:relative;background:repeating-linear-gradient(133deg,#7a438030 0 3px,#7a438015 4px 6px);border:2px solid #7a4380;border-bottom:0;border-radius:12px 15px 0 0;font:13px Chalkduster;color:#613268;transform:rotate(-2deg)}.demo-tab>.foam{position:absolute;top:-23px;font-size:30px;left:calc(50% - 15px)}.demo-tab>span:last-child{margin-top:16px}.demo-play:active{transform:translateY(3px)}.example-heading{margin:3px 0 10px}.communication-sample{margin-top:30px;padding:20px;background:#f3eee0;box-shadow:2px 4px 7px #5552;transform:rotate(.25deg)}.communication-sample>p{margin:20px 0 12px;font-size:20px;line-height:1.85}.chapter-notes{margin-top:23px}.chapter-notes>p{font-size:13px;max-width:850px}.info{position:relative;display:inline-block}.top-info{margin-left:auto;align-self:flex-start;margin-top:20px}.info summary{list-style:none;cursor:pointer;font:10px/1.8 Chalkduster;display:flex;align-items:center;gap:10px;min-height:44px}.info summary::-webkit-details-marker{display:none}.info .foam{font-size:25px}.postit{position:absolute;z-index:20;top:55px;right:0;width:320px;max-width:78vw;background:linear-gradient(125deg,#edf4f8,#d8e7ee);padding:24px;font:12px/1.9 Chalkduster;box-shadow:2px 6px 14px #41443f33;transform:rotate(1.2deg);animation:pop .25s ease-out}.chapter-notes .postit{left:0;right:auto}.info:hover .foam{transform:rotate(4deg) translateY(-2px)}.art-button{background:#fff;border:0;padding:0;display:block;width:100%;margin-bottom:17px;cursor:zoom-in;border-radius:3px}.example{display:block;width:100%;height:220px;object-fit:contain;background:white}.art-button:hover{box-shadow:0 0 0 2px #aaa8}.type-sample{font-size:24px;padding:16px 0;line-height:1.8}.type-4{font-size:18px;color:#fff;background:#406592;display:inline-block;padding:5px 10px;margin:12px 0}.type-5{color:#307878}.speech-specimen{padding:14px 15px;border:2px solid #9ca39e;border-radius:40% 45% 38% 43%;font-size:17px}.specimen-note{font-size:11px;color:#736f69;display:block;margin-top:8px}.toolbox{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbox .preview{font-size:13px;overflow-wrap:anywhere}.plan-grid{counter-reset:plan}.plan-grid .topic{counter-increment:plan}.timing{padding:24px;margin-bottom:28px;background:#f0ede4;border-radius:8px;text-align:center}.motion-track{height:135px;position:relative;max-width:380px;margin:auto}.sketch-demo{position:absolute;bottom:10px;left:50%;width:95px;height:52px;transform:translateX(-50%);background:repeating-linear-gradient(135deg,#7a438028 0 4px,#7a438010 4px 6px);border:2.5px solid #7a4380;border-bottom:0;border-radius:12px 13px 0 0}.gliding{position:absolute;font-size:42px;bottom:35px;left:calc(50% - 21px)}.written{display:block;font:16px Chalkduster;white-space:nowrap;width:150px;position:absolute;bottom:17px;left:calc(50% - 75px);clip-path:inset(0 100% 0 0);color:#613268}.timing.playing .sketch-demo{animation:expand 1.1s steps(6,end) forwards}.timing.playing .gliding{animation:glide 1.1s ease-in-out forwards}.timing.playing .written{animation:write .7s steps(11,end) .8s forwards}@keyframes expand{to{width:245px;height:92px}}@keyframes glide{to{bottom:83px;transform:rotate(5deg)}}@keyframes write{to{clip-path:inset(0)}}.fundamental-arcade-button{--fundamental-pixel-font:PixelGamer,monospace;min-height:38px;font-family:PixelGamer}.fundamental-arcade-button .foam{font-size:23px;margin-right:8px}.fundamental-arcade-button:hover .foam{transform:translateY(-3px) rotate(5deg)}footer{border-top:2px dashed #aaa89f;display:flex;align-items:center;justify-content:space-between;margin-top:32px;padding-top:20px;gap:18px}#count{font:17px Gaposiss,monospace;color:#777}.page[hidden]{display:none}dialog{border:2px solid #999b95;border-radius:7px;background:#fafaf5;max-width:94vw;padding:20px}dialog::backdrop{background:#38383099}#art-image{display:block;max-width:85vw;max-height:74vh;object-fit:contain;background:#fff;margin-top:15px}#art-caption{font:12px/1.8 Chalkduster;max-width:75vw;margin-top:12px}@keyframes pop{from{opacity:0;transform:rotate(1.2deg) translateY(7px) scale(.97)}to{opacity:1;transform:rotate(1.2deg)}}@media(max-width:850px){.shell{margin:12px 12px 35px;padding:23px}.shell:before{transform:none}.index{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 28px}.topics,.worlds-grid,.map-grid,.toolbox{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{width:70px;height:86px}.brand{font-size:22px}.top-info{margin-top:10px}.top-info summary{font-size:0}.top-info .foam{font-size:26px}.map-grid>.map-card:last-child{grid-column:1/-1}.chapter-title>.foam{font-size:36px}h1{font-size:22px}.bf-card .bf-inner{padding:22px 18px 13px}}@media(max-width:560px){.shell{padding:20px 17px}.masthead{gap:12px}.brand{font-size:19px}.tape{font-size:10px}.masthead .hand-note{font-size:9px}.hero{width:57px;height:70px}.index button{font-size:9px;padding:10px 2px 7px}.index .foam{font-size:27px}.index{gap:6px}.topics,.worlds-grid,.map-grid,.toolbox{grid-template-columns:1fr}.chapter-title{gap:12px}h1{font-size:20px}.lead{font-size:11px;line-height:1.9}.flag{font-size:11px}.route-strip{gap:10px;font-size:10px}.example{height:260px}.preview{font-size:15px}.full-copy{font-size:15px}.postit{max-width:76vw}.material-demo{gap:26px}.example-sentence{font-size:16px}.communication-sample>p{font-size:17px}.timing{padding:20px 12px}.timing .flag{font-size:10px}.timing small{font-size:11px}.hand-note{font-size:10px}.chapter-title>.foam{font-size:31px}.bf-card{padding:9px}.type-sample{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;transition:none!important}}@media print{body{background:#fff}.shell{margin:0;padding:0;box-shadow:none}.shell:before,.index,footer,.top-info,.unfold>summary,.timing button{display:none}.page[hidden]{display:block}.page{break-before:page}.page:first-of-type{break-before:auto}.topics{display:block}.topic,.map-card{margin-bottom:18px;break-inside:avoid}details>*{display:block!important}.full-copy{content-visibility:visible!important}.bf-card{break-inside:avoid}.example{height:180px}.communication-sample{transform:none}}
.map-grid{align-items:stretch}.map-grid>.map-card{display:flex;flex-direction:column}.map-grid .bf-inner{flex:1;display:flex;flex-direction:column}.map-link{flex:1}.map-grid .unfold>summary{font-size:9px}.topic:nth-child(2n) .flag>.foam{--tilt:7deg}.topic:nth-child(3n) .flag>.foam{--tilt:-4deg}.topic:nth-child(4n) .flag>.foam{--tilt:10deg}.full-copy p{overflow-wrap:anywhere}.bf-card .full-copy .postit{font-family:Chalkduster}
.worlds-grid{align-items:stretch}.worlds-grid>.topic{display:flex;flex-direction:column}.worlds-grid .bf-card{flex:1;display:flex;flex-direction:column}.worlds-grid .bf-inner{flex:1;display:flex;flex-direction:column}.worlds-grid .preview{flex:1}.worlds-grid .unfold{margin-top:auto}
.shell{width:calc(100% - 36px)}.shell:before{transform:none}@media(max-width:850px){.shell{width:calc(100% - 24px)}}
/* Pencil tags reuse the deck's exact seeded stroke generator; tape keeps its pressed face. */
.index{display:flex;gap:16px;justify-content:center;margin-top:32px}.nav-group{display:flex;gap:7px;align-items:flex-end;justify-content:center;flex:1;min-width:0}.index button{width:44px;flex:0 1 44px;height:76px;display:block;position:relative;border:0;border-radius:0;box-shadow:none!important;background:none!important;transform:none;padding:0;color:var(--accent);transition:width .65s ease-in-out,flex-basis .65s ease-in-out}.index button[data-expanded=true]{width:118px;flex-basis:118px}.index button>.foam{position:absolute;left:calc(50% - 15px);top:25px;font-size:30px;z-index:2;transition:top .65s ease-in-out,transform .65s ease-in-out}.index button[data-expanded=true]>.foam{top:0;transform:rotate(4deg)}.index button>.tab-art{position:absolute;left:0;bottom:0;width:100%;height:51px;color:var(--accent);overflow:visible;pointer-events:none;transform:translateY(0);transition:transform .65s steps(6,end)}.index button[data-expanded=true]>.tab-art{transform:translateY(-5px)}.index .pencil-fill{opacity:.62}.index .pencil-letter-ink{display:none}.nav-caption{position:absolute;bottom:13px;left:0;width:100%;font:12px/1.4 Chalkduster;color:color-mix(in srgb,var(--accent) 82%,#202323);text-shadow:0 0 5px #fafaf5,0 0 8px #fafaf5;opacity:0;clip-path:inset(0 100% 0 0);white-space:nowrap;transition:opacity .18s ease,clip-path .28s steps(6,end)}.index button[data-expanded=true] .nav-caption{opacity:1;clip-path:inset(0);transition-delay:.48s}.tap-cue{display:none;position:absolute;top:-18px;left:0;width:100%;font:9px Chalkduster;color:#777}.index button[data-preview=true] .tap-cue{display:block}.index button[aria-pressed=true]{color:var(--accent)}.index button[aria-pressed=true]>.tab-art{filter:drop-shadow(0 2px 0 #7773)}.flag{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 18%,#fafaf5),color-mix(in srgb,var(--accent) 30%,#fafaf5));color:color-mix(in srgb,var(--accent) 70%,#333);box-shadow:4px 3px 5px #3a3a3a20;padding:7px 22px 7px 12px;clip-path:none;border-left:5px solid color-mix(in srgb,var(--accent) 42%,#fafaf5);border-radius:1px 2px 6px 1px;transform:rotate(-1deg)}.tape{font-family:EmbossT1;letter-spacing:.04em;text-shadow:0 -1px 0 #163657aa,0 1px 0 #ffffff77;box-shadow:1px 3px 4px #5554}.craft-tray{display:flex;flex-wrap:wrap;gap:23px 20px;align-items:center;padding:18px 3px}.craft-tray>div{min-width:110px}.craft-tray small,.digital-tray small{display:block;font:10px/1.8 Chalkduster;margin-top:8px;color:#6d6457}.pencil-tag{display:inline-block;border:2px solid #7a4380;border-radius:8px 11px 2px 2px;background:repeating-linear-gradient(130deg,#7a438035 0 2px,#7a43801c 2px 4px);font:11px Chalkduster;color:#613268;padding:12px 10px;transform:rotate(-2deg)}.mini-note{font:12px/1.9 Chalkduster;padding:12px 15px;background:#f2e4ac;box-shadow:2px 4px 6px #4442;transform:rotate(3deg)}.mini-note .foam{font-size:24px;float:right;margin-left:8px}.sticker-tray>.foam{font-size:28px;margin-right:9px}.digital-tray{display:flex;gap:22px;flex-wrap:wrap;align-items:center;padding:20px 0}.digital-score{font:23px Gaposiss;color:#406592}.digital-tray small{flex-basis:100%}.reference-note{font:11px/1.9 Chalkduster;color:#6d6457;border-left:3px solid #c49538;padding:9px 12px;background:#f5ecd0;margin:15px 0}@media(max-width:850px){.index{display:block}.nav-group{justify-content:center;margin-top:20px;gap:10px}.index button{flex:0 0 44px}.index button[data-expanded=true]{flex-basis:120px}.index button>.foam{font-size:30px}}@media(max-width:560px){.nav-group{gap:7px}.index button{flex:1 1 40px;min-width:34px;height:72px}.index button[data-expanded=true]{flex:2.8 1 112px}.nav-caption{font-size:11px}.index button>.foam{font-size:29px}.index{margin-top:16px}.index button[aria-pressed=true]>.tab-art{transform:translateY(-4px)}.index button[data-expanded=true]>.tab-art{transform:translateY(-7px)}}
.drawing-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0 12px}.drawing-tray .example{height:150px}.drawing-tray .art-button{margin-bottom:7px}.drawing-tray small{display:block;font:10px/1.8 Chalkduster;margin-top:6px;color:#6d6457}.drawing-tray>div:last-child{grid-column:1/-1;text-align:center}.drawing-tray>div:last-child small:last-child{font:11px/1.6 Avenir;color:#797369}
.bubble-real,.bubble-double{position:relative;color:#858b91;font:20px/1.35 Komika;text-transform:uppercase;text-align:center;max-width:280px;margin:4px auto 28px;width:100%;isolation:isolate}.bubble-real{padding:19px 22px 23px}.bubble-tall{max-width:240px;padding:25px 23px 28px}.bubble-outline{position:absolute;left:0;top:0;width:100%;height:calc(100% + 30px);overflow:visible;pointer-events:none;z-index:-1}.bubble-words{position:relative}.bubble-real .foam,.bubble-double .foam{font-size:1.1em;line-height:1.4;vertical-align:middle;margin:1px 3px;--tilt:-5deg}.bubble-real .foam:nth-of-type(even),.bubble-double .foam:nth-of-type(even){--tilt:6deg}.bubble-top{margin:0 auto;width:145px;padding:14px 12px 15px;font-size:18px}.bubble-bottom{margin-top:19px;padding:20px 22px 24px}.bubble-chip{font:13px/1.7 EmbossT1;display:inline-block;white-space:nowrap;padding:2px 8px 3px;color:#fff;background:linear-gradient(#6a747c,#4f585f);box-shadow:0 2px 5px #281e0a52;transform:rotate(-1.5deg);vertical-align:middle}.gold-chip{background:linear-gradient(#c99633,#a8791f)}.semantic-grow{color:#559c40}.rainbow-word{background:linear-gradient(90deg,#7a4380,#406592,#559c40,#c49538,#b53535);background-clip:text;-webkit-background-clip:text;color:transparent}.quiet{color:#8a9096}.bubble-library-link{font:11px/1.8 Chalkduster;display:block;text-align:center;margin:12px 0 7px}.bubble-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;padding:32px 20px;border-radius:8px;background:#f4f0e5}.bubble-grid[data-surface=lines]{background:repeating-linear-gradient(0deg,#b2c1ce 0 1px,#f4f0e5 1px 28px)}.bubble-grid[data-surface=color]{background:linear-gradient(110deg,#e5d7c6,#e0e7df,#e1dae5)}.bubble-cell{min-width:0;text-align:center;padding:12px 8px 8px}.bubble-cell-stage{min-height:230px;display:flex;align-items:center;justify-content:center;padding-bottom:16px}.bubble-cell .flag{font-size:10px;--accent:#406592}.bubble-handoff{max-width:790px;margin:35px auto 10px}.bubble-handoff h2{font:20px Chalkduster}.bubble-handoff p{line-height:1.9}.library-status{font:11px/1.8 Chalkduster;margin:22px 0}.surface-options{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.surface-options button{font:11px Chalkduster;padding:10px 12px;background:#f2ede1;border:1px solid #aaa39a;border-radius:3px;color:#6d6457}.surface-options button[aria-pressed=true]{background:#dce7e3;border-color:#307878}.bubble-library .masthead{justify-content:space-between}.bubble-library .masthead>a{font:11px Chalkduster}@media(max-width:900px){.bubble-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:25px 10px}}@media(max-width:580px){.bubble-grid{grid-template-columns:1fr}.bubble-library .masthead{flex-wrap:wrap}.bubble-cell-stage{min-height:0;padding-bottom:20px}.bubble-cell{padding:15px 10px}.bubble-handoff{font-size:15px}}
.bubble-library-link{border:0;background:transparent;color:#307878;cursor:pointer;width:100%;padding:8px}.bubble-library-dialog{width:1000px;max-width:94vw;max-height:90vh;overflow:auto}.bubble-library-dialog>h2{font-size:18px;margin:20px 0 15px}
/* Creator refinement, September 12: paper contact versus curled embossed tape. */
.flag{border:0;border-radius:1px 2px 3px 1px;background:linear-gradient(96deg,color-mix(in srgb,var(--accent,#307878) 50%,#faf8ef) 0%,color-mix(in srgb,var(--accent,#307878) 25%,#faf8ef) 8%,color-mix(in srgb,var(--accent,#307878) 29%,#faf8ef) 65%,color-mix(in srgb,var(--accent,#307878) 19%,#faf8ef) 100%);box-shadow:0 1px 1px #36332616,6px 4px 6px -4px #39352f55;transform:rotate(var(--paper-tilt,-.6deg));padding-left:12px;isolation:isolate}
.flag::before{content:"";position:absolute;inset:auto 3px -2px 8%;height:7px;border-radius:0 0 70% 20%;background:#4b433b30;filter:blur(3px);transform:rotate(-1deg);z-index:-1}
.tape,.bubble-chip{--tape-color:#406592;--tape-tilt:-1deg;--tape-cuts:polygon(1% 0,99% 0,100% 100%,0 100%);position:relative;isolation:isolate;background:none;box-shadow:none;border:0;border-radius:0;clip-path:none;transform:rotate(var(--tape-tilt));text-shadow:0 -1px 0 #17212acc,0 1px 0 #ffffff75;white-space:normal}
.tape::before,.bubble-chip::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:var(--tape-cuts);background:linear-gradient(var(--curl-angle,180deg),#ffffff22 0%,transparent 40%,#00000020 100%),linear-gradient(90deg,#0000001c 0%,transparent 12%,#ffffff13 48%,transparent 86%,#0000001c 100%),var(--tape-color);border-radius:var(--curl-radius,0 0 40% 25% / 0 0 5% 4%);box-shadow:inset 0 1px 0 #ffffff25,inset 0 -1px 0 #00000029}
.tape::after,.bubble-chip::after{content:"";position:absolute;z-index:-2;left:2%;right:2%;top:45%;bottom:var(--curl-depth,-3px);border-radius:var(--shadow-radius,15% 15% 48% 42%);background:#39383255;filter:blur(2.3px);transform:rotate(var(--shadow-tilt,.3deg));pointer-events:none}
.bubble-chip{--tape-color:#606c75}.bubble-chip.gold-chip{--tape-color:#C49538}
.material-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start;margin:24px 0}.material-compare>div{padding:12px 4px;min-width:0}.material-compare p{margin-top:20px}.material-colors{display:flex;flex-wrap:wrap;gap:16px 20px;align-items:center;padding:12px 4px}.material-colors .tape{font-size:12px}.material-note{margin:26px 0}.material-note summary{font:12px/1.8 Chalkduster;color:#307878;cursor:pointer}.material-note .tape{font-size:13px}.material-note .flag{font-size:12px}.material-source img{width:100%;max-height:430px;object-fit:contain}.material-source{margin:25px 0}.material-report p{margin:15px 0}
@media(max-width:580px){.material-compare{grid-template-columns:1fr;gap:8px}}

/* Paper tag: adhered left fifth, lifted and illuminated free end. */
.flag{background:none;box-shadow:none;isolation:isolate;color:color-mix(in srgb,var(--accent,#307878) 70%,#333);padding-left:12px;transform:rotate(var(--paper-tilt,-.6deg))}.flag::before{content:"";position:absolute;inset:0;height:auto;z-index:-1;border-radius:1px 2px 4px 1px;filter:none;transform:none;clip-path:polygon(0 0,100% 0,100% 90%,78% 97%,25% 100%,0 100%);background:linear-gradient(100deg,#0000000b 0%,#00000009 20%,transparent 30%,#ffffff19 70%,#ffffff38 100%),color-mix(in srgb,var(--accent,#307878) 24%,#faf8ef)}.flag::after{content:"";position:absolute;left:0;right:1%;top:2px;bottom:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#49423820 0%,#4942381b 22%,#49423814 35%,#49423830 85%,#49423818 100%);clip-path:polygon(0 0,100% 3%,98% 100%,70% 96%,25% 86%,0 86%);filter:blur(2px);transform:translateY(2px) rotate(.7deg);transform-origin:20% center}

/* Chapter families and intentional specimen palettes, September12 creator direction. */
.topic{--frame-0:color-mix(in srgb,var(--accent) 80%,#333);--frame-1:var(--accent);--frame-2:color-mix(in srgb,var(--accent) 75%,#fafaf5);--frame-3:var(--accent);--frame-4:color-mix(in srgb,var(--accent) 55%,#fafaf5);--frame-5:color-mix(in srgb,var(--accent) 90%,#333)}
.palette-principles{--frame-0:#E98817;--frame-1:#E2C90F;--frame-2:#88C339;--frame-3:#509DA7;--frame-4:#4788DD;--frame-5:#4080B0}
.palette-rainbow{--frame-0:#C13B2A;--frame-1:#D47A3A;--frame-2:#C49538;--frame-3:#559C40;--frame-4:#307878;--frame-5:#7A4380}
.palette-core{--frame-0:#307878;--frame-1:#B53535;--frame-2:#C49538;--frame-3:#307878;--frame-4:#B53535;--frame-5:#C49538}
.topic .edge{--edge-angle:90deg;background-image:repeating-linear-gradient(var(--edge-angle),var(--frame-0) 0 25px,#fafaf5 25px 27px,var(--frame-1) 27px 60px,#fafaf5 60px 62px,var(--frame-2) 62px 87px,#fafaf5 87px 89px,var(--frame-3) 89px 128px,#fafaf5 128px 130px,var(--frame-4) 130px 153px,#fafaf5 153px 155px,var(--frame-5) 155px 189px,#fafaf5 189px 191px)}
.topic .edge-l,.topic .edge-r{--edge-angle:180deg}.map-destination{height:100%}.map-destination>.bf-card{height:100%}.map-link .open-cue{color:var(--accent);display:block;font:11px/1.7 Chalkduster;margin-top:12px}
/* The adhesive fifth contacts the sheet; only the free paper casts a lifted shadow. */
.flag::after{left:20%;right:2%;top:auto;bottom:-1px;height:35%;background:linear-gradient(90deg,transparent,#37332f1c 24%,#37332f38 72%,#37332f12);opacity:1;filter:blur(2.2px);clip-path:none;border-radius:10% 15% 70% 35% / 20% 20% 85% 50%;transform:rotate(1.2deg);transform-origin:left center}
.flag::before{clip-path:polygon(0 0,100% 0,100% 86%,80% 94%,24% 100%,0 100%);background:linear-gradient(90deg,#0000000c 0 19%,#00000008 23%,transparent 34%,#ffffff18 67%,#ffffff40 100%),color-mix(in srgb,var(--accent,#307878) 24%,#faf8ef)}

.flag-dark,.type-grid>.topic:nth-child(even) .card-head>.flag,.worlds-grid>.topic:nth-child(2) .card-head>.flag{color:#fff;text-shadow:0 .5px .7px #0003}
.flag-dark::before,.type-grid>.topic:nth-child(even) .card-head>.flag::before,.worlds-grid>.topic:nth-child(2) .card-head>.flag::before{background:linear-gradient(100deg,#00000012 0 20%,transparent 34%,#ffffff10 80%,#ffffff22),color-mix(in srgb,var(--accent,#307878) 80%,#343838)}
.tape,.bubble-chip{text-shadow:0 -.45px .3px #17212a80,0 .65px .4px #ffffff80;letter-spacing:.025em}
.tape::before,.bubble-chip::before{background:linear-gradient(var(--curl-angle,180deg),#ffffff14,transparent 42%,#00000012),var(--tape-color);box-shadow:inset 0 .7px .5px #ffffff20,inset 0 -.7px .5px #00000020}
.tape::after,.bubble-chip::after{background:#39383236;filter:blur(1.8px);bottom:var(--curl-depth,-2px)}
.type-grid .preview{font-family:Avenir,'Avenir Next',sans-serif}.type-primary{padding:15px 0}.type-primary .bubble-real{margin:6px auto 25px}.written-paper{font:19px/1.9 Chalkduster;padding:14px 8px;background:repeating-linear-gradient(to bottom,transparent 0 35px,#6d9ebf30 35px 36px);background-position:0 12px;color:#5A5855}.printed-sample{font:22px/1.7 Avenir,'Avenir Next',sans-serif;color:#5A5855;padding:12px 3px}.classic-sample{font:23px/1.6 'Times New Roman',serif;background:#f4efe5;padding:16px;color:#5A5855}.classic-sample small{font-size:14px}.ink-strong{color:#3A3A3A;font-weight:700}.ink-quiet{color:#7A7775;font-size:.85em}.variant-tags{display:flex;flex-wrap:wrap;gap:18px 12px;padding:14px 3px}.play-sample{padding:15px 3px}.play-sample p,.example-why{font:13px/1.8 Chalkduster;color:#5A5855;margin-top:18px}.examples-open{font-size:12px;max-width:100%;margin:12px 0 18px}.examples-open .foam{font-size:20px;margin-right:8px}
.type-source-intro{margin:28px auto;text-align:center;max-width:760px}.type-source-intro p,.source-link{font:12px/1.9 Chalkduster}.type-source-intro a{font:12px/1.8 Chalkduster}
#type-example-dialog{width:min(850px,calc(100% - 28px));max-height:88vh;padding:25px;border:1.5px solid #7A7775;border-radius:8px;background:#fafaf5;box-shadow:3px 10px 30px #36332e40;color:#5A5855}#type-example-dialog::backdrop{background:#302e294d;backdrop-filter:blur(2px)}#close-type-examples{display:block;margin-left:auto;font-size:12px}#type-example-dialog h2{font:21px/1.7 Chalkduster;margin:18px 0 5px}.example-option{margin:28px 0;padding:12px 0 22px;border-bottom:0;position:relative}.example-option:not(:last-of-type)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;opacity:.5;background:repeating-linear-gradient(91deg,#929aa0 0 3px,transparent 3px 7px,#929aa0 7px 9px,transparent 9px 14px);clip-path:polygon(0 15%,12% 38%,30% 0,49% 40%,67% 10%,82% 38%,100% 0,100% 72%,82% 100%,67% 72%,49% 100%,30% 65%,12% 100%,0 80%)}.example-visual{padding:10px 6px;min-width:0}.example-option .bubble-real,.example-option .bubble-double{margin:10px auto 32px;max-width:100%}.example-option .flag{font-size:12px}.specimen-response{min-height:24px}.type-grid>.topic{height:100%}.type-grid>.topic>.bf-card{height:100%}
.pencil-specimen{display:inline-block;position:relative;width:156px;height:76px;color:#6D5042;vertical-align:middle}.pencil-specimen svg{position:absolute;left:0;bottom:0;width:156px;height:51px;overflow:visible;filter:url(#sketch-accuracy)}.pencil-specimen>.foam{position:absolute;top:0;left:65px;font-size:28px}.pencil-specimen .pencil-letter-ink{color:color-mix(in srgb,#6D5042 82%,#202323);fill:currentColor;stroke:currentColor;stroke-width:.22}.pencil-specimen .pencil-fill{opacity:.62}
@media(max-width:560px){#type-example-dialog{padding:16px;max-height:92vh}.printed-sample,.classic-sample{font-size:20px}.written-paper{font-size:17px}.examples-open{font-size:10px}.variant-tags{gap:14px 8px}.type-grid>.topic{height:auto}}

.unfold>summary>.foam{font-size:21px;margin-right:8px;vertical-align:middle}.unfold .chevron{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0}.unfold .plus-sticker{font:900 24px/1 Avenir,sans-serif;color:var(--accent,#307878);transform:rotate(-7deg);transition:transform .18s ease}.unfold>summary:hover .plus-sticker{transform:rotate(4deg) scale(1.18)}.map-destination h3{color:var(--accent)}

/* A paired Type row shares a paper height, never a block of exposed frame. */
.type-grid{align-items:stretch}.type-grid>.topic>.bf-card{display:flex;flex-direction:column}.type-grid>.topic>.bf-card>.bf-inner{flex:1;display:flex;flex-direction:column}.type-grid>.topic>.bf-card>.bf-inner>.preview{flex:1;display:flex;flex-direction:column}.type-primary{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:160px}.examples-open{align-self:flex-start}.type-grid .unfold{margin-top:auto}.type-grid .preview{margin-bottom:8px}
@media(max-width:560px){.type-primary{min-height:0}.type-grid>.topic>.bf-card>.bf-inner>.preview{display:block}.type-grid .examples-open{margin-bottom:12px}}

.review-checklist{margin:26px auto 8px}.review-checklist>button{display:block;margin:auto}.review-checklist h2{font:20px/1.6 Chalkduster}.review-checklist .hand-note{margin:12px 0}.check-group{margin:18px 0}.check-group>summary{font:12px/1.8 Chalkduster;cursor:pointer;color:#406592;list-style:none;padding:12px 0}.check-count{font-family:Gaposiss;font-size:12px;color:#7A7775;margin-left:12px}.check-group ul{padding:0;list-style:none;margin:6px 0}.check-group li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px 0;font:14px/1.8 Avenir,sans-serif}.check-mark{font:18px/1.5 Chalkduster;color:#7A7775}.verified .check-mark{color:#307878}.check-group li+li{border-top:1px solid #929aa020}.example-option .bubble-real{max-width:min(520px,100%)}

.brand .brand-f{color:#307878}.brand .brand-u{color:#B53535}.brand .brand-n{color:#C49538}.brand .brand-dot{color:#B0ACA5}.brand .brand-da{color:#7A7775}.brand span.brand-mental{color:#5A90C0}

/* Grant Garden corner and palette source, adapted only to guide selectors. */
/* Read-only source excerpt, https://grantgarden.fundamental.fans, September 12 2026. */


.palette-principles .edge-t {
  background: repeating-linear-gradient(90deg,
    #E98817 0px 44px,
    var(--pc-sep) 44px 46px,
    #E2C90F 46px 72px,
    var(--pc-sep) 72px 74px,
    #88C339 74px 112px,
    var(--pc-sep) 112px 114px,
    #509DA7 114px 134px,
    var(--pc-sep) 134px 136px,
    #4788DD 136px 186px,
    var(--pc-sep) 186px 188px,
    #4080B0 188px 218px,
    var(--pc-sep) 218px 220px,
    #E98817 220px 240px,
    var(--pc-sep) 240px 242px,
    #E2C90F 242px 276px,
    var(--pc-sep) 276px 278px,
    #88C339 278px 294px,
    var(--pc-sep) 294px 296px,
    #509DA7 296px 338px,
    var(--pc-sep) 338px 340px,
    #4788DD 340px 362px,
    var(--pc-sep) 362px 364px,
    #4080B0 364px 392px,
    var(--pc-sep) 392px 394px,
    #E98817 394px 426px,
    var(--pc-sep) 426px 428px,
    #E2C90F 428px 446px,
    var(--pc-sep) 446px 448px,
    #88C339 448px 494px,
    var(--pc-sep) 494px 496px,
    #509DA7 496px 520px,
    var(--pc-sep) 520px 522px,
    #4788DD 522px 558px,
    var(--pc-sep) 558px 560px,
    #4080B0 560px 600px,
    var(--pc-sep) 600px 602px);
}

.palette-principles .edge-r {
  background: repeating-linear-gradient(180deg,
    #88C339 0px 44px,
    var(--pc-sep) 44px 46px,
    #509DA7 46px 72px,
    var(--pc-sep) 72px 74px,
    #4788DD 74px 112px,
    var(--pc-sep) 112px 114px,
    #4080B0 114px 134px,
    var(--pc-sep) 134px 136px,
    #E98817 136px 186px,
    var(--pc-sep) 186px 188px,
    #E2C90F 188px 218px,
    var(--pc-sep) 218px 220px,
    #88C339 220px 240px,
    var(--pc-sep) 240px 242px,
    #509DA7 242px 276px,
    var(--pc-sep) 276px 278px,
    #4788DD 278px 294px,
    var(--pc-sep) 294px 296px,
    #4080B0 296px 338px,
    var(--pc-sep) 338px 340px,
    #E98817 340px 362px,
    var(--pc-sep) 362px 364px,
    #E2C90F 364px 392px,
    var(--pc-sep) 392px 394px,
    #88C339 394px 426px,
    var(--pc-sep) 426px 428px,
    #509DA7 428px 446px,
    var(--pc-sep) 446px 448px,
    #4788DD 448px 494px,
    var(--pc-sep) 494px 496px,
    #4080B0 496px 520px,
    var(--pc-sep) 520px 522px,
    #E98817 522px 558px,
    var(--pc-sep) 558px 560px,
    #E2C90F 560px 600px,
    var(--pc-sep) 600px 602px);
}

.palette-principles .edge-b {
  background: repeating-linear-gradient(270deg,
    #509DA7 0px 44px,
    var(--pc-sep) 44px 46px,
    #4788DD 46px 72px,
    var(--pc-sep) 72px 74px,
    #4080B0 74px 112px,
    var(--pc-sep) 112px 114px,
    #E98817 114px 134px,
    var(--pc-sep) 134px 136px,
    #E2C90F 136px 186px,
    var(--pc-sep) 186px 188px,
    #88C339 188px 218px,
    var(--pc-sep) 218px 220px,
    #509DA7 220px 240px,
    var(--pc-sep) 240px 242px,
    #4788DD 242px 276px,
    var(--pc-sep) 276px 278px,
    #4080B0 278px 294px,
    var(--pc-sep) 294px 296px,
    #E98817 296px 338px,
    var(--pc-sep) 338px 340px,
    #E2C90F 340px 362px,
    var(--pc-sep) 362px 364px,
    #88C339 364px 392px,
    var(--pc-sep) 392px 394px,
    #509DA7 394px 426px,
    var(--pc-sep) 426px 428px,
    #4788DD 428px 446px,
    var(--pc-sep) 446px 448px,
    #4080B0 448px 494px,
    var(--pc-sep) 494px 496px,
    #E98817 496px 520px,
    var(--pc-sep) 520px 522px,
    #E2C90F 522px 558px,
    var(--pc-sep) 558px 560px,
    #88C339 560px 600px,
    var(--pc-sep) 600px 602px);
}

.palette-principles .edge-l {
  background: repeating-linear-gradient(180deg,
    #4080B0 0px 44px,
    var(--pc-sep) 44px 46px,
    #E98817 46px 72px,
    var(--pc-sep) 72px 74px,
    #E2C90F 74px 112px,
    var(--pc-sep) 112px 114px,
    #88C339 114px 134px,
    var(--pc-sep) 134px 136px,
    #509DA7 136px 186px,
    var(--pc-sep) 186px 188px,
    #4788DD 188px 218px,
    var(--pc-sep) 218px 220px,
    #4080B0 220px 240px,
    var(--pc-sep) 240px 242px,
    #E98817 242px 276px,
    var(--pc-sep) 276px 278px,
    #E2C90F 278px 294px,
    var(--pc-sep) 294px 296px,
    #88C339 296px 338px,
    var(--pc-sep) 338px 340px,
    #509DA7 340px 362px,
    var(--pc-sep) 362px 364px,
    #4788DD 364px 392px,
    var(--pc-sep) 392px 394px,
    #4080B0 394px 426px,
    var(--pc-sep) 426px 428px,
    #E98817 428px 446px,
    var(--pc-sep) 446px 448px,
    #E2C90F 448px 494px,
    var(--pc-sep) 494px 496px,
    #88C339 496px 520px,
    var(--pc-sep) 520px 522px,
    #509DA7 522px 558px,
    var(--pc-sep) 558px 560px,
    #4788DD 560px 600px,
    var(--pc-sep) 600px 602px);
}



.palette-rainbow .edge-t {
  background: repeating-linear-gradient(90deg,
    #C13B2A 0px 44px,
    var(--pc-sep) 44px 46px,
    #D47A3A 46px 72px,
    var(--pc-sep) 72px 74px,
    #C49538 74px 112px,
    var(--pc-sep) 112px 114px,
    #559C40 114px 134px,
    var(--pc-sep) 134px 136px,
    #307878 136px 186px,
    var(--pc-sep) 186px 188px,
    #7A4380 188px 218px,
    var(--pc-sep) 218px 220px,
    #C13B2A 220px 240px,
    var(--pc-sep) 240px 242px,
    #D47A3A 242px 276px,
    var(--pc-sep) 276px 278px,
    #C49538 278px 294px,
    var(--pc-sep) 294px 296px,
    #559C40 296px 338px,
    var(--pc-sep) 338px 340px,
    #307878 340px 362px,
    var(--pc-sep) 362px 364px,
    #7A4380 364px 392px,
    var(--pc-sep) 392px 394px,
    #C13B2A 394px 426px,
    var(--pc-sep) 426px 428px,
    #D47A3A 428px 446px,
    var(--pc-sep) 446px 448px,
    #C49538 448px 494px,
    var(--pc-sep) 494px 496px,
    #559C40 496px 520px,
    var(--pc-sep) 520px 522px,
    #307878 522px 558px,
    var(--pc-sep) 558px 560px,
    #7A4380 560px 600px,
    var(--pc-sep) 600px 602px);
}

.palette-rainbow .edge-r {
  background: repeating-linear-gradient(180deg,
    #C49538 0px 44px,
    var(--pc-sep) 44px 46px,
    #559C40 46px 72px,
    var(--pc-sep) 72px 74px,
    #307878 74px 112px,
    var(--pc-sep) 112px 114px,
    #7A4380 114px 134px,
    var(--pc-sep) 134px 136px,
    #C13B2A 136px 186px,
    var(--pc-sep) 186px 188px,
    #D47A3A 188px 218px,
    var(--pc-sep) 218px 220px,
    #C49538 220px 240px,
    var(--pc-sep) 240px 242px,
    #559C40 242px 276px,
    var(--pc-sep) 276px 278px,
    #307878 278px 294px,
    var(--pc-sep) 294px 296px,
    #7A4380 296px 338px,
    var(--pc-sep) 338px 340px,
    #C13B2A 340px 362px,
    var(--pc-sep) 362px 364px,
    #D47A3A 364px 392px,
    var(--pc-sep) 392px 394px,
    #C49538 394px 426px,
    var(--pc-sep) 426px 428px,
    #559C40 428px 446px,
    var(--pc-sep) 446px 448px,
    #307878 448px 494px,
    var(--pc-sep) 494px 496px,
    #7A4380 496px 520px,
    var(--pc-sep) 520px 522px,
    #C13B2A 522px 558px,
    var(--pc-sep) 558px 560px,
    #D47A3A 560px 600px,
    var(--pc-sep) 600px 602px);
}

.palette-rainbow .edge-b {
  background: repeating-linear-gradient(270deg,
    #559C40 0px 44px,
    var(--pc-sep) 44px 46px,
    #307878 46px 72px,
    var(--pc-sep) 72px 74px,
    #7A4380 74px 112px,
    var(--pc-sep) 112px 114px,
    #C13B2A 114px 134px,
    var(--pc-sep) 134px 136px,
    #D47A3A 136px 186px,
    var(--pc-sep) 186px 188px,
    #C49538 188px 218px,
    var(--pc-sep) 218px 220px,
    #559C40 220px 240px,
    var(--pc-sep) 240px 242px,
    #307878 242px 276px,
    var(--pc-sep) 276px 278px,
    #7A4380 278px 294px,
    var(--pc-sep) 294px 296px,
    #C13B2A 296px 338px,
    var(--pc-sep) 338px 340px,
    #D47A3A 340px 362px,
    var(--pc-sep) 362px 364px,
    #C49538 364px 392px,
    var(--pc-sep) 392px 394px,
    #559C40 394px 426px,
    var(--pc-sep) 426px 428px,
    #307878 428px 446px,
    var(--pc-sep) 446px 448px,
    #7A4380 448px 494px,
    var(--pc-sep) 494px 496px,
    #C13B2A 496px 520px,
    var(--pc-sep) 520px 522px,
    #D47A3A 522px 558px,
    var(--pc-sep) 558px 560px,
    #C49538 560px 600px,
    var(--pc-sep) 600px 602px);
}

.palette-rainbow .edge-l {
  background: repeating-linear-gradient(180deg,
    #7A4380 0px 44px,
    var(--pc-sep) 44px 46px,
    #C13B2A 46px 72px,
    var(--pc-sep) 72px 74px,
    #D47A3A 74px 112px,
    var(--pc-sep) 112px 114px,
    #C49538 114px 134px,
    var(--pc-sep) 134px 136px,
    #559C40 136px 186px,
    var(--pc-sep) 186px 188px,
    #307878 188px 218px,
    var(--pc-sep) 218px 220px,
    #7A4380 220px 240px,
    var(--pc-sep) 240px 242px,
    #C13B2A 242px 276px,
    var(--pc-sep) 276px 278px,
    #D47A3A 278px 294px,
    var(--pc-sep) 294px 296px,
    #C49538 296px 338px,
    var(--pc-sep) 338px 340px,
    #559C40 340px 362px,
    var(--pc-sep) 362px 364px,
    #307878 364px 392px,
    var(--pc-sep) 392px 394px,
    #7A4380 394px 426px,
    var(--pc-sep) 426px 428px,
    #C13B2A 428px 446px,
    var(--pc-sep) 446px 448px,
    #D47A3A 448px 494px,
    var(--pc-sep) 494px 496px,
    #C49538 496px 520px,
    var(--pc-sep) 520px 522px,
    #559C40 522px 558px,
    var(--pc-sep) 558px 560px,
    #307878 560px 600px,
    var(--pc-sep) 600px 602px);
}




.pc-corner { position: absolute; z-index: 0; pointer-events: none; }





.pc-corner-tl-h { top: 0; left: 0; width: 18px; height: 13px; }

.pc-corner-tl-v { top: 0; left: 0; width: 13px; height: 20px; }

.pc-corner-tr-h { top: 0; right: 0; width: 22px; height: 13px; }

.pc-corner-tr-v { top: 0; right: 0; width: 13px; height: 18px; }

.pc-corner-br-h { bottom: 0; right: 0; width: 18px; height: 13px; }

.pc-corner-br-v { bottom: 0; right: 0; width: 13px; height: 22px; }

.pc-corner-bl-h { bottom: 0; left: 0; width: 22px; height: 13px; }

.pc-corner-bl-v { bottom: 0; left: 0; width: 13px; height: 18px; }



.pc-corner::after {
  content: ''; position: absolute; background: var(--pc-sep); pointer-events: none;
}


.pc-corner-tl-h::after { top: 0; bottom: 0; right: 0;  width: 2px; }

.pc-corner-tr-h::after { top: 0; bottom: 0; left: 0;   width: 2px; }

.pc-corner-br-h::after { top: 0; bottom: 0; left: 0;   width: 2px; }

.pc-corner-bl-h::after { top: 0; bottom: 0; right: 0;  width: 2px; }

.pc-corner-tl-v::after { left: 0; right: 0; bottom: 0; height: 2px; }

.pc-corner-tr-v::after { left: 0; right: 0; bottom: 0; height: 2px; }

.pc-corner-br-v::after { left: 0; right: 0; top: 0;    height: 2px; }

.pc-corner-bl-v::after { left: 0; right: 0; top: 0;    height: 2px; }



.conv-card.pc-education, .conv-card.pc-wellness, .conv-card.pc-tech,
.conv-card.pc-community, .conv-card.pc-arts,     .conv-card.pc-business,
.conv-card.pc-grey,      .conv-card.pc-frame-grey {
  --pc-corner-fill: var(--pc-m);

  
  border-color: color-mix(in srgb, var(--pc-m) 45%, #8A857E);
  --card-rule:  color-mix(in srgb, var(--pc-m) 45%, #8A857E);
}
.bf-card{--pc-sep:#FAFAF5}.pc-corner-tl-h,.pc-corner-tl-v{border-top-left-radius:9.5px}.pc-corner-tr-h,.pc-corner-tr-v{border-top-right-radius:9.5px}.pc-corner-br-h,.pc-corner-br-v{border-bottom-right-radius:9.5px}.pc-corner-bl-h,.pc-corner-bl-v{border-bottom-left-radius:9.5px}.pc-corner{overflow:hidden}

/* Top-down paper: attached left fifth; lifted free end, cast shadow behind the sheet. */
.flag::before{clip-path:polygon(0 0,100% 0,100% 91%,72% 97%,24% 100%,0 100%)}
.flag::after{left:19%;right:-1%;top:2px;bottom:-2px;height:auto;background:linear-gradient(90deg,#37332f0b 0%,#37332f16 28%,#37332f26 69%,#37332f20 93%,#37332f0b 100%);filter:blur(2.5px);border-radius:1px 3px 5px 1px;transform:skewY(1deg);transform-origin:left center;clip-path:none}
.flag>.foam{top:-13px;right:-10px}

/* Arcade button proportions from design.fundamental.fans/#buttons, inspected September12.
   Keep approved foam material; anchor it across the side edge, not in label flow. */
body .fundamental-arcade-button,body .chapter-audio .play-btn{
 display:inline-flex;align-items:center;justify-content:center;position:relative;
 box-sizing:border-box;min-height:40px;min-width:0;margin:3px;padding:8px 18px;
 border:2.5px solid var(--button-edge,#5A5855);border-radius:3px;
 background:linear-gradient(180deg,var(--button-top,#9A9895),var(--button-bottom,#7A7775));
 color:#fff;font:400 16.8px/1.1 PixelGamer,monospace;letter-spacing:normal;
 text-transform:uppercase;text-align:center;white-space:normal;overflow:visible;
 box-shadow:0 4px 0 #00000038;transition:transform .1s,box-shadow .1s;
}
body .fundamental-arcade-button:hover,body .chapter-audio .play-btn:hover{transform:translateY(1px);box-shadow:0 3px 0 #00000038,0 2px 8px #0000000f}
body .fundamental-arcade-button:active,body .chapter-audio .play-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #00000038}
body .fundamental-arcade-button>.foam,body .chapter-audio .play-btn>.foam{
 position:absolute;z-index:2;top:50%;left:-11px;right:auto;margin:0;
 font-size:22px;line-height:1;pointer-events:none;filter:url(#studio-foam-smooth);
 transform:translateY(-50%) rotate(-6deg);transition:transform .15s;
}
body .fundamental-arcade-button>.foam.button-emoji-right{left:auto;right:-11px;transform:translateY(-50%) rotate(6deg)}
body .fundamental-arcade-button:hover>.foam,body .chapter-audio .play-btn:hover>.foam,
body .fundamental-arcade-button:focus-visible>.foam,body .chapter-audio .play-btn:focus-visible>.foam{transform:translate(2px,calc(-50% - 1px)) rotate(-8deg) scale(1.12)}
body .fundamental-arcade-button:hover>.foam.button-emoji-right,body .fundamental-arcade-button:focus-visible>.foam.button-emoji-right{transform:translate(-2px,calc(-50% - 1px)) rotate(8deg) scale(1.12)}
body .chapter-audio .play-btn{--button-top:color-mix(in srgb,var(--player-color) 85%,white);--button-bottom:var(--player-color);--button-edge:color-mix(in srgb,var(--player-color) 78%,#25282a);flex-shrink:0;min-width:82px}
body #toggle-review-checklist{display:flex;width:max-content;max-width:calc(100% - 28px);margin:12px auto;padding:8px 18px}
body footer{padding-left:11px;padding-right:11px}
body .examples-open{margin:12px 11px 18px;max-width:calc(100% - 22px)}
body .play-sample>.fundamental-arcade-button,body .digital-tray>.fundamental-arcade-button{margin-left:11px;margin-right:11px}
@media(max-width:560px){body .fundamental-arcade-button,body .chapter-audio .play-btn{font-size:13px;min-height:38px;padding:8px 14px}body .chapter-audio .play-btn{min-width:66px}body #toggle-review-checklist{padding:8px 18px}body .chapter-audio .track-title{max-width:100%}}
@media(prefers-reduced-motion:reduce){body .fundamental-arcade-button,body .chapter-audio .play-btn,body .fundamental-arcade-button>.foam,body .chapter-audio .play-btn>.foam{transition:none!important}}
body .fundamental-arcade-button:active>.foam,body .chapter-audio .play-btn:active>.foam{transform:translate(1px,-50%) rotate(-4deg) scale(1.04)}
body .fundamental-arcade-button:active>.foam.button-emoji-right{transform:translate(-1px,-50%) rotate(4deg) scale(1.04)}
body .fundamental-arcade-button{--button-top:#9A9895;--button-bottom:#7A7775;--button-edge:#5A5855;--button-ink:#fff}
body .fundamental-arcade-button>.foam,body .chapter-audio .play-btn>.foam{font-size:20px}
body .fundamental-arcade-button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:0 3px 0 #00000022}
body .fundamental-arcade-button:disabled>.foam{transform:translateY(-50%) rotate(-6deg)}
body footer #count{white-space:nowrap;flex-shrink:0}
@media(max-width:560px){body footer{gap:10px}body footer #count{font-size:14px}}
.index{display:flex;gap:7px;justify-content:center;align-items:flex-end;isolation:isolate;margin:28px 0 0;padding:0 5px;min-width:0}.nav-group{display:contents}.index button{flex:0 0 42px;width:42px;min-width:0;height:76px;transition:width .36s ease-in-out .13s,flex-basis .36s ease-in-out .13s,margin .36s ease-in-out .13s}.index button[data-expanded=true]{width:120px;flex-basis:120px;transition-delay:0s}.index button>.foam{top:25px;left:calc(50% - 15px);font-size:30px;transition:top .36s ease-in-out .13s,transform .36s ease-in-out .13s}.index button[data-expanded=true]>.foam{top:0;transition-delay:0s}.index button>.tab-art{height:51px;transform:translateY(0);transition:transform .36s steps(5,end) .13s}.index button[data-expanded=true]>.tab-art{transform:translateY(-5px);transition-delay:0s}.nav-caption{text-transform:uppercase;text-align:center;box-sizing:border-box;padding:0 8px;bottom:12px;left:0;width:100%;font:11px/1.4 Chalkduster;transition:opacity .16s ease,clip-path .18s steps(6,end);letter-spacing:0}.index button[data-expanded=true] .nav-caption{transition-delay:.27s;opacity:1;clip-path:inset(0)}.chapter-divider{display:block;height:12px;width:100%;overflow:visible;margin:0 0 24px}.chapter-divider path{fill:none;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.divider-wave{opacity:0}.index button[aria-pressed=true]>.tab-art{transform:translateY(-5px);filter:none}.index button:focus-visible{outline-offset:2px;outline-width:2px}.tap-cue{text-align:center;white-space:nowrap;top:-16px}
@media(max-width:850px){.index{display:flex;gap:5px}.nav-group{display:contents}.index button{flex:0 1 38px}.index button[data-expanded=true]{flex:0 0 112px}.nav-caption{font-size:10px}}
@media(max-width:560px){.index{padding:0;gap:0;margin-top:24px;justify-content:flex-start}.index button{height:63px;flex:1 1 10%;width:auto;min-width:0}.index button>.foam{font-size:24px;left:calc(50% - 12px);top:25px}.index button>.tab-art{height:39px}.index button[data-expanded=true]{flex:0 0 104px;width:104px}.index[data-preview=true] button:not([data-expanded=true]){margin-right:-7px;flex:1 1 10%;min-width:20px}.index[data-preview=true] button:last-child:not([data-expanded=true]){margin-right:0}.index button[data-expanded=true]>.foam{top:2px}.nav-caption{font-size:10px;bottom:7px;padding:0 7px}.chapter-divider{margin-bottom:20px}.index button[data-preview=true] .tap-cue{font-size:8px}}
@media(prefers-reduced-motion:reduce){.index button,.index button>.foam,.index button>.tab-art,.nav-caption{transition:none!important}}
.timing.playing .sketch-demo{animation-duration:.42s}.timing.playing .gliding{animation-duration:.42s}.timing.playing .written{animation-duration:.22s;animation-delay:.31s}
.index button>.tab-art{overflow:hidden}
@media(max-width:360px){.shell{overflow-x:clip}}

/* Latest creator correction: fixed-size files tuck behind the chosen file. */
.index{position:relative;height:80px;display:block;padding:0;gap:0;overflow:visible}.nav-group{display:contents}.index button{position:absolute;bottom:0;width:54px;min-width:54px;flex:none;margin:0!important;height:76px;transition:width .36s ease-in-out .13s,left .36s ease-in-out .13s}.index button[data-expanded=true]{min-width:0;transition-delay:0s}.index button>.foam{left:50%;top:26px;font-size:32px;transform:translateX(calc(-50% + var(--peek-shift,0px))) rotate(-7deg) scale(1);transform-origin:center;transition:top .36s ease-in-out .13s,transform .36s ease-in-out .13s}.index button[data-expanded=true]>.foam,.index button[data-expanded=true]:hover>.foam{top:0;transform:translateX(-50%) rotate(3deg) scale(.86);transition-delay:0s}.index button:not([data-expanded=true]):hover>.foam{transform:translateX(calc(-50% + var(--peek-shift,0px))) rotate(-7deg)}.index button>.tab-art{height:51px}.tab-paper{stroke:none}.chapter-title{justify-content:center;text-align:center}.page>.lead{text-align:center;margin-left:auto;margin-right:auto;max-width:800px}.page>.chapter-audio{margin-left:auto;margin-right:auto}
@media(max-width:850px){.index{display:block}.index button{flex:none}.index button[data-expanded=true]{flex:none}}
@media(max-width:560px){.index{height:76px}.index button{width:44px;min-width:44px;height:72px;flex:none}.index button[data-expanded=true]{flex:none;min-width:44px}.index button>.foam{font-size:28px;top:25px;left:50%}.index button[data-expanded=true]>.foam{top:0}.index button>.tab-art{height:51px}.nav-caption{bottom:12px}.index[data-preview=true] button:not([data-expanded=true]){flex:none;min-width:44px;margin:0!important}}

.masthead,.unfold,footer{border:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22250%22%20height%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23939087%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M1.00%203.27%20q1.54%200.44%203.07%200.35%22%20stroke-width%3D%220.91%22/%3E%3Cpath%20d%3D%22M7.67%202.69%20q0.92%20-0.46%201.84%200.11%22%20stroke-width%3D%221.29%22/%3E%3Cpath%20d%3D%22M12.60%202.99%20q1.75%200.58%203.50%20-0.17%22%20stroke-width%3D%221.01%22/%3E%3Cpath%20d%3D%22M19.86%202.61%20q1.57%20-0.34%203.14%200.14%22%20stroke-width%3D%221.14%22/%3E%3Cpath%20d%3D%22M26.15%203.37%20q1.00%200.54%202.00%200.06%22%20stroke-width%3D%221.30%22/%3E%3Cpath%20d%3D%22M32.17%203.37%20q1.04%200.49%202.09%200.39%22%20stroke-width%3D%221.06%22/%3E%3Cpath%20d%3D%22M37.21%202.83%20q1.72%20-0.49%203.44%20-0.19%22%20stroke-width%3D%221.21%22/%3E%3Cpath%20d%3D%22M44.06%202.86%20q1.54%20-0.30%203.08%20-0.35%22%20stroke-width%3D%221.17%22/%3E%3Cpath%20d%3D%22M49.86%203.19%20q1.06%20-0.06%202.11%200.19%22%20stroke-width%3D%221.35%22/%3E%3Cpath%20d%3D%22M56.06%202.85%20q1.46%20-0.43%202.92%200.38%22%20stroke-width%3D%221.16%22/%3E%3Cpath%20d%3D%22M62.29%202.78%20q1.30%20-0.34%202.59%20-0.39%22%20stroke-width%3D%221.05%22/%3E%3Cpath%20d%3D%22M68.74%202.84%20q1.29%20-0.04%202.58%20-0.01%22%20stroke-width%3D%221.12%22/%3E%3Cpath%20d%3D%22M74.98%202.58%20q1.40%20-0.03%202.79%200.20%22%20stroke-width%3D%221.29%22/%3E%3Cpath%20d%3D%22M81.62%203.22%20q1.17%200.58%202.34%20-0.02%22%20stroke-width%3D%221.04%22/%3E%3Cpath%20d%3D%22M86.72%203.03%20q1.54%200.01%203.08%200.01%22%20stroke-width%3D%221.17%22/%3E%3Cpath%20d%3D%22M93.58%203.35%20q1.06%20-0.34%202.11%200.00%22%20stroke-width%3D%220.99%22/%3E%3Cpath%20d%3D%22M99.24%202.68%20q1.52%200.26%203.04%20-0.26%22%20stroke-width%3D%221.09%22/%3E%3Cpath%20d%3D%22M106.11%203.22%20q1.43%200.38%202.85%20-0.36%22%20stroke-width%3D%220.92%22/%3E%3Cpath%20d%3D%22M112.33%203.19%20q1.00%20-0.39%202.00%200.35%22%20stroke-width%3D%221.11%22/%3E%3Cpath%20d%3D%22M117.20%203.14%20q1.32%200.51%202.64%20-0.26%22%20stroke-width%3D%221.33%22/%3E%3Cpath%20d%3D%22M123.59%203.28%20q1.75%20-0.40%203.49%20-0.31%22%20stroke-width%3D%221.21%22/%3E%3Cpath%20d%3D%22M130.57%202.89%20q0.98%200.50%201.95%20-0.38%22%20stroke-width%3D%221.29%22/%3E%3Cpath%20d%3D%22M136.07%203.22%20q1.32%200.19%202.64%200.09%22%20stroke-width%3D%221.09%22/%3E%3Cpath%20d%3D%22M141.77%203.05%20q1.71%20-0.60%203.41%20-0.01%22%20stroke-width%3D%221.11%22/%3E%3Cpath%20d%3D%22M148.81%202.82%20q0.97%200.09%201.95%200.11%22%20stroke-width%3D%221.28%22/%3E%3Cpath%20d%3D%22M154.83%203.45%20q1.65%20-0.22%203.29%20-0.24%22%20stroke-width%3D%221.30%22/%3E%3Cpath%20d%3D%22M160.99%203.13%20q1.57%20-0.14%203.13%20-0.28%22%20stroke-width%3D%221.27%22/%3E%3Cpath%20d%3D%22M167.85%202.62%20q1.15%20-0.58%202.31%200.30%22%20stroke-width%3D%220.96%22/%3E%3Cpath%20d%3D%22M173.63%202.77%20q0.78%200.03%201.57%20-0.16%22%20stroke-width%3D%220.91%22/%3E%3Cpath%20d%3D%22M178.85%203.04%20q1.21%200.18%202.42%200.25%22%20stroke-width%3D%221.33%22/%3E%3Cpath%20d%3D%22M184.89%203.10%20q1.53%200.31%203.07%200.25%22%20stroke-width%3D%221.27%22/%3E%3Cpath%20d%3D%22M191.57%203.41%20q1.72%200.01%203.44%200.37%22%20stroke-width%3D%221.05%22/%3E%3Cpath%20d%3D%22M198.37%202.61%20q1.22%20-0.37%202.44%20-0.29%22%20stroke-width%3D%221.12%22/%3E%3Cpath%20d%3D%22M204.38%202.85%20q1.11%20-0.10%202.22%200.28%22%20stroke-width%3D%221.25%22/%3E%3Cpath%20d%3D%22M209.40%202.57%20q1.04%20-0.28%202.08%200.03%22%20stroke-width%3D%221.16%22/%3E%3Cpath%20d%3D%22M214.47%202.83%20q1.41%20-0.33%202.82%200.06%22%20stroke-width%3D%221.02%22/%3E%3Cpath%20d%3D%22M220.13%203.44%20q1.49%200.54%202.98%200.19%22%20stroke-width%3D%221.29%22/%3E%3Cpath%20d%3D%22M226.69%203.03%20q1.23%200.37%202.47%20-0.23%22%20stroke-width%3D%221.21%22/%3E%3Cpath%20d%3D%22M232.28%203.20%20q0.77%200.17%201.54%20-0.36%22%20stroke-width%3D%221.24%22/%3E%3Cpath%20d%3D%22M237.18%202.96%20q1.00%20-0.34%202.00%200.25%22%20stroke-width%3D%221.00%22/%3E%3Cpath%20d%3D%22M242.51%202.98%20q0.82%200.28%201.63%20-0.33%22%20stroke-width%3D%220.99%22/%3E%3Cpath%20d%3D%22M247.39%203.21%20q1.74%20-0.27%203.48%20-0.22%22%20stroke-width%3D%221.28%22/%3E%3C/svg%3E");background-size:250px 6px;background-repeat:repeat-x}.masthead{background-position:left bottom}.unfold,footer{background-position:left top}

/* Use the Invitation's actual SVG lettering, pigment lift and contour grammar. */
.nav-caption{visibility:hidden;font:700 13px/1.25 Chalkduster;letter-spacing:.35px}
.index .pencil-letter-ink{display:inline;opacity:1;color:color-mix(in srgb,var(--accent) 82%,#202323);fill:currentColor;stroke:currentColor;stroke-width:.22;stroke-linejoin:round}
.index .pencil-lightening-mask use{opacity:.4}.index button>.tab-art{overflow:visible}
.chapter-divider{position:relative;z-index:101;pointer-events:none}.chapter-divider path{stroke-width:2.25}
@media(max-width:1050px){.nav-caption{font-size:12px}}

/* Crowded paper files get a quiet eraser seam, never a dark border. */
.index[data-overlap=true] button>.tab-art{filter:drop-shadow(-1px 0 1px #fafaf5) drop-shadow(1px 0 1px #fafaf5)}

/* Invitation's actual pencil displacement; selection has a tiny physical settle. */
.index button>.tab-art,.index button[aria-pressed=true]>.tab-art{filter:url(#sketch-accuracy)}
.index[data-overlap=true] button>.tab-art{filter:url(#sketch-accuracy) drop-shadow(-1px 0 1px #fafaf5) drop-shadow(1px 0 1px #fafaf5)}
.chapter-divider{filter:url(#sketch-accuracy)}
@keyframes guide-file-settle{0%{translate:0 0}35%{translate:0 -2px}70%{translate:0 1px}100%{translate:0 0}}
.index button.is-arriving>.tab-art{animation:guide-file-settle .34s steps(3,end) both}
@media(prefers-reduced-motion:reduce){.index button.is-arriving>.tab-art{animation:none}}

/* First paint is measured in place, then drawn; never slide a left-hand pile across. */
.index:not([data-ready=true]),.index:not([data-ready=true])+.chapter-divider{visibility:hidden}
.index:not([data-ready=true]) button,.index:not([data-ready=true]) button *{transition:none!important}
.index button>.foam{top:23px}
@media(max-width:560px){.index button>.foam{top:22px}}
.index button[data-expanded=true]>.foam{top:0}
.chapter-divider{mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
@keyframes guide-pencil-entry{0%{stroke-dashoffset:var(--entry-from,1);opacity:0}2%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes guide-fill-entry{from{opacity:0}to{opacity:1}}
@keyframes guide-foam-entry{0%{opacity:0;scale:.3}15%{opacity:1;scale:.6}58%{opacity:1;scale:1.16}80%{opacity:1;scale:.94}100%{opacity:1;scale:1}}
.index[data-entering=true] .tab-pencil-outline{stroke-dasharray:1;animation:guide-pencil-entry .42s ease-out var(--entry-delay,0ms) both}
.index[data-entering=true] .pencil-material{animation:guide-fill-entry .28s ease-out calc(80ms + var(--entry-delay,0ms)) both}
.index[data-entering=true] button>.foam{animation:guide-foam-entry .36s cubic-bezier(.2,.8,.3,1) calc(180ms + var(--entry-delay,0ms)) both}
.index[data-entering=true]+.chapter-divider{animation:none}
@media(prefers-reduced-motion:reduce){.index[data-entering=true] .tab-pencil-outline,.index[data-entering=true] .pencil-material,.index[data-entering=true] button>.foam,.index[data-entering=true]+.chapter-divider{animation:none!important}}

/* Keep the joined raised stroke inside the endpoint-mask canvas. */
.chapter-divider{height:24px;margin-top:-12px}

/* Preview opens the label and raises foam, but only the selected file lifts its paper. */
.index button[data-expanded=true]:not([aria-pressed=true])>.tab-art{transform:translateY(0)}
.index button[aria-pressed=true]>.tab-art{transform:translateY(-5px)}

/* Paper is the actual page. Rear visuals are cut by nearer silhouettes, not white paint. */
.index .tab-paper{fill:none}
.index[data-overlap=true] button>.tab-art{filter:url(#sketch-accuracy)}

/* Suppress the unmasked first paint until the initial line mask is installed. */
.chapter-divider:not([data-reveal-ready=true]){visibility:hidden}

/* Stable entrance footprint; closer to the masthead without changing tab height. */
.shell>.index{margin-top:10px;height:80px;min-height:80px}
.shell>.chapter-divider{height:24px;min-height:24px;margin-top:-12px}
/* ===== COMPACT AUDIO PLAYER ===== */
.cc-player-compact {
  border: none;
  border-radius: 8px;
  padding: 10px 14px 6px;
  margin-bottom: .5rem;
  position: relative;
  background: rgba(250,250,245,.5);
}
/* Pencil-drawn border — wobble filter for hand-drawn feel */
.cc-player-compact::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 2.5px solid var(--player-color, var(--teal));
  border-radius: 8px;
  filter: url(#bb-pencil);
  pointer-events: none;
  z-index: 0;
  opacity: .85;
}
.cc-player-compact .player-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  z-index: 1;
}
.cc-player-compact .play-btn {
  font-family: 'PixelGamer', monospace;
  font-size: .85rem;
  padding: 6px 14px;
  border: 2.5px solid;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 3px 0 rgba(0,0,0,.2);
  transition: transform .1s, box-shadow .1s;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: .05em;
  position: relative;
  z-index: 1;
  min-width: 70px;
  text-align: center;
}
.cc-player-compact .play-btn:hover { transform: translateY(1px); box-shadow: 0 2px 0 rgba(0,0,0,.2); }
.cc-player-compact .play-btn:active { transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,.2); }
.cc-player-compact .play-emoji {
  position: absolute;
  top: -12px;
  left: -14px;
  font-size: 1.1em;
  filter: drop-shadow(2.5px 0 0 #fff) drop-shadow(-2.5px 0 0 #fff) drop-shadow(0 2.5px 0 #fff) drop-shadow(0 -2.5px 0 #fff) drop-shadow(0 3px 4px rgba(0,0,0,.2));
  z-index: 2;
  transition: transform .15s;
  transform: rotate(-8deg);
}
.cc-player-compact .play-btn:hover .play-emoji {
  transform: rotate(-12deg) scale(1.15);
}
.cc-player-compact .track-info {
  flex: 1;
  min-width: 0;
  position: relative;
}
.cc-player-compact .track-title {
  font-family: 'Chalkduster', cursive;
  font-size: .78rem;
  color: var(--ink-md);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cc-player-compact .track-bar {
  height: 10px;
  background: rgba(58,58,58,.08);
  border-radius: 5px;
  border: 1.5px solid rgba(58,58,58,.12);
  margin-top: 4px;
  overflow: hidden;
  filter: url(#bb-pencil);
}
.cc-player-compact .track-fill {
  height: 100%;
  width: 0%;
  border-radius: 4px;
  transition: width .1s;
}
.cc-player-compact .player-meta {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  flex-shrink: 0;
  align-self: flex-end;
}
.cc-player-compact .player-timer {
  font-family: 'Gaposiss', monospace;
  font-size: .72rem;
  color: var(--ink-lt);
  position: relative;
  z-index: 1;
  line-height: 1;
  margin-bottom: 0;
}
.cc-player-compact .speed-btn {
  font-family: 'Gaposiss', 'PixelGamer', monospace;
  font-size: .65rem;
  padding: 6px 10px;
  border: 1.5px solid rgba(58,58,58,.1);
  border-radius: 3px;
  background: rgba(58,58,58,.06);
  color: #7A7775;
  cursor: pointer;
  width: 45px;
  min-width: 45px;
  max-width: 45px;
  text-align: center;
  transition: background .15s, color .15s;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.cc-player-compact .speed-btn:hover {
  background: rgba(58,58,58,.12);
  color: #5A5855;
}
.cc-player-compact .speed-btn:active {
  background: rgba(58,58,58,.2);
  color: #3A3A3A;
}
.cc-player-compact .caption-area {
  text-align: center;
  padding: 8px 16px;
  margin-top: 6px;
  font-family: 'Chalkduster', cursive;
  font-size: .82rem;
  color: var(--ink-md);
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--player-color, var(--teal)) 10%, transparent) 15%,
    color-mix(in srgb, var(--player-color, var(--teal)) 14%, transparent) 50%,
    color-mix(in srgb, var(--player-color, var(--teal)) 10%, transparent) 80%,
    transparent 100%
  );
  border-radius: 4px 6px 5px 3px;
  position: relative;
  z-index: 1;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%);
}
/* Pause symbol (two vertical bars) */
.cc-player-compact .pause-bars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  vertical-align: middle;
}
.cc-player-compact .pause-bars span {
  width: 3px;
  height: 14px;
  background: #fff;
  border-radius: 1px;
  display: inline-block;
}


.audio-guide{--player-color:var(--accent,#406592);--audio-pct:0%;max-width:610px;margin:16px 0 22px}.audio-guide audio{display:none}.audio-guide .audio-seek{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:24px;margin:0;cursor:pointer;background:linear-gradient(90deg,var(--player-color) var(--audio-pct),#bcbeb666 var(--audio-pct)) center/100% 6px no-repeat;border:0;border-radius:0}.audio-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:2px solid #fafaf5;border-radius:45%;background:var(--player-color);box-shadow:0 1px 2px #3333}.audio-seek::-moz-range-thumb{width:10px;height:10px;border:2px solid #fafaf5;border-radius:45%;background:var(--player-color)}
.chapter-audio .play-btn{background:var(--player-color);border-color:var(--player-color);font:11px PixelGamer,monospace;min-height:36px;padding:7px 12px}.chapter-audio .play-btn .foam{position:absolute;left:-12px;top:-14px;font-size:23px;transform:rotate(-8deg);transition:transform .18s}.chapter-audio .play-btn:hover .foam{transform:translateY(-3px) rotate(-12deg) scale(1.08)}.chapter-audio .track-title{font:10px/1.6 Chalkduster;color:#69675f}.chapter-audio .audio-time{font:11px/1.4 Gaposiss,monospace;color:#7a7775;min-width:35px}.chapter-audio .player-meta{align-items:center}.chapter-audio .caption-area{font:11px/1.6 Chalkduster;color:#6c6962;min-height:34px;padding:6px 8px}.spark-caption{transition:opacity .2s}.audio-status{display:block;font:9px/1.5 Chalkduster;color:#77746b}.audio-status:empty{display:none}.audio-words{margin-top:7px}.audio-words summary{font:8px/1.8 Chalkduster;color:#7a7775;cursor:pointer}.audio-words p{font:14px/1.8 Avenir;margin:12px 0}.audio-guide button:focus-visible,.audio-guide input:focus-visible{outline:2px dashed #86827a;outline-offset:4px}
/* Reserve a compact top-corner control before the card is unfolded. */
.card-head:has(> .element-audio){display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:5px 10px}
.card-head>.element-audio{position:relative;flex:0 0 144px;width:144px;max-width:144px;margin:0 0 0 auto;align-self:flex-start}
.element-audio-row{display:flex;align-items:center;gap:2px;min-height:36px}
.speaker-toggle{background:none;border:0;box-shadow:none;cursor:pointer;padding:4px;flex:0 0 34px;min-width:34px;height:36px;line-height:1}
.speaker-toggle .foam{font-size:26px;display:inline-block;transform:rotate(-7deg);transition:transform .22s ease}
.speaker-toggle:hover .foam{transform:translateY(-4px) rotate(3deg) scale(1.07)}
.audio-guide[data-playing="true"] .speaker-toggle .foam{transform:rotate(3deg) scale(1.05)}
.audio-reveal{position:relative;flex:1;min-width:0;height:36px}
.audio-cue{position:absolute;inset:0;display:flex;align-items:center;font:9px/1.4 Chalkduster;color:#77746b;white-space:nowrap;transition:opacity .22s,transform .22s}
.audio-progress{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 31px;align-items:center;gap:4px;opacity:0;transform:translateY(3px);transition:opacity .22s,transform .22s;pointer-events:none}
.element-audio .audio-seek{filter:url(#bb-pencil)}
.element-audio .audio-time{font:10px/1.4 Gaposiss,monospace;color:#7a7775;min-width:31px;text-align:right;white-space:nowrap}
.audio-guide[data-started="true"] .audio-cue{opacity:0;transform:translateY(-3px);pointer-events:none}
.audio-guide[data-started="true"] .audio-progress{opacity:1;transform:none;pointer-events:auto}
@media(max-width:560px){.chapter-audio{padding:10px 10px 6px}.chapter-audio .player-row{gap:8px}.chapter-audio .track-title{font-size:8px}.chapter-audio .play-btn{min-width:56px;padding:7px 6px;font-size:9px}.chapter-audio .speed-btn{min-width:30px;max-width:30px;width:30px;padding:6px 4px}.chapter-audio .player-meta{gap:4px}.chapter-audio .audio-time{font-size:9px;min-width:29px}.chapter-audio .caption-area{font-size:9px}.audio-guide{max-width:100%}}@media(prefers-reduced-motion:reduce){.audio-guide *{transition:none!important}}@media print{.audio-guide{display:none}}

.chapter-audio::before{opacity:.6;border-width:1.7px}.chapter-audio .audio-seek{filter:url(#bb-pencil)}

.teaching-sentence{line-height:1.65}.teaching-lesson p{margin:.7em 0}.reference-layer{margin-top:20px;padding-top:14px;border-top:1px solid #7a777530}.reference-layer>summary{font-family:Chalkduster;font-size:12px;cursor:pointer}.reference-layer>div{padding-top:12px}.expression-library,.expression-purpose,.expression-research{margin:32px 0;padding:20px 0}.expression-library>h2,.expression-research>h2,.type-material-heading{font-family:Chalkduster;text-align:center;color:#575350;font-size:22px}.expression-library>p,.expression-purpose>p{max-width:760px;margin:16px auto;line-height:1.7}.expression-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.expression-card{position:relative;min-width:0}.expression-card p{line-height:1.7}.expression-top{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}.expression-top .flag{font-size:11px;max-width:100%}.expression-top .element-audio{position:relative;margin:0 0 0 auto;flex:0 0 144px;width:144px;max-width:144px}.expression-card>.bf-card{height:100%}.expression-card .bf-inner{min-height:100%;box-sizing:border-box}.expression-card:nth-child(even) .flag{color:#fff}.expression-card:nth-child(even) .flag::before{background:linear-gradient(90deg,#00000012 0 20%,transparent 38%,#ffffff18),var(--accent)}.expression-specimen{padding:20px 8px;color:var(--accent);font-size:20px;line-height:1.6}.expression-card .unfold{margin-top:14px}.expression-purpose{position:relative}.expression-purpose>.element-audio{position:relative;width:fit-content;margin:16px auto}.expression-research p{line-height:1.7}.spark-caption{transition:opacity .15s ease}.type-material-heading{margin:34px 0 24px}@media(max-width:600px){.expression-grid{grid-template-columns:1fr;gap:18px}.expression-card .bf-inner{padding:19px 16px}.expression-library>h2,.expression-research>h2,.type-material-heading{font-size:18px}.expression-top{gap:15px}.expression-specimen{font-size:18px}}
/* Grant Garden left-striped rows, adapted to existing postcard frame and palettes. */
.expression-grid,.type-grid{display:flex!important;flex-direction:column;gap:18px;align-items:stretch}
.expression-grid>.topic,.type-grid>.topic{width:100%;height:auto!important}
.expression-grid .bf-card,.type-grid>.topic>.bf-card{height:auto!important;padding:0 0 0 9px!important;border-radius:4px;background:transparent;overflow:visible}
.expression-grid .edge-t,.expression-grid .edge-b,.expression-grid .edge-r,.type-grid>.topic>.bf-card>.edge-t,.type-grid>.topic>.bf-card>.edge-b,.type-grid>.topic>.bf-card>.edge-r{display:none}
.expression-grid .edge-l,.type-grid>.topic>.bf-card>.edge-l{left:0;top:0;bottom:0;width:13px;border-radius:0;mask-image:none}
.expression-grid .bf-inner{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(210px,1.2fr) minmax(170px,1fr);gap:12px 24px;padding:20px 22px!important;min-height:0;background-color:#fafaf5;border-radius:3px}
.expression-top{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;min-width:0}
.expression-top .element-audio{margin:0;flex:none}
.expression-card .bf-inner>p{grid-column:2;grid-row:1;margin:0;align-self:center}
.expression-specimen{grid-column:3;grid-row:1;padding:4px 0;align-self:center;font-size:17px;min-width:0}
.expression-specimen .bubble-real{margin:16px 0 25px;max-width:100%;font-size:14px}
.expression-card .unfold{grid-column:1/-1;margin:0}
.expression-card .unfold>summary,.type-grid .unfold>summary{justify-content:flex-end;min-height:36px}
.expression-card .full-copy{padding-top:14px}
.type-grid>.topic>.bf-card>.bf-inner{display:grid!important;grid-template-columns:minmax(185px,.8fr) minmax(0,1.6fr);gap:12px 28px;min-height:0;padding:20px 22px!important}
.type-grid .card-head{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;margin:0}
.type-grid .card-head>.element-audio{flex:none;margin:0}
.type-grid .preview{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:center;margin:0!important}
.type-grid .preview>.teaching-preview{margin:0}.type-grid .type-primary{min-height:0;padding:0;display:block}.type-grid .preview>.examples-open{grid-column:1/-1;justify-self:end;margin:3px 0}
.type-grid .unfold{grid-column:1/-1;margin:0!important}.type-grid .printed-sample,.type-grid .classic-sample,.type-grid .written-paper{font-size:17px;padding:8px}.type-grid .type-primary .bubble-real{margin:5px auto 22px}.type-grid .examples-open{font-size:10px}
.type-grid .flag,.expression-grid .flag{font-size:11px!important;line-height:1.8}.plus-sticker{color:var(--accent)!important}
.map-grid{align-items:stretch}.map-destination>.bf-card{display:flex;flex-direction:column}.map-destination>.bf-card>.bf-inner{flex:1;display:flex;flex-direction:column}.map-link{display:flex;flex-direction:column;flex:1}.map-link h3{min-height:2.5em}.map-link>.map-route{margin-top:auto;align-self:center;font-size:11px}.map-link>p:last-of-type{margin-bottom:24px}.map-destination .unfold{margin-top:18px}
/* Wide design specimens keep only top and bottom edges. */
.materials-grid>.topic:nth-child(n+4)>.bf-card,.settings-grid>.topic:nth-child(n+3)>.bf-card{padding-left:0;padding-right:0}.materials-grid>.topic:nth-child(n+4)>.bf-card>.edge-l,.materials-grid>.topic:nth-child(n+4)>.bf-card>.edge-r,.settings-grid>.topic:nth-child(n+3)>.bf-card>.edge-l,.settings-grid>.topic:nth-child(n+3)>.bf-card>.edge-r{display:none}
/* Popup is the postcard; only its inner content scrolls. */
#type-example-dialog{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;width:min(860px,calc(100% - 34px));max-width:none;max-height:none;color:#5a5855}
#type-example-dialog::backdrop,#bubble-library-view::backdrop{background:#302e2940;backdrop-filter:blur(2px)}
#type-example-body>.topic{margin:0}#type-example-body .bf-card{height:min(82vh,860px);padding:12px;display:flex;position:relative;box-sizing:border-box}#type-example-body .bf-inner{width:100%;min-width:0;overflow:auto;overscroll-behavior:contain;padding:18px 24px 34px;scrollbar-width:thin;scrollbar-color:var(--accent) #e8e5dc}
#type-example-body .example-library-content>h2{padding-right:48px;margin-top:4px}#type-example-body .example-option{margin:16px 0;padding:6px 0 16px}#type-example-body .example-visual{padding:4px}#type-example-body .bf-inner:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
#type-example-dialog::after{content:'↕ SCROLL TO EXPLORE';position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font:9px Chalkduster;background:#fafaf5ee;padding:5px 12px;border-radius:5px;color:#6d6963;pointer-events:none}
#close-type-examples,#close-bubbles,.garden-close{position:absolute!important;top:16px!important;right:19px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important;z-index:30;cursor:pointer;transform:rotate(-4deg);filter:drop-shadow(0 3px 4px #2a252048);transition:transform .2s cubic-bezier(.16,1.6,.3,1),filter .2s}
#close-type-examples::before,#close-bubbles::before,.garden-close::before{content:'';position:absolute;inset:3px;background:linear-gradient(168deg,#c24545,#b53535 55%,#9a2a2a);border-radius:13px 15px 12px 16px;box-shadow:inset 0 1.5px 0 #ffffff59,inset 0 -2px 0 #00000024}
#close-type-examples::after,#close-bubbles::after,.garden-close::after{content:'';position:absolute;inset:3px;border-radius:13px 15px 12px 16px;background:#fdfbf3;mask:linear-gradient(45deg,transparent 45.5%,#000 45.5%,#000 54.5%,transparent 54.5%),linear-gradient(-45deg,transparent 45.5%,#000 45.5%,#000 54.5%,transparent 54.5%);clip-path:inset(24%)}
#close-type-examples:hover,#close-bubbles:hover,.garden-close:hover{transform:rotate(3deg) scale(1.09) translateY(-1px);filter:drop-shadow(0 6px 8px #2a252050)}#close-type-examples:active,#close-bubbles:active,.garden-close:active{transform:rotate(-1deg) scale(.94) translateY(2px)}
#close-type-examples:focus-visible,#close-bubbles:focus-visible{outline:3px solid #307878!important;outline-offset:2px}
.connection-map{margin:28px 0}.connection-map h2{text-align:center;font:22px Chalkduster}.connection-map p{line-height:1.7}.recipe-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:22px 10px;font:12px Chalkduster}.recipe-flow span{padding:10px;background:#ebe9df;box-shadow:1px 2px 3px #5a585520;transform:rotate(-.6deg)}.connection-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#307878 #eeece4}.connection-scroll table{width:100%;min-width:660px;border-collapse:separate;border-spacing:8px}.connection-scroll th{font:11px/1.7 Chalkduster;text-align:left;color:#6d6963}.connection-scroll td{background:#faf8ef;border-radius:3px;vertical-align:top}.connection-dot{border:0;background:none;cursor:pointer;font:12px/1.65 Avenir;color:#5a5855;display:flex;align-items:flex-start;gap:7px;padding:12px;text-align:left;width:100%}.connection-dot>.foam{font-size:20px;transition:transform .2s}.connection-dot:hover>.foam{transform:rotate(6deg) scale(1.12)}.connection-dot:focus-visible{outline:2px solid #307878;outline-offset:2px}.connection-postit{position:fixed;inset:auto 22px 28px auto;width:min(330px,calc(100vw - 44px));box-sizing:border-box;border:0;background:#e5edf0;box-shadow:4px 8px 16px #3b44422e;padding:28px 22px 20px;color:#5a5855;font:14px/1.8 Chalkduster;transform:rotate(-1deg);z-index:100}.connection-postit:popover-open{animation:note-arrive .18s ease-out}.note-close{position:absolute;top:3px;right:7px;background:none;border:0;color:#b53535;font:24px Avenir;cursor:pointer}.connection-postit p{margin:0}@keyframes note-arrive{from{opacity:0;transform:translateY(5px) rotate(-1deg) scale(.96)}to{opacity:1;transform:rotate(-1deg)}}
@media(max-width:760px){.expression-grid .bf-inner{grid-template-columns:minmax(150px,.8fr) minmax(0,1fr);gap:12px 20px}.expression-specimen{grid-column:2;grid-row:2}.expression-card .unfold{grid-row:3}.type-grid .preview{display:block!important}.type-grid .type-primary{margin:10px 0}.type-grid .card-head{justify-content:flex-start}.map-grid{grid-template-columns:1fr}.map-link h3{min-height:0}}
@media(max-width:540px){.expression-grid .bf-inner,.type-grid>.topic>.bf-card>.bf-inner{display:flex!important;flex-direction:column;padding:17px 16px!important;gap:14px}.expression-top,.type-grid .card-head{flex-direction:row;flex-wrap:wrap;width:100%;align-items:center;gap:12px}.expression-card .bf-inner>p{align-self:stretch}.expression-specimen{align-self:stretch}.expression-card .unfold,.type-grid .unfold{width:100%}.type-grid .preview{width:100%}.type-grid .preview>.examples-open{margin:12px 0}.expression-top .element-audio{margin-left:auto}.expression-specimen .bubble-real{max-width:95%;margin:12px auto 25px}#type-example-body .bf-inner{padding:16px 16px 34px}#type-example-body .example-library-content>h2{font-size:18px;padding-right:42px}.connection-map h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.connection-postit:popover-open{animation:none}#close-type-examples,#close-bubbles,.connection-dot>.foam{transition:none}}
/* Full-frame corner painters are not part of a left-only accordion strip. */
.expression-grid .pc-corner,.type-grid .pc-corner{display:none!important}
.materials-grid>.topic:nth-child(n+4) .pc-corner,.settings-grid>.topic:nth-child(n+3) .pc-corner{display:none!important}
#type-example-dialog::after{z-index:25}
#bubble-library-view{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;max-height:none;width:min(980px,calc(100% - 34px))}#bubble-library-view>.topic>.bf-card{height:82vh;padding:12px;display:flex}#bubble-library-view>.topic>.bf-card>.bf-inner{width:100%;min-width:0;overflow:auto;padding:20px;scrollbar-width:thin;scrollbar-color:#307878 #ece9df}#bubble-library-view .bf-inner>h2{padding-right:44px}#bubble-library-view::after{content:'↕ SCROLL TO EXPLORE';position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font:9px Chalkduster;padding:5px 12px;background:#fafaf5ee;pointer-events:none;z-index:20}
.expression-grid .bf-card,.type-grid>.topic>.bf-card{padding-left:12px!important;box-shadow:0 0 0 1px #929aa030,0 2px 5px #3b383017}
.expression-grid .edge-l,.type-grid>.topic>.bf-card>.edge-l{left:0;top:0;bottom:0;width:13px;border-radius:0;mask-image:none}
.expression-grid .bf-inner,.type-grid>.topic>.bf-card>.bf-inner{box-shadow:none;border:0}
.expression-grid .bf-card,.type-grid>.topic>.bf-card{border:1px solid #929aa045!important}
.expression-grid .edge-l,.type-grid>.topic>.bf-card>.edge-l{left:0;top:0;bottom:0;width:13px;border-radius:0;mask-image:none}
.app-surface-study{margin:26px 0}.app-surface-study>h3{font:20px Chalkduster;text-align:center}.app-paper{position:relative;padding:28px 28px 16px;margin:22px auto;max-width:620px;background:repeating-linear-gradient(to bottom,#fffefd 0 31px,#76a7cf55 31px 32px);border:1px solid #929aa040;box-shadow:1px 3px 8px #403d3418;display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;align-items:center}.app-paper>img{width:90px;max-width:100%}.app-paper>.bubble-real{max-width:100%;margin:12px 0 28px}.app-paper>button{grid-column:1/-1;justify-self:center}.app-paper>p{grid-column:1/-1;text-align:center;margin:12px 0 4px}.moment-reveal{animation:note-arrive .25s ease-out}@media(max-width:540px){.app-paper{padding:20px 16px 14px;grid-template-columns:55px minmax(0,1fr);gap:6px}.app-paper>img{width:55px}.app-paper .bubble-words{font-size:14px}}
@media(prefers-reduced-motion:reduce){.moment-reveal{animation:none}}
.semantic.grow{color:#559C40}
.composition-grid>.topic:nth-child(3){--accent:#7A7775!important}
.settings-grid>.topic:nth-child(2){--accent:#876F5D!important}.settings-grid>.topic:nth-child(3){--accent:#AA8F73!important}.settings-grid>.topic:nth-child(4){--accent:#796C60!important}
.plan-grid>.topic:nth-child(even){--frame-0:#586F56;--frame-1:#83977F;--frame-2:#CCD5C6;--frame-3:#718A6C;--frame-4:#E1E6DC;--frame-5:#879782}
.sources-grid>.topic:last-child{--accent:#7A7775!important}
/* Same postcard weight, straight-cut specimen strips, restrained placed-paper angles. */
.expression-grid .edge-l,.type-grid>.topic>.bf-card>.edge-l{left:0;top:0;bottom:0;width:13px;border-radius:0;mask-image:none}
.materials-grid>.topic:nth-child(n+4)>.bf-card,.settings-grid>.topic:nth-child(n+3)>.bf-card{border-radius:0;padding-top:10px;padding-bottom:10px;background:#fafaf5}
.materials-grid>.topic:nth-child(n+4) .edge-t,.materials-grid>.topic:nth-child(n+4) .edge-b,.settings-grid>.topic:nth-child(n+3) .edge-t,.settings-grid>.topic:nth-child(n+3) .edge-b{left:0!important;right:0!important;height:10px!important;border-radius:0!important;mask-image:none!important}
.topics>.topic{transform:rotate(var(--placed-tilt,0deg));transform-origin:center}.toolbox,.plan-grid{display:flex!important;flex-direction:column;gap:20px}.toolbox>.topic,.plan-grid>.topic{width:100%}
.compact-review-card>.bf-card>.bf-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,.7fr);gap:10px 24px!important;min-height:0!important;padding:18px 22px 10px!important}
.compact-review-card .card-head,.compact-review-card .expression-top{grid-column:1/-1!important;grid-row:1!important;margin:0!important;padding:0 20px 5px 0;display:block!important}
.compact-review-card .flag{font-size:12px!important;text-wrap:normal;max-width:100%}
.compact-review-card .bf-inner>p,.compact-review-card .preview{grid-column:1!important;grid-row:2!important;margin:0!important;align-self:start!important}
.compact-review-card .expression-specimen{grid-column:2!important;grid-row:2!important;padding:0!important}
.compact-review-card .preview{display:block!important}.compact-review-card .unfold{grid-column:1/-1!important;grid-row:4!important;border:0!important;margin:0!important;padding:0!important}.compact-review-card .unfold>summary[hidden]{display:none!important}
.compact-action-row{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;min-height:40px}.compact-action-row .element-audio{margin:0!important}.compact-details-trigger{display:flex;align-items:center;gap:9px;background:none;border:0;padding:4px 0;font:9px/1.7 Chalkduster;color:#6d6457;min-height:40px;white-space:nowrap}.compact-details-trigger .foam{font-size:22px}.compact-details-trigger:hover .foam{transform:translateY(-2px) rotate(5deg) scale(1.08)}.compact-details-trigger:active .foam{transform:scale(.94)}.compact-details-trigger[aria-expanded=true] .plus-sticker{transform:rotate(45deg)}
.map-route{background:var(--button-color)!important}.live-tab-demo{width:100%;height:215px;border:0;background:transparent}.tab-demo-only{background:#fafaf5}.tab-demo-only .shell{margin:0;padding:25px 15px;box-shadow:none}.tab-demo-only .shell>*:not(.index){display:none!important}.tab-demo-only .shell:before{display:none}.tab-demo-only .index{margin:22px 0!important}.tab-demo-only footer{display:none!important}
.connection-dot{flex-wrap:wrap;gap:6px}.usage-level{display:block;flex-basis:100%;font:10px Chalkduster;color:#6d6457;border-bottom:1px solid #aaa5;padding-bottom:5px}.usage-level[data-level=Core]{color:#307878}.usage-level[data-level='Not used']{color:#929aa0}.usage-legend{font-size:14px;line-height:1.8}.app-paper{grid-template-columns:150px minmax(0,1fr);padding:18px 20px;gap:18px}.app-paper>img{width:150px}.app-paper .bubble-real{align-self:start;margin:0 0 15px}
#buddy-pairs-dialog{width:min(720px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:24px;background:#fafaf5;border:10px solid #91b8b7}#buddy-pairs-dialog::backdrop{background:#302e2940}#buddy-pairs-dialog>.garden-close{position:sticky!important;float:right;top:0!important;right:0!important}#buddy-pairs-dialog h2{font:18px Chalkduster}.buddy-pair{margin:28px 0}.tail-size-0{--tail-width:20px}.tail-size-1{--tail-width:28px}.tail-size-2{--tail-width:36px}
@media(max-width:540px){.compact-review-card>.bf-card>.bf-inner{grid-template-columns:minmax(0,1fr)!important;padding:17px 14px 8px!important}.compact-review-card .expression-specimen{grid-column:1!important;grid-row:3!important}.compact-action-row{grid-row:4;flex-wrap:wrap;gap:0 10px}.compact-review-card .unfold{grid-row:5!important}.compact-details-trigger{font-size:8px;gap:6px}.compact-details-trigger .foam{font-size:19px}.app-paper{grid-template-columns:90px minmax(0,1fr);padding:15px 10px;gap:10px}.app-paper>img{width:90px}}
.toolbox .compact-review-card .preview,.plan-grid .compact-review-card .preview{grid-column:1/-1!important}.type-grid .compact-review-card .preview{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr;gap:14px 24px}.type-grid .compact-review-card .preview>.examples-open{grid-column:2;justify-self:end}.compact-review-card .unfold{background:none!important}.app-paper .bubble-outline{overflow:visible}.app-paper .bubble-real{font-size:17px;padding:16px 17px 19px}.pencil-specimen .pencil-letter-shape{text-anchor:middle!important;transform:none}
@media(max-width:540px){.type-grid .compact-review-card .preview{display:block!important}.app-paper .bubble-real{font-size:12px;padding:13px 12px}.live-tab-demo{height:195px}}
/* Latest creator correction: rounded paper, straight strip cuts, top-right audio. */
.materials-grid>.topic:nth-child(n+4)>.bf-card,.settings-grid>.topic:nth-child(n+3)>.bf-card{border-radius:11px!important;isolation:isolate}
.materials-grid>.topic:nth-child(n+4)>.bf-card>.bf-inner,.settings-grid>.topic:nth-child(n+3)>.bf-card>.bf-inner{border-radius:6px!important}
.materials-grid>.topic:nth-child(n+4) .edge-t,.materials-grid>.topic:nth-child(n+4) .edge-b,.settings-grid>.topic:nth-child(n+3) .edge-t,.settings-grid>.topic:nth-child(n+3) .edge-b{left:1px!important;right:1px!important}
.materials-grid>.topic:nth-child(n+4) .edge-t,.settings-grid>.topic:nth-child(n+3) .edge-t{border-radius:9px 9px 0 0!important}.materials-grid>.topic:nth-child(n+4) .edge-b,.settings-grid>.topic:nth-child(n+3) .edge-b{border-radius:0 0 9px 9px!important}
.masthead{position:relative;z-index:300}.masthead .top-info{z-index:310}.masthead .postit{z-index:320}.chapter-title .eyebrow{display:inline-block;padding:5px 12px;margin:0 0 8px;font:12px/1.4 EmbossT1;color:#fff;letter-spacing:.7px;background:var(--accent);box-shadow:1px 2px 3px #40372e40;transform:rotate(-1deg);clip-path:polygon(1% 0,100% 2%,99% 100%,0 98%)}.chapter-title .eyebrow .rainbow-letter{-webkit-text-stroke:.45px #fff;paint-order:stroke fill;text-shadow:0 1px 0 #39393960}
.compact-review-card .card-head,.compact-review-card .expression-top{grid-column:1!important;grid-row:1!important;padding-right:10px!important;align-self:center}.compact-review-card>.bf-card>.bf-inner>.element-audio{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0!important}.compact-review-card .compact-action-row{grid-column:1!important;grid-row:3;justify-content:flex-start;min-height:32px}.compact-review-card .compact-details-trigger{min-height:32px}.toolbox .compact-review-card .compact-action-row,.plan-grid .compact-review-card .compact-action-row{grid-column:1/-1!important;justify-content:flex-end}.toolbox .preview,.toolbox .teaching-preview{font-size:17px!important;line-height:1.65}.toolbox .preview,.plan-grid .preview{max-width:850px}.compact-review-card>.bf-card>.bf-inner{padding-bottom:9px!important;gap:8px 22px!important}.expression-grid .compact-review-card>.bf-card>.bf-inner{grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr)}
.recipe-flow{display:none}.worked-recipe{margin:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.worked-recipe article{padding:18px;background:#f0f0e6;border:1px solid #aaa5;border-radius:8px}.worked-recipe h3{font:14px/1.7 Chalkduster;margin:0 0 10px}.worked-recipe p{font-size:15px;margin:0}.ingredient-key{margin:18px 0}.ingredient-key summary{font:12px Chalkduster;cursor:pointer}.ingredient-key dl{display:grid;grid-template-columns:max-content 1fr;gap:12px 18px}.ingredient-key dt{font-weight:600;color:#307878}.ingredient-key dd{margin:0}.connection-scroll th .element-audio{margin:10px 0;transform:scale(.9);transform-origin:left center}.medium-script{font:11px/1.6 Avenir}.medium-script summary{font:9px Chalkduster;cursor:pointer}.medium-script p{min-width:160px}.connection-postit{font-size:12px;line-height:1.8;padding:20px;width:min(310px,calc(100vw - 30px))}.connection-postit .note-title{font-size:14px;display:block;margin-bottom:8px}.connection-postit .note-title .foam{font-size:24px;margin-right:7px}.connection-postit .note-body{display:block}.connection-postit .note-level{font-size:10px;display:block;margin:0 0 12px;color:#68645e}.connection-postit .note-close{display:none!important}
.buddy-pair{box-shadow:none;border:0;background:none;max-width:560px;margin:22px auto;padding:12px;grid-template-columns:140px max-content;justify-content:center}.buddy-pair>.bubble-real{width:fit-content;min-width:160px;max-width:300px;padding:14px 16px 17px}.buddy-pair.buddy-below{display:flex;flex-direction:column;gap:5px}.buddy-pair.buddy-below>img{order:2;width:135px;align-self:center}.buddy-pair.buddy-below>.bubble-real,.buddy-pair.buddy-below>.bubble-double{order:1;margin:0 0 20px}.bubble-grid .bubble-real{width:fit-content;min-width:150px;padding:15px 17px 18px}.bubble-cell-stage{min-height:0!important}.bubble-double{width:250px;max-width:100%}.bubble-triple{padding-top:0}.bubble-triple .bubble-middle{margin:15px auto;padding:14px 16px;width:190px}.bubble-triple .bubble-bottom{margin-top:15px}.bubble-real .foam,.bubble-double .foam{filter:url(#studio-foam-smooth)}
@media(max-width:540px){.compact-review-card>.bf-card>.bf-inner{grid-template-columns:minmax(0,1fr)!important}.compact-review-card>.bf-card>.bf-inner>.element-audio{grid-column:1;grid-row:2;justify-self:end}.compact-review-card .preview,.compact-review-card .bf-inner>p{grid-row:3!important}.compact-review-card .expression-specimen{grid-row:4!important}.compact-review-card .compact-action-row{grid-row:5}.compact-review-card .unfold{grid-row:6!important}.worked-recipe{grid-template-columns:1fr;gap:10px}.ingredient-key dl{grid-template-columns:1fr;gap:5px}.ingredient-key dd{margin-bottom:10px}.buddy-pair{grid-template-columns:75px minmax(0,1fr);padding:5px;gap:7px}.buddy-pair>img{width:75px}.buddy-pair>.bubble-real{min-width:0;max-width:100%;font-size:13px}.buddy-pair.buddy-below>img{width:110px}}
/* Reserve the complete resting/playback footprint, not only the speaker glyph. */
.compact-review-card>.bf-card>.bf-inner>.element-audio,.connection-scroll th .element-audio{width:144px;min-width:144px;max-width:144px;position:relative}.compact-review-card>.bf-card>.bf-inner>.element-audio .element-audio-row{width:144px}

/* Same expanded pencil-tab footprint; remove unrelated brown and empty mounting height. */
.pencil-specimen{width:150px;height:61px;color:#307878}.pencil-specimen svg{width:150px;height:50px;bottom:0}.pencil-specimen>.foam{top:-5px;left:61px}.pencil-specimen .pencil-letter-ink{color:#386d6b}.example-card .bf-inner{padding-top:18px;padding-bottom:18px}.example-card .example-heading .flag{background:#e3eeee;color:#386d6b}
.buddy-pair.buddy-below>.bubble-real,.buddy-pair.buddy-below>.bubble-double{align-self:center}
.compact-review-card .preview>.teaching-preview{margin-bottom:0!important}.compact-review-card .full-copy{padding-top:12px!important}
@media(max-width:540px){.toolbox .compact-action-row,.plan-grid .compact-action-row,.type-grid .compact-action-row{grid-row:4!important}.toolbox .compact-review-card .unfold,.plan-grid .compact-review-card .unfold,.type-grid .compact-review-card .unfold{grid-row:5!important}}
/* Rounded paper remains independent from straight decorative strip endings. */
.materials-grid>.topic:nth-child(n+4) .edge-t,.materials-grid>.topic:nth-child(n+4) .edge-b,.settings-grid>.topic:nth-child(n+3) .edge-t,.settings-grid>.topic:nth-child(n+3) .edge-b{border-radius:0!important}
.example-visual .bubble-real{width:fit-content;min-width:150px;max-width:100%;padding:14px 17px 18px;margin:15px auto 32px}.example-visual .bubble-double{margin:18px auto 34px}

/* Compact cue footprint: time above the same-width track, not appended at the end. */
.element-audio{width:119px!important;min-width:119px!important;max-width:119px!important}.element-audio .element-audio-row{width:119px!important;gap:3px}.element-audio .audio-reveal{flex:0 0 80px;width:80px}.element-audio .audio-cue{font-size:9px}.element-audio .audio-progress{grid-template-columns:1fr;grid-template-rows:13px 18px;gap:0;align-content:center}.element-audio .audio-progress .audio-time{grid-row:1;grid-column:1;text-align:center}.element-audio .audio-progress .audio-seek{grid-row:2;grid-column:1;width:80px;height:18px}
.toolbox .compact-review-card>.bf-card>.bf-inner,.plan-grid .compact-review-card>.bf-card>.bf-inner{grid-template-columns:minmax(0,2fr) minmax(120px,1fr);gap:4px 18px!important}.toolbox .compact-review-card .preview,.plan-grid .compact-review-card .preview{grid-column:1!important;grid-row:2!important}.toolbox .compact-review-card .compact-action-row,.plan-grid .compact-review-card .compact-action-row{grid-column:2!important;grid-row:2;align-self:end}.compact-review-card .flag{white-space:nowrap}.compact-review-card .card-head,.compact-review-card .expression-top{width:max-content;max-width:100%}
#type .chapter-tape{font-size:1rem;letter-spacing:.06em;padding:6px 16px;border-radius:3px;clip-path:none;transform:rotate(.4deg);box-shadow:0 3px 7px #0005}#type .chapter-tape .rainbow-letter{-webkit-text-stroke:0;text-shadow:1px 0 0 #ffffffb3,-1px 0 0 #ffffff80,0 -1px 0 #ffffffcc,0 2px 0 #ffffffe6}
.bubble-sidechain{display:flex;align-items:stretch;gap:20px;width:440px;max-width:100%}.bubble-sidechain .bubble-top,.bubble-sidechain .bubble-bottom{flex:1;width:0;margin:0;padding:17px 14px;font-size:18px;display:flex;align-items:center;justify-content:center}.sidechain-cell{grid-column:1/-1}.sidechain-cell .bubble-cell-stage{padding-top:12px}
@media(max-width:540px){.toolbox .compact-review-card>.bf-card>.bf-inner,.plan-grid .compact-review-card>.bf-card>.bf-inner{grid-template-columns:minmax(0,1fr)!important}.toolbox .compact-review-card .preview,.plan-grid .compact-review-card .preview{grid-column:1!important;grid-row:3!important}.toolbox .compact-review-card .compact-action-row,.plan-grid .compact-review-card .compact-action-row{grid-column:1!important;grid-row:4!important}.compact-review-card .flag{font-size:clamp(8px,2.8vw,12px)!important}.compact-review-card .card-head,.compact-review-card .expression-top{padding-right:0!important}.bubble-sidechain{display:block;width:250px}.bubble-sidechain .bubble-top{width:145px;margin:auto}.bubble-sidechain .bubble-bottom{width:auto;margin-top:15px}.bubble-sidechain .bubble-top,.bubble-sidechain .bubble-bottom{font-size:16px}}

/* Exact regular postcard family: partial edges inherit the same bands and clipping. */
.bf-card{border-radius:11px!important;padding:10px;border-color:#aaa8a2;overflow:hidden!important}.bf-card>.bf-inner{border-radius:6px!important}.bf-card>.edge-t,.bf-card>.edge-b{height:10px!important}.bf-card>.edge-l,.bf-card>.edge-r{width:10px!important}
.expression-grid>.topic>.bf-card,.type-grid>.topic>.bf-card{padding:0 0 0 10px!important;border-radius:12px!important;overflow:hidden!important}.expression-grid>.topic>.bf-card>.edge-l,.type-grid>.topic>.bf-card>.edge-l{top:0!important;bottom:0!important;left:0!important;width:10px!important;border-radius:0!important}.expression-grid .bf-inner,.type-grid>.topic>.bf-card>.bf-inner{border-radius:8px!important}
.materials-grid>.topic:nth-child(n+4)>.bf-card,.settings-grid>.topic:nth-child(n+3)>.bf-card{padding:10px 0!important;border-radius:12px!important;overflow:hidden!important}.materials-grid>.topic:nth-child(n+4) .edge-t,.materials-grid>.topic:nth-child(n+4) .edge-b,.settings-grid>.topic:nth-child(n+3) .edge-t,.settings-grid>.topic:nth-child(n+3) .edge-b{left:0!important;right:0!important;height:10px!important;border-radius:0!important}
/* Type rows: header and audio across the top; description, specimen, and action below. */
.type-grid .compact-review-card>.bf-card>.bf-inner{grid-template-columns:minmax(0,1fr) 119px!important;gap:6px 18px!important}.type-grid .compact-review-card .preview{grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) minmax(160px,1fr)!important;gap:6px 18px!important;align-items:start!important}.type-grid .preview>.examples-open{margin:4px 0!important}.type-grid .compact-action-row{grid-column:1/-1!important;justify-content:flex-end!important;min-height:30px}.type-grid .type-primary{padding:0!important}.type-grid .written-paper{padding:8px!important}.written-paper{line-height:32px!important;background:repeating-linear-gradient(to bottom,transparent 0 31px,#6d9ebf45 31px 32px)!important;background-position:0 var(--rule-offset,0px)!important}.baseline-pin{display:inline-block;width:0;height:0;vertical-align:baseline}
@media(max-width:600px){.type-grid .compact-review-card>.bf-card>.bf-inner{grid-template-columns:minmax(0,1fr)!important}.type-grid .card-head{grid-column:1!important}.type-grid .compact-review-card>.bf-card>.bf-inner>.element-audio{grid-column:1;grid-row:2}.type-grid .compact-review-card .preview{grid-row:3!important;display:block!important}.type-grid .compact-review-card .compact-action-row{grid-row:4!important}.type-grid .compact-review-card .unfold{grid-row:5!important}}
.material-bridge{max-width:760px;margin:8px auto 18px;line-height:1.65}
.element-audio{width:calc(39px + var(--cue-width,80px))!important;min-width:calc(39px + var(--cue-width,80px))!important;max-width:calc(39px + var(--cue-width,80px))!important}.element-audio .element-audio-row{width:100%!important}.element-audio .audio-reveal{flex-basis:var(--cue-width,80px);width:var(--cue-width,80px)}.element-audio .audio-progress .audio-seek{width:100%}
@media(max-width:600px){.type-grid .compact-review-card>.bf-card>.bf-inner>.element-audio{grid-column:1!important;grid-row:2!important;position:relative!important;justify-self:end!important;display:block!important;min-height:36px!important}.type-grid .compact-review-card>.bf-card>.bf-inner{grid-template-rows:auto auto auto auto auto!important}}
@media(max-width:600px){.type-grid .compact-review-card>.bf-card>.bf-inner,.expression-grid .compact-review-card>.bf-card>.bf-inner,.toolbox .compact-review-card>.bf-card>.bf-inner,.plan-grid .compact-review-card>.bf-card>.bf-inner{display:grid!important}}

/* Restore the guide's approved frame scale; same weight for partial frames. */
.expression-grid>.topic>.bf-card,.type-grid>.topic>.bf-card{border-radius:11px!important}.expression-grid .bf-inner,.type-grid>.topic>.bf-card>.bf-inner{border-radius:6px!important}
.plan-grid .flag{color:#fff!important}.plan-grid .flag::before{background:linear-gradient(100deg,#00000012 0 20%,transparent 35%,#ffffff14),#42643b}.plan-grid>.topic:nth-child(even) .flag::before{background:linear-gradient(100deg,#00000012 0 20%,transparent 35%,#ffffff14),#52664c}.plan-grid .preview,.toolbox .preview{text-wrap:balance}
#type .chapter-tape{background:none!important;box-shadow:none;border-radius:0;isolation:isolate;position:relative;transform:rotate(var(--tape-tilt,.4deg))}
.bubble-double:not(.bubble-sidechain) .bubble-bottom,.bubble-triple .bubble-middle{margin-top:9px!important}.bubble-triple .bubble-top,.bubble-triple .bubble-middle,.bubble-triple .bubble-bottom{width:fit-content!important;max-width:calc(100% - 18px);padding:10px 13px!important;margin-bottom:0!important}.bubble-triple .bubble-top{margin-left:0!important;margin-right:auto!important}.bubble-triple .bubble-middle{margin-left:auto!important;margin-right:0!important}.bubble-triple .bubble-bottom{margin-left:8px!important;margin-right:auto!important}.bubble-sidechain{align-items:center}.bubble-sidechain .bubble-top,.bubble-sidechain .bubble-bottom{padding:10px 13px!important;min-height:0}
.inline-emoji{filter:drop-shadow(0 1px 1px #3a3a3a35)}
.expression-intro{max-width:760px;margin:26px auto 12px}.expression-section-tape{--tape-color:#777773;font-size:16px;padding:7px 16px}.expression-library{margin-top:10px;padding-top:12px}
.plan-grid .flag::before{background:linear-gradient(100deg,#0000000b 0 20%,transparent 35%,#ffffff19),#6d8a5b}.plan-grid>.topic:nth-child(even) .flag::before{background:linear-gradient(100deg,#0000000b 0 20%,transparent 35%,#ffffff19),#74886a}
.type-grid .material-description{grid-column:1;grid-row:1}.type-grid .material-description>p{margin:0 0 8px!important}.type-grid .material-description .compact-action-row{display:flex;justify-content:flex-start!important;min-height:28px}.type-grid .hand-examples{display:inline-flex;align-items:center;gap:7px;border:0!important;background:none!important;box-shadow:none!important;padding:4px 0!important;color:#6d6457!important;font:9px/1.7 Chalkduster!important;min-height:30px;transform:none!important}.type-grid .hand-examples:before,.type-grid .hand-examples:after{display:none!important}.type-grid .hand-examples .foam{font-size:23px;position:static!important;transform:rotate(-5deg)}.type-grid .hand-examples:hover .foam{transform:translateY(-2px) rotate(5deg) scale(1.08)}.type-grid .hand-examples:active .foam{transform:scale(.94)}
.expression-grid .compact-review-card .preview{grid-column:1!important;grid-row:2!important}.expression-grid .compact-review-card .compact-action-row{grid-column:1!important;grid-row:3!important;align-self:start}.expression-grid .compact-review-card .expression-specimen{grid-column:2!important;grid-row:2/4!important;align-self:center}.written-paper{background-position:0 calc(var(--rule-offset,0px) + 2px)!important}
@media(max-width:600px){.expression-grid .compact-review-card .preview{grid-row:3!important}.expression-grid .compact-review-card .compact-action-row{grid-row:4!important}.expression-grid .compact-review-card .expression-specimen{grid-column:1!important;grid-row:5!important}.expression-grid .compact-review-card .unfold{grid-row:6!important}}

#type .chapter-tape.tape::before{clip-path:var(--tape-cuts);background:linear-gradient(var(--curl-angle,180deg),#ffffff22 0%,transparent 40%,#00000020 100%),linear-gradient(90deg,#0000001c 0%,transparent 12%,#ffffff13 48%,transparent 86%,#0000001c 100%),var(--tape-color)}
.compact-review-card .unfold:not([open]){display:none!important}.type-grid .compact-review-card>.bf-card>.bf-inner{padding-bottom:12px!important}.type-grid .hand-examples{margin:3px 0 0!important}
.expression-specimen{text-wrap:balance}
#map .topic .semantic.mind,#map .map-card .semantic.mind{color:var(--accent)!important}
.material-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;grid-column:1/-1;grid-row:1}.material-topbar .card-head{grid-column:auto!important;grid-row:auto!important;min-width:0}.material-topbar .element-audio{margin:0!important;justify-self:center}.material-topbar .hand-examples{justify-self:end;white-space:nowrap}.type-grid .compact-review-card .preview{grid-row:2!important}
.element-audio .element-audio-row{flex-direction:row-reverse;gap:7px}.element-audio{width:calc(43px + var(--cue-width,80px))!important;min-width:calc(43px + var(--cue-width,80px))!important;max-width:calc(43px + var(--cue-width,80px))!important}.element-audio .audio-cue{justify-content:flex-end}.element-audio .audio-progress{align-content:center}.element-audio .audio-time{text-align:center!important}
@media(max-width:600px){.material-topbar{grid-template-columns:1fr 1fr;gap:8px 12px}.material-topbar .card-head{grid-column:1/-1!important}.material-topbar .element-audio{justify-self:start}.material-topbar .hand-examples{justify-self:end}.type-grid .compact-review-card .preview{grid-row:2!important}.type-grid .compact-review-card .unfold{grid-row:3!important}}
#map .bf-card .semantic.mind{color:var(--accent,#406592)!important}
#type .chapter-tape,.expression-section-tape{font:12px/1.4 EmbossT1!important;letter-spacing:.7px!important;padding:5px 12px!important}
.material-topbar{column-gap:32px;align-items:start}.material-topbar .element-audio,.material-topbar .hand-examples{margin-top:0!important;align-self:start;transform:translateY(-3px)}.material-topbar .card-head{padding-bottom:0!important}.compact-review-card>.bf-card>.bf-inner>.element-audio{align-self:start!important;transform:translateY(-3px)}
.cue-options{display:flex;flex-direction:column;gap:6px;font-size:13px!important;line-height:1.6!important}.cue-options>div{white-space:nowrap}
@media(max-width:600px){.material-topbar{gap:10px 24px}.material-topbar .element-audio,.material-topbar .hand-examples{transform:none}.material-topbar .hand-examples{font-size:8px!important;gap:5px}.material-topbar .hand-examples .foam{font-size:21px}.cue-options{font-size:12px!important}}
@media(max-width:600px){.material-topbar{grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.material-topbar .hand-examples{font-size:7.5px!important;gap:3px}.material-topbar .hand-examples .foam{font-size:19px}.material-topbar .element-audio .audio-cue{font-size:8px}.material-topbar .element-audio{max-width:100%!important}.material-topbar .element-audio .element-audio-row{gap:5px}}
.postit.bounded-info-note{position:fixed!important;inset:auto;margin:0;box-sizing:border-box;width:320px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;z-index:1000;transform:rotate(.4deg);border:0;color:#5a5855}.info-note-heading{font:10px/1.6 Chalkduster;color:#686b65;margin:0 0 14px}.info-note-heading .foam{font-size:22px;vertical-align:middle;margin-right:7px}
.expression-hand-subtitle{font:17px/1.6 Chalkduster;color:#64615b;margin:12px 0 0;text-align:center}.play-sample:has(>.specimen-action){display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:8px 4px!important}.play-sample:has(>.specimen-action)>.specimen-response{font:10px/1.6 Chalkduster;flex:1;min-width:110px;max-width:170px;margin:0!important}.play-sample:has(>.specimen-action)>.specimen-action{flex:none;margin:0!important}.button-variety{display:grid;gap:24px;margin:24px 10px}.button-choice{display:grid;grid-template-columns:minmax(160px,210px) minmax(0,1fr);align-items:center;gap:30px}.button-choice .palette-action{background:linear-gradient(var(--sample-top),var(--sample-bottom))!important;color:var(--sample-ink)!important;justify-self:start}.button-choice-feedback{margin:0!important;font:12px/1.7 Chalkduster}.palette-action[aria-pressed=true]{transform:translateY(2px);box-shadow:0 1px 1px #3334}
@media(max-width:600px){.expression-hand-subtitle{font-size:14px}.button-choice{grid-template-columns:1fr;gap:12px}.play-sample:has(>.specimen-action){gap:12px}.play-sample:has(>.specimen-action)>.specimen-response{min-width:90px}}
.digital-letter-outline{text-shadow:1px 0 0 #ffffffcc,-1px 0 0 #ffffffb3,0 1px 0 #ffffffb3,0 -1px 0 #ffffffcc,0 2px 0 #ffffffe6}
.palette-action:focus:not(:focus-visible){outline:none}.selection-specimen{display:flex;flex-wrap:wrap;gap:36px;padding:24px 24px 18px}.selection-feedback{font:12px/1.7 Chalkduster;margin:10px 0}

/* Selected state is a held press and a color change, never an outer ring. */
body .state-toggle,body .view-choice{position:relative;background:#777b75;color:#fff;transition:background-color .24s ease,color .24s ease,transform .18s ease,box-shadow .18s ease}
body .state-toggle::after,body .view-choice::after{display:none!important}
body .state-toggle[aria-pressed=true],body .view-choice[aria-pressed=true]{background:#dce8d5!important;color:#3f603c!important;transform:translateY(3px)!important;box-shadow:0 1px 0 #0003,inset 0 1px 2px #0002!important}
body .state-toggle[aria-pressed=true]>.foam,body .view-choice[aria-pressed=true]>.foam{transform:translate(2px,-50%) rotate(3deg) scale(1.03)}
body .state-toggle:focus:not(:focus-visible),body .view-choice:focus:not(:focus-visible){outline:none!important}
.button-view{font:15px/1.8 Chalkduster;padding:12px 8px;color:#54704e;min-height:70px}.view-arriving{animation:button-view-in .24s ease-out}@keyframes button-view-in{from{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.view-arriving{animation:none}}

/* Selection uses the button surface, never the legacy outside ring. */
body .fundamental-arcade-button[aria-pressed=true],body .fundamental-arcade-button[aria-selected=true]{outline:none!important}
body .fundamental-arcade-button:focus-visible{outline:2px dashed #8052a0!important;outline-offset:5px}
.state-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:18px 0}
.state-family .selection-specimen{padding:14px 20px 8px}.state-family .selection-feedback{margin:4px 0;font-size:11px}
body [data-family=gray]{--rest:#979b9d;--rest-ink:#fff;--held:#51575b;--held-ink:#e7eaec;--family-edge:#72787b}
body [data-family=teal]{--rest:#d2e7e3;--rest-ink:#2e6767;--held:#307878;--held-ink:#dff3ee;--family-edge:#6faaa5}
body [data-family=blue]{--rest:#dce8f1;--rest-ink:#406592;--held:#406592;--held-ink:#e7f1fa;--family-edge:#86a5c1}
body [data-family=gold]{--rest:#f4e4bd;--rest-ink:#765916;--held:#946e21;--held-ink:#fff0c8;--family-edge:#c3a260}
body .state-toggle,body .view-choice{background:var(--rest)!important;color:var(--rest-ink)!important;border-color:var(--family-edge)!important}
body .state-toggle[aria-pressed=true],body .view-choice[aria-pressed=true]{background:var(--held)!important;color:var(--held-ink)!important;border-color:var(--held)!important}
@media(max-width:480px){.state-families{grid-template-columns:1fr}}

/* Compare ingredients by their chapter family, not a generic yellow cell. */
.connection-scroll td,.connection-scroll thead th:not(:first-child){background:color-mix(in srgb,var(--column-ink) 10%,#fafaf5);color:var(--column-ink);border-radius:6px;border-bottom:2px solid color-mix(in srgb,var(--column-ink) 35%,transparent)}
.connection-scroll tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--column-ink) 15%,#fafaf5)}
.connection-scroll thead th{padding:10px 8px}.connection-dot{color:var(--column-ink);padding:10px;gap:6px}
.connection-dot .usage-level,.connection-dot .usage-level[data-level=Core]{color:var(--column-ink);border:0;font-size:10px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.contribution-meter{display:inline-flex;gap:3px}.contribution-meter i{display:block;width:13px;height:7px;border-radius:2px;background:color-mix(in srgb,var(--column-ink) 18%,transparent)}.contribution-meter i.filled{background:var(--column-ink)}
.worked-recipe article:nth-child(1){background:#eceeed}.worked-recipe article:nth-child(2){background:#eee6da}.worked-recipe article:nth-child(3){background:#e6edf5}.worked-recipe h3{font-size:13px}.worked-recipe{gap:12px}.worked-recipe article{padding:14px}
.app-paper{grid-template-columns:125px minmax(0,1fr);padding:16px;gap:10px}.app-paper>img{width:125px}.app-paper .bubble-real{width:fit-content;max-width:100%;padding:7px 12px 9px;margin:0 0 8px;justify-self:start}.app-paper .bubble-words{font-size:15px;line-height:32px}.lined-writing-rule{font-size:14px;max-width:620px;margin:10px auto 22px}
@media(max-width:540px){.worked-recipe{grid-template-columns:1fr}.app-paper{grid-template-columns:75px minmax(0,1fr);padding:12px 8px;gap:7px}.app-paper>img{width:75px}.app-paper .bubble-words{font-size:11px;line-height:32px}.app-paper .bubble-real{padding:5px 8px}}
.spark-caption{display:inline-flex;align-items:center;justify-content:center;gap:10px}.spark-caption>.foam{flex-shrink:0;margin:0 2px;position:relative;left:-2px}
body .chapter-audio .play-btn{width:88px;min-width:88px;max-width:88px;flex:0 0 88px}.chapter-audio .play-label{display:inline-flex;min-width:46px;justify-content:center;align-items:center}.chapter-audio[data-playing=true] .play-label{font-family:Arial,sans-serif;font-weight:900;font-size:21px;line-height:18px;letter-spacing:3px}
.connection-scroll tbody td{transform:rotate(var(--paper-tilt,0deg));box-shadow:1px 2px 3px #38382c12}.connection-scroll thead th:not(:first-child){background:none;border:0;padding:20px 5px 12px}
.chart-column-tag{position:relative;display:block;padding:12px 6px 8px;background:color-mix(in srgb,var(--column-ink) 20%,#fafaf5);font:10px/1.65 Chalkduster;color:var(--column-ink);box-shadow:1px 3px 4px #3332;transform:rotate(-.5deg)}.chart-column-tag>.foam{position:absolute;right:3px;top:-17px;font-size:24px}
.chart-question{font:13px/1.9 Chalkduster;display:block;text-align:center}.chart-row-title{position:relative;margin:12px 4px 14px 0;display:inline-block}.chart-row-title .tape{font-size:10px;white-space:nowrap;padding:5px 8px;background:#767773}.chart-row-title>.foam{position:absolute;right:-9px;top:-16px;font-size:22px}
.connection-scroll tbody th{min-width:145px;vertical-align:top;padding:4px 8px}.chart-read-cue{border:0;background:none;color:#69675f;display:flex;align-items:center;gap:7px;font:9px/1.8 Chalkduster;padding:5px 0;margin:4px 0;white-space:nowrap}.chart-read-cue>.foam{font-size:21px}.chart-read-cue:hover>.foam{transform:translateY(-3px) rotate(4deg)}
.chart-read-note{position:fixed;margin:0;inset:auto;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;box-sizing:border-box;padding:22px;background:#f0eee5;border:0;box-shadow:3px 6px 16px #3333;transform:rotate(-.5deg);font:15px/1.75 Avenir;color:#5a5855}.chart-read-title{display:block;color:#406592;font:12px/1.8 Chalkduster;margin-bottom:12px}.chart-read-title .foam{font-size:23px;margin-right:6px}.chart-read-note p{margin:10px 0}
/* The scale is a thick pencil mark, not a machine-cut rectangle. */
.contribution-meter i,.contribution-meter i.filled{width:17px;height:10px;background:none;transform:rotate(-3deg)}.contribution-meter i:nth-child(2){transform:rotate(3deg)}.contribution-meter i svg{display:block;width:100%;height:100%;overflow:visible;filter:url(#sketch-accuracy)}.contribution-meter i path{fill:none;stroke:var(--column-ink);stroke-width:3.2;stroke-linecap:round;opacity:.17}.contribution-meter i.filled path{opacity:.9}
/* A continuous row thread stays beneath the individually placed notes. */
.connection-scroll tbody tr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='12' viewBox='0 0 900 12'%3E%3Cpath d='M2 6 Q100 3 210 6 T450 6 T680 6 T898 5 M3 7 Q130 5 280 7 T570 6 T897 7' fill='none' stroke='%23868b88' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 9px;background-position:left 56px}
.connection-scroll{padding-right:7px}.connection-scroll tbody td{position:relative;background:color-mix(in srgb,var(--column-ink) 12%,#fafaf5);border:0;border-radius:1px 2px 2px 1px;box-shadow:1px 3px 4px #37362d24;transform:rotate(var(--paper-tilt));background-image:linear-gradient(to bottom,#4544350a,transparent 22%)}.connection-scroll tbody tr:nth-child(even) td{background-color:color-mix(in srgb,var(--column-ink) 17%,#fafaf5);background-image:linear-gradient(to bottom,#4544350a,transparent 22%)}
.connection-scroll thead th:not(:first-child){text-align:center;padding:17px 2px 10px}.chart-column-tag{display:inline-block;width:auto;max-width:100%;padding:7px 14px 7px 9px;font-size:11px;line-height:1.5;box-shadow:3px 2px 4px #3332;clip-path:polygon(0 1%,98% 0,100% 97%,1% 100%);overflow:visible}.chart-column-tag>.foam{position:relative;right:auto;top:auto;font-size:20px;margin-left:5px;vertical-align:middle}.chart-row-title{margin-right:14px;padding-right:4px}.chart-row-title>.foam{right:-13px;top:-13px;font-size:23px}.chart-row-title .tape{font-size:10px;padding:5px 9px;letter-spacing:.1px;white-space:nowrap}.connection-scroll tbody th{min-width:158px;padding-right:14px}
.connection-scroll tbody tr{background-image:none}.connection-scroll tbody th{position:relative}.connection-scroll tbody th::after{content:'';position:absolute;left:0;top:56px;width:calc(var(--chart-width) - 12px);height:4px;background:var(--row-tone);opacity:.5;clip-path:polygon(0 35%,24% 15%,51% 35%,75% 5%,100% 25%,100% 75%,70% 92%,40% 70%,0 100%);pointer-events:none;z-index:0}.connection-scroll tbody th>*{position:relative;z-index:1}.connection-scroll tbody td{z-index:1}.chart-column-tag{clip-path:none}.chart-column-tag>.foam{float:right;margin-right:-5px;margin-top:-6px}.chart-column-tag{font-size:10px;padding:7px 8px;white-space:nowrap}.connection-scroll table{min-width:790px}
/* Give every row a small, unmistakable control group. */
.connection-scroll{padding:8px 12px 8px 0;overflow-x:auto}.connection-scroll table{min-width:0;table-layout:fixed;width:100%;border-spacing:8px}.connection-scroll thead th:first-child{width:154px}.connection-scroll tbody th{min-width:0;padding:0 6px 0 0;vertical-align:top}.chart-row-controls{padding:10px 5px 8px 3px;border-radius:4px;background:color-mix(in srgb,var(--row-tone) 7%,#fafaf5);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--row-tone) 36%,transparent)}.chart-row-controls .chart-row-title{margin:5px 13px 14px 7px}.chart-row-controls .element-audio{margin:4px 7px 6px!important;transform:scale(.9);transform-origin:left center}.chart-row-controls .chart-read-cue{margin:0 7px;padding:6px 0;font-size:8px}
.connection-scroll tbody th::after{top:58px;left:0;width:calc(var(--chart-width) - 1px);height:8px;opacity:.6;clip-path:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 10' preserveAspectRatio='none'%3E%3Cpath d='M1 4 Q45 2 90 5 T178 4 T290 6 T403 4 T511 5 T627 4 T710 6 T799 4 M2 6 Q61 4 137 6 T275 5 T422 6 T596 5 T798 6' fill='none' stroke='%23757973' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;filter:url(#sketch-accuracy)}
.connection-scroll tbody td{background:color-mix(in srgb,var(--column-ink) 12%,#fafaf5);border-radius:1px;box-shadow:2px 4px 7px #3b444226;background-image:linear-gradient(to bottom,#4949390c,transparent 20%)}
.connection-dot{position:relative;display:block;padding:12px 9px 11px;font-size:12px;line-height:1.55;min-height:100%;overflow-wrap:break-word}.connection-dot .usage-level{display:flex!important;flex-direction:column;align-items:flex-start;gap:5px;padding:0 22px 0 0;margin:0 0 10px;font-size:9px;line-height:1.4}.connection-dot .contribution-meter{flex-wrap:nowrap;gap:1px}.contribution-meter i{width:14px}.connection-dot>.chart-info-sticker{position:absolute;right:4px;top:9px;font-size:17px;margin:0;transition:transform .18s}.connection-dot:hover>.chart-info-sticker{transform:translateY(-2px) rotate(5deg) scale(1.06)}
.chart-column-tag.flag{display:inline-flex;align-items:center;width:auto;max-width:100%;font-size:10px;white-space:normal;text-wrap:balance;line-height:1.45;padding:6px 13px 6px 8px;margin:0 4px;background:color-mix(in srgb,var(--column-ink) 18%,#fafaf5);color:var(--column-ink)}.chart-column-tag.flag>.foam{position:absolute;top:-12px;right:-7px;font-size:21px;margin:0;float:none}
@media(max-width:700px){.connection-scroll table{min-width:700px}.connection-scroll thead th:first-child{width:135px}}
.connection-dot .usage-level{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;width:100%;margin:0 0 9px!important;padding:0 22px 0 0!important}.connection-dot .usage-level *{text-align:left!important;align-self:flex-start!important}.connection-dot{text-align:left!important}
.chart-row-controls{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px 12px;background:none;box-shadow:none;border:0;padding:8px 3px}.chart-row-controls .chart-row-title{flex-basis:100%;width:max-content;margin:5px 12px 12px 3px}.chart-row-controls .element-audio{width:44px!important;min-width:44px!important;max-width:44px!important;margin:0!important;transform:none;position:relative}.chart-row-controls .element-audio-row{width:44px!important;justify-content:flex-start}.chart-row-controls .audio-reveal{position:absolute;left:0;top:40px;width:94px}.chart-row-controls .audio-cue{display:none}.chart-row-controls .chart-read-cue{margin:0;padding:0;width:32px;height:36px;justify-content:center}.chart-row-controls .chart-read-cue>.foam{font-size:25px}.chart-row-controls{min-height:125px}.chart-row-controls .audio-toggle{position:relative}
.chart-column-tag.flag{background:var(--column-ink)!important;color:#fff!important;font-size:10px}
.chart-info-cue{display:none;position:absolute;right:2px;top:32px;z-index:5;font:8px/1.6 Chalkduster;color:#65645e;background:#f4f1e8;padding:6px 8px;box-shadow:2px 3px 5px #3333;transform:rotate(-2deg);white-space:nowrap;pointer-events:auto}
@media(hover:hover) and (pointer:fine){.connection-dot:hover .chart-info-cue,.connection-dot:focus-visible .chart-info-cue{display:block;animation:note-arrive .15s ease-out}[data-hover-cue]:hover::after,[data-hover-cue]:focus-visible::after{content:attr(data-hover-cue);position:absolute;z-index:20;top:calc(100% + 6px);left:0;white-space:nowrap;background:#f4f1e8;color:#65645e;font:8px/1.7 Chalkduster;letter-spacing:0;padding:6px 8px;box-shadow:2px 3px 5px #3333;transform:rotate(-2deg)}}
.chart-column-tag.flag{background:none!important}.chart-column-tag.flag::before{background:linear-gradient(100deg,#0000000c 0 20%,transparent 35%,#ffffff20),var(--column-ink)!important}
.chart-row-controls{display:grid;grid-template-columns:44px 38px;column-gap:12px;row-gap:7px;align-content:start}.chart-row-controls .chart-row-title{grid-column:1/-1;justify-self:start;width:max-content;max-width:125px;flex-basis:auto;margin:5px 8px 12px 3px}.chart-row-controls .chart-row-title>.foam{right:-13px}
.chart-read-cue{position:relative}
.app-paper{display:block;padding:16px 12px 12px;text-align:center}.calm-buddy-pair{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin:0 auto 12px}.calm-buddy-pair>img{width:135px;height:auto;flex:0 0 135px}.calm-buddy-pair>.bubble-real{flex:0 1 auto;max-width:calc(100% - 147px);margin:0;justify-self:auto;text-align:center;padding:8px 13px 10px}.calm-buddy-pair .bubble-words{font-size:18px;line-height:32px}.calm-buddy-pair .bubble-words>.foam{font-size:27px}.app-paper>button{margin:10px auto}.app-paper>p{margin:10px 0 0}
/* Use the same paper lift and contact shadow as the guide's tag material. */
.chart-column-tag.flag{box-shadow:none!important;isolation:isolate;transform:rotate(var(--paper-tilt,-.6deg));padding:7px 15px 7px 10px}.chart-column-tag.flag::before{border-radius:1px 2px 4px 1px;clip-path:polygon(0 0,100% 0,100% 91%,72% 97%,24% 100%,0 100%);background:linear-gradient(100deg,#00000012 0 20%,transparent 34%,#ffffff10 80%,#ffffff22),var(--column-ink)!important}.chart-column-tag.flag::after{left:19%;right:-1%;top:2px;bottom:-2px;height:auto;background:linear-gradient(90deg,#37332f0b 0%,#37332f16 28%,#37332f26 69%,#37332f20 93%,#37332f0b 100%);filter:blur(2.5px);border-radius:1px 3px 5px 1px;transform:skewY(1deg);transform-origin:left center;clip-path:none}
.chart-row-title .tape{font-size:12px;padding:6px 10px;letter-spacing:.1px}.chart-row-controls .chart-row-title{max-width:none;margin-bottom:16px}.connection-scroll thead th:first-child{width:172px}.chart-row-controls{position:relative;min-height:145px;grid-template-columns:44px 38px;row-gap:0;padding-top:8px}.chart-row-controls .element-audio,.chart-row-controls .chart-read-cue{top:-3px}.chart-row-controls .audio-reveal{top:38px;left:0;width:108px}.chart-row-controls .audio-progress{position:absolute;top:0;left:0;width:94px}.chart-row-controls .audio-status{position:absolute;top:75px;left:0;width:135px}
@media(hover:hover) and (pointer:fine){.chart-row-controls [data-hover-cue]:hover::after,.chart-row-controls [data-hover-cue]:focus-visible::after{top:18px;left:22px;z-index:-1;padding:5px 8px 5px 12px;transform:rotate(-3deg)}.chart-row-controls [data-hover-cue]{isolation:isolate;z-index:4}.chart-row-controls [data-hover-cue]>.foam{position:relative;z-index:2}}
@media(max-width:540px){.calm-buddy-pair{gap:8px}.calm-buddy-pair>img{width:90px;flex-basis:90px}.calm-buddy-pair>.bubble-real{max-width:calc(100% - 98px);padding:7px 9px}.calm-buddy-pair .bubble-words{font-size:14px;line-height:32px}.calm-buddy-pair .bubble-words>.foam{font-size:23px}}
/* Enlarge the approved chart tag without changing its paper treatment. */
.chart-column-tag.flag{font-size:12px;line-height:1.5;padding:9px 17px 9px 11px;margin:0 7px 0 0;letter-spacing:.02em}.chart-column-tag.flag>.foam{right:-12px;top:-15px;font-size:25px}.connection-scroll thead th:not(:first-child){padding:20px 3px 14px}.connection-scroll thead th:first-child{width:160px}
.chart-column-tag.flag{white-space:nowrap;max-width:none;padding-left:9px;padding-right:10px}
.connection-scroll tbody th::after{background-image:var(--row-pencil);height:10px;opacity:.72}.chart-row-controls{min-height:118px}.chart-row-controls .element-audio,.chart-row-controls .chart-read-cue{top:-13px}.chart-row-controls .audio-reveal{top:40px}
/* Hover paper has its own readable layer, with transitions on both entry and exit. */
.chart-row-controls [data-hover-cue]::after{content:attr(data-hover-cue);display:block;position:absolute;z-index:40;top:30px;left:-2px;white-space:nowrap;background:#f4f1e8;color:#65645e;font:8px/1.7 Chalkduster;letter-spacing:0;padding:6px 9px;box-shadow:2px 3px 5px #3333;transform:translateY(-2px) rotate(-3deg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.chart-info-cue{display:block;opacity:0;visibility:hidden;transition:opacity .18s ease,translate .18s ease,visibility 0s linear .18s;translate:0 -2px;pointer-events:none}
@media(hover:hover) and (pointer:fine){.chart-row-controls [data-hover-cue]:hover,.chart-row-controls [data-hover-cue]:focus-visible{z-index:30}.chart-row-controls [data-hover-cue]:hover::after,.chart-row-controls [data-hover-cue]:focus-visible::after{z-index:40;top:30px;left:-2px;padding:6px 9px;opacity:1;visibility:visible;transform:translateY(0) rotate(-3deg);transition-delay:0s}.connection-dot:hover .chart-info-cue,.connection-dot:focus-visible .chart-info-cue{opacity:1;visibility:visible;translate:0 0;transition-delay:0s;pointer-events:auto;animation:none}}
@media(hover:none){.chart-row-controls [data-hover-cue]::after,.chart-info-cue{display:none!important}}
.connection-postit{padding:16px 18px}.chart-read-note{padding:17px 19px;transform:rotate(-2deg)}
@media(prefers-reduced-motion:reduce){.chart-row-controls [data-hover-cue]::after,.chart-info-cue{transition:none}}
.chart-column-tag.flag{padding-right:22px;margin-right:9px;transform:rotate(var(--paper-tilt))}.chart-column-tag.flag>.foam{right:-14px;top:-18px;font-size:24px}
.connection-dot>.chart-info-sticker{right:9px;top:10px;font-size:16px}.connection-dot .usage-level{padding-right:29px!important}.chart-row-title .tape{font-size:12.5px;padding:7px 10px}.chart-row-controls .chart-row-title{transform-origin:30% 50%}

/* September 12: shared drawn audio track and two physical tape curls. */
.audio-guide.chapter-audio::before{border-width:2.5px;opacity:.85;filter:url(#sketch-accuracy)}
.audio-guide .audio-seek{background:none!important;filter:none!important}
.audio-guide .audio-seek::-webkit-slider-runnable-track{height:10px;border:1.5px solid #787b7a55;border-radius:5px;background:linear-gradient(100deg,color-mix(in srgb,var(--player-color) 68%,white),var(--player-color) 62%,color-mix(in srgb,var(--player-color) 86%,#333)) left center/var(--audio-pct) 6px no-repeat,rgba(58,58,58,.035);filter:url(#sketch-accuracy)}
.audio-guide .audio-seek::-webkit-slider-thumb{margin-top:-2.5px;width:12px;height:12px;border:1.5px solid #fafaf5;background:var(--player-color);border-radius:45%}
.audio-guide .audio-seek::-moz-range-track{height:8px;border:1.5px solid #787b7a55;border-radius:5px;background:#3a3a3a09;filter:url(#sketch-accuracy)}
.audio-guide .audio-seek::-moz-range-progress{height:6px;border-radius:4px;background:linear-gradient(100deg,color-mix(in srgb,var(--player-color) 68%,white),var(--player-color));filter:url(#sketch-accuracy)}
.audio-words>summary{display:inline-flex;align-items:center;gap:9px;list-style:none;font:9px/1.8 Chalkduster;color:#777970;padding:4px 2px;cursor:pointer}
.audio-words>summary::-webkit-details-marker{display:none}
.audio-words>summary .foam{font-size:20px;transition:transform .18s}
.audio-words>summary:hover .foam{transform:rotate(-7deg) translateY(-2px)}
.audio-words>summary:focus-visible{outline:2px dashed #777;outline-offset:4px}
.tape[data-curl="ends"]::after,.chapter-tape[data-curl="ends"]::after{inset:45% 2% -4px;background:#39383250;border-radius:0 0 48% 48%;clip-path:polygon(0 0,100% 0,100% 100%,80% 75%,60% 48%,40% 48%,20% 75%,0 100%);filter:blur(1.4px);transform:rotate(.25deg)}
.tape[data-curl="middle"]::after,.chapter-tape[data-curl="middle"]::after{inset:44% 2% -4px;background:#39383245;border-radius:0 0 50% 50%;clip-path:none;filter:blur(1.8px);transform:rotate(-.2deg)}
.tape[data-curl="ends"]::before{background:linear-gradient(90deg,#ffffff24,transparent 25%,#0000000d 50%,transparent 75%,#ffffff24),var(--tape-color)}
.tape[data-curl="middle"]::before{background:linear-gradient(90deg,#00000013,transparent 20%,#ffffff20 50%,transparent 80%,#00000013),var(--tape-color)}
.curl-examples{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0}.curl-examples>div{flex:1;min-width:170px}.curl-examples p{font:13px/1.65 Avenir;margin:12px 0 0}.curl-examples .tape{font-size:12px;padding:8px 12px}

/* Timer sits above the track endpoint; speed rests beside the whole stack. */
.chapter-audio .track-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;min-width:0}
.chapter-audio .track-heading .track-title{flex:1;min-width:0}
.chapter-audio .track-heading .audio-time{flex:none;min-width:30px;text-align:right;line-height:1.15}
.chapter-audio .player-row{align-items:center}
.chapter-audio .player-meta{align-self:center}
.chapter-audio .speed-btn{height:34px;min-width:36px;padding:4px 8px}
.audio-guide .audio-seek::-webkit-slider-runnable-track{border:1.5px solid #777b7966;border-radius:5px 4px 5px 4px / 4px 5px 4px 5px;filter:url(#bb-pencil)}
.audio-guide .audio-seek::-webkit-slider-thumb{border:1.5px solid color-mix(in srgb,var(--player-color) 60%,#777);border-radius:43% 51% 45% 49%;background:radial-gradient(ellipse at 35% 30%,color-mix(in srgb,var(--player-color) 65%,white),var(--player-color));box-shadow:0 0 0 1.2px #fafaf5;filter:url(#sketch-accuracy)}
.audio-guide .audio-seek::-moz-range-thumb{border:1.5px solid var(--player-color);border-radius:43% 51% 45% 49%;background:var(--player-color);filter:url(#sketch-accuracy)}
.audio-guide .audio-seek::-moz-range-track{filter:url(#bb-pencil)}
.element-audio .audio-progress .audio-time{text-align:right!important}
.pencil-seek{position:relative;display:block;width:100%;height:24px;min-width:0;--audio-pct:inherit}
.pencil-seek-art{position:absolute;inset:0;width:100%;height:24px;overflow:visible;pointer-events:none}
.seek-outline{fill:#3a3a3a05;stroke:#777b7988;stroke-width:1.25;vector-effect:non-scaling-stroke}
.seek-ink{clip-path:inset(0 calc(100% - var(--audio-pct)) 0 0)}
.seek-ink path{fill:none;stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.seek-ink .seek-grain{stroke:var(--player-color);stroke-opacity:.35;stroke-width:.7}
.pencil-seek-dot{position:absolute;width:14px;height:14px;top:5px;left:clamp(6px,var(--audio-pct),calc(100% - 6px));transform:translateX(-50%);pointer-events:none}
.pencil-seek-dot svg{display:block;width:100%;height:100%;overflow:visible}
.pencil-seek-dot path{fill:var(--player-color);stroke:#fafaf5;stroke-width:1.5;stroke-linejoin:round}
.pencil-seek-dot .dot-grain{fill:none;stroke:#fafaf5;stroke-opacity:.35;stroke-width:.7}
.audio-guide .pencil-seek>.audio-seek{position:absolute;inset:0;width:100%;height:24px;opacity:0;margin:0;z-index:1}
.pencil-seek:focus-within{outline:2px dashed #777;outline-offset:3px;border-radius:4px}
.element-audio .audio-progress .pencil-seek{grid-row:2;grid-column:1;width:var(--cue-width,80px);height:18px;align-self:center}
.element-audio .pencil-seek-art{height:18px}.element-audio .pencil-seek-dot{top:2px}

/* Reference fidelity: original sketch-accuracy displacement, no invented hatching. */
.pencil-seek-art{filter:url(#sketch-accuracy)}
.seek-outline{fill:rgba(58,58,58,.035);stroke:rgba(58,58,58,.24);stroke-width:1.5}
.pencil-seek-dot svg{filter:url(#sketch-accuracy)}
.pencil-seek-dot circle{fill:var(--player-color);stroke:none}
.pencil-seek:focus-within{outline:none}
.audio-keyboard-navigation .pencil-seek:focus-within{outline:2px dashed #777;outline-offset:3px}
.audio-guide .pencil-seek>.audio-seek{touch-action:none;cursor:ew-resize}

.chapter-audio .audio-words{text-align:center}.chapter-audio .audio-words>summary{margin:0 auto;justify-content:center}.chapter-audio .audio-words>p{text-align:left}
/* Brand boards 080/082/084: surface curvature and cast shadow act together. */
.tape[data-curl="ends"]::before{clip-path:polygon(0 0,100% 0,99.3% 25%,99% 50%,99.3% 75%,100% 100%,0 100%,.7% 75%,1% 50%,.7% 25%);background:linear-gradient(180deg,#ffffff26 0%,#ffffff0a 28%,transparent 45%,#00000020 100%),var(--tape-color)!important;border-radius:0}
.tape[data-curl="middle"]::before{clip-path:polygon(1.4% 0,98.6% 0,99.6% 25%,100% 50%,99.6% 75%,98.6% 100%,1.4% 100%,.4% 75%,0 50%,.4% 25%);background:linear-gradient(180deg,#ffffff27 0%,#ffffff0b 28%,transparent 48%,#00000025 100%),var(--tape-color)!important;border-radius:0}
.tape[data-curl="ends"]::after,.chapter-tape[data-curl="ends"]::after{inset:1px 1.5% -6px;clip-path:none;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M1 2H99L99 39Q73 30 50 31Q27 30 1 39Z' fill='%23343332' fill-opacity='.32'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:blur(1.6px);transform:none}
.tape[data-curl="middle"]::after,.chapter-tape[data-curl="middle"]::after{inset:1px 1.5% -6px;clip-path:none;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M1 2H99L99 31Q74 40 50 40Q26 40 1 31Z' fill='%23343332' fill-opacity='.32'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:blur(1.6px);transform:none}
/* Creator refinement: preserve accepted curved edges, soften the cast shadow. */
.tape[data-curl]::after,.chapter-tape[data-curl]::after{opacity:.68;filter:blur(2.5px)}
/* Contact stays close and dark; lifted areas retain their separate soft cast shadow. */
.tape[data-curl="ends"]::before{filter:drop-shadow(0 1px .45px #34333255)}
.tape[data-curl="middle"]::before{filter:drop-shadow(0 .7px .4px #34333255)}
.tape[data-curl="ends"]{background:radial-gradient(ellipse at 50% 0,#34333270 0%,#34333228 48%,transparent 76%) center bottom/64% 3px no-repeat!important}
.tape[data-curl="middle"]{background:radial-gradient(ellipse at 50% 0,#34333265 0%,#34333225 48%,transparent 78%) left bottom/15% 3px no-repeat,radial-gradient(ellipse at 50% 0,#34333265 0%,#34333225 48%,transparent 78%) right bottom/15% 3px no-repeat!important}
.tape[data-curl]{background:none!important}
.tape[data-curl]::before{filter:none}
.tape-contact{position:absolute;bottom:-1.5px;height:3px;pointer-events:none;z-index:-1;filter:blur(.5px)}
.tape[data-curl="ends"]>.tape-contact{left:22%;right:22%;background:radial-gradient(ellipse at 50% 0,#34333277 0%,#34333238 42%,transparent 75%)}
.tape[data-curl="middle"]>.tape-contact{left:1%;right:1%;background:radial-gradient(ellipse at 50% 0,#34333277 0%,#34333238 42%,transparent 75%) left center/17% 100% no-repeat,radial-gradient(ellipse at 50% 0,#34333277 0%,#34333238 42%,transparent 75%) right center/17% 100% no-repeat}
/* Contact must sit behind the opaque tape surface, never above its lower edge. */
.tape[data-curl]::before{z-index:-1}
.tape[data-curl]>.tape-contact{z-index:-2}
.tape[data-curl]::after{z-index:-3}
/* Creator tuning: broader, slightly darker cast shadow, still behind contact and tape. */
.tape[data-curl]::after,.chapter-tape[data-curl]::after{opacity:.88;filter:blur(3.3px);bottom:-7px}
/* Every chapter uses the shared tape surface; clip only its face, never its shadows. */
.chapter-title .eyebrow.chapter-tape.tape{clip-path:none;overflow:visible;box-shadow:none;background:none;position:relative;isolation:isolate;border-radius:0}

.motion-shared-component-demo{margin:20px 0 26px;padding:18px 12px 12px;min-width:0}
.motion-shared-component-demo>iframe{display:block;width:100%;height:246px;border:0;background:transparent;margin:4px 0;overflow:hidden}
.motion-shared-component-demo>.hand-note{max-width:720px;margin:10px 0}
@media(max-width:560px){.motion-shared-component-demo{padding:16px 0 10px}.motion-shared-component-demo>iframe{height:248px}}

/* Approved compact digital status · September 13 */
.digital-status-specimen .status-window{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;padding:9px 11px;border:1px solid color-mix(in srgb,var(--status-ink) 38%,#a9aaa3);border-radius:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--status-paper) 84%,var(--status-ink)),var(--status-paper) 44%,color-mix(in srgb,var(--status-paper) 94%,white));box-shadow:inset 0 2px 3px #383c393b,inset 1px 0 2px #383c3922,0 1px 0 #ffffffd9;color:var(--status-ink);text-shadow:0 1px 0 #ffffff70;vertical-align:middle;cursor:inherit;transition:none;animation:none;transform:none;isolation:isolate}
.digital-status-specimen .status-text{font:400 13px/1.4 PixelGamer,monospace;text-transform:uppercase;letter-spacing:.01em;overflow-wrap:normal;min-width:0}
.digital-status-specimen .status-window .status-icon{font-size:18px;line-height:1;margin:0;transform:rotate(-4deg);transition:none;animation:none}
.digital-status-specimen .status-window{cursor:default}
.digital-status-specimen .status-text{font-size:12px}
.digital-status-specimen .status-window{gap:8px;padding:8px 10px}
.digital-status-specimen .status-window,.digital-status-specimen .status-window{position:relative;padding:4px 7px 4px 12px;margin-left:10px;gap:0;border-radius:2px;box-shadow:inset 0 1px 2px #383c3933,inset 1px 0 1px #383c3918,0 1px 0 #ffffffb0;cursor:default}
.digital-status-specimen .status-window .status-text{font-size:11px;line-height:1.3}
.digital-status-specimen .status-window .status-icon{position:absolute;left:-13px;top:50%;font-size:17px;transform:translateY(-50%) rotate(-8deg);pointer-events:none}
.digital-status-specimen .status-window .status-icon{font-size:14px;left:-10px;top:50%;line-height:1;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center}
.digital-status-specimen .status-window .status-icon{filter:url(#studio-status-foam);text-shadow:none}
.digital-status-tray{display:flex;flex-wrap:wrap;gap:22px 30px;padding:18px 12px;align-items:center}.digital-status-specimen{display:block}.digital-status-specimen .status-text{font-size:11px}.digital-status-specimen .status-window{padding:4px 7px 4px 12px}

#interaction{color:#5a5855}.ix-intro{font:15px/1.8 Avenir;max-width:760px}.ix-demo{margin:28px 0;padding:24px 20px;background:#fafaf5;border-radius:8px;box-shadow:0 3px 10px #40372e18}.ix-demo h2{font:19px/1.6 Chalkduster;color:#307878}.ix-menu{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;padding:26px 0 18px}.ix-trigger{position:relative;border:0;background:none;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:12px;min-width:90px;color:var(--ix-ink);font:12px/1.7 Chalkduster}.ix-trigger>.foam{font-size:33px;transform:rotate(var(--ix-tilt));transition:transform .18s}.ix-trigger:hover>.foam,.ix-trigger:focus-visible>.foam{transform:rotate(calc(var(--ix-tilt) + 4deg)) scale(1.08)}.ix-trigger small{font:10px/1.6 Chalkduster;color:#7a7775}.ix-tip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(--ix-paper);color:var(--ix-ink);box-shadow:2px 4px 7px #40372e25;padding:7px 10px;white-space:nowrap;font:10px/1.6 Chalkduster;opacity:0;pointer-events:none}.ix-trigger:hover .ix-tip,.ix-trigger:focus-visible .ix-tip{opacity:1}.ix-trigger:focus-visible{outline:2px dashed #406592;outline-offset:5px}.ix-surface{max-width:660px;margin:20px auto;padding:22px 24px;background:var(--ix-paper);color:#5a5855;box-shadow:4px 8px 16px #3b44422e;transform:rotate(-.4deg);font:13px/1.9 Chalkduster;transform-origin:var(--ix-origin,50%) top}.ix-surface[hidden]{display:none}.ix-surface h3{color:var(--ix-ink);font:17px/1.6 Chalkduster;margin:0 0 16px}.ix-surface p{margin:14px 0}.ix-surface strong{color:var(--ix-ink)}.ix-surface:not([hidden]){animation:ix-arrive .2s ease-out}.ix-rainbow{border-top:5px solid transparent;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,#e7a7a7,#eed2a2,#f0e8a5,#bcd5b5,#b3cfe3,#d1bee0) 1;background:#fafaf5}.ix-rainbow-text span:nth-child(6n+1){color:#aa4747}.ix-rainbow-text span:nth-child(6n+2){color:#ab733c}.ix-rainbow-text span:nth-child(6n+3){color:#967b29}.ix-rainbow-text span:nth-child(6n+4){color:#537c50}.ix-rainbow-text span:nth-child(6n+5){color:#406592}.ix-rainbow-text span:nth-child(6n){color:#866694}.ix-lined{background:repeating-linear-gradient(transparent 0 29px,#aac6df70 29px 30px),#fff8d9;border-left:2px solid #c98787}.ix-journey{position:relative;display:flex;justify-content:space-around;gap:15px;padding:24px 5px;overflow:visible}.ix-journey::before{content:'';position:absolute;left:5%;right:5%;top:43px;border-top:3px solid #99a99d;border-radius:45%;transform:rotate(-.4deg)}.ix-light{display:inline-block;width:13px;height:13px;border-radius:50%;background:#489d70;box-shadow:inset 0 1px 3px #ffffffaa,0 0 10px #489d7088;margin-right:9px}.ix-ref{font:14px/1.8 Avenir}.ix-actions{display:flex;gap:12px;flex-wrap:wrap}.ix-cue{font:11px/1.6 Chalkduster;color:#7a7775}@keyframes ix-arrive{from{opacity:0;transform:translateY(-8px) rotate(-.4deg) scale(.93)}to{opacity:1;transform:rotate(-.4deg) scale(1)}}@media(max-width:600px){.ix-demo{padding:20px 12px}.ix-menu{gap:22px 12px}.ix-journey{flex-wrap:wrap}.ix-surface{padding:18px}}@media(prefers-reduced-motion:reduce){.ix-trigger>.foam{transition:none}.ix-surface:not([hidden]){animation:none}}

.ix-example-gallery{width:min(880px,calc(100vw - 32px));max-height:88vh;padding:20px;border:0;background:#eeece4;border-radius:10px;overflow:auto;color:#5a5855}.ix-example-gallery::backdrop{background:#363b3944}.ix-example-gallery .bf-inner{padding:24px}.ix-example-gallery .ix-menu{padding-top:35px}.ix-example-gallery h2{font:19px/1.6 Chalkduster;color:#307878}
.review-checklist{display:block!important}.review-checklist iframe{display:block!important}.du-work-link{display:block;margin:16px 0;font:14px Chalkduster;color:#307878}

/* Compact chapter navigation; working queue separation. */
body .shell>nav.index{margin-bottom:6px}body .shell>footer{margin-top:0;margin-bottom:8px;padding:4px 11px;min-height:0;border:0;background-image:none;gap:10px}body .shell>.review-checklist{border-top:2px dashed #aaa89f;padding-top:16px;margin-top:26px}

/* Compact chapter navigation; working queue separation. */
body .shell>nav.index{margin-bottom:6px}body .shell>footer{margin-top:0;margin-bottom:8px;padding:4px 11px;min-height:0;border:0;background-image:none;gap:10px}body .shell>.review-checklist{border-top:2px dashed #aaa89f;padding-top:16px;margin-top:26px}

body .shell>.chapter-divider{margin-bottom:0}body .shell>footer{padding-top:0;padding-bottom:0;margin-bottom:0}body .shell>footer+section.page{padding-top:10px}

body .shell>.chapter-divider{margin-bottom:-8px}

/* Creator-approved compact navigation group · September 16. */
body .shell>footer{position:relative;display:grid;grid-template-columns:1fr auto 1fr;justify-content:center;align-items:center;width:min(100%,340px);margin:0 auto 18px;padding:0 8px 10px;gap:20px}
body .shell>footer #prev{justify-self:start}body .shell>footer #next{justify-self:end}body .shell>footer #count{text-align:center;min-width:66px}
body .shell>footer::after{content:'';position:absolute;left:8%;right:8%;bottom:0;height:4px;pointer-events:none;background:center/100% 4px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 4'%3E%3Cpath d='M2 2.4 Q57 1.2 109 2.1 T207 1.8 L278 2.2' fill='none' stroke='%23939087' stroke-opacity='.38' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")}
body .shell>.page>.chapter-title{display:flex;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:480px){body .shell>footer{width:min(100%,310px);gap:12px;margin-bottom:14px}body .shell>footer #count{min-width:58px}}

/* Smaller chapter navigation buttons; preserve the centered group. */
body .shell>footer #prev,body .shell>footer #next{zoom:.86}

body .fundamental-arcade-button.back-navigation{--button-top:#fafaf7;--button-bottom:#e6e7e0;--button-edge:#b0aca5;color:#767a76;gap:9px;padding-left:11px;padding-right:21px;text-decoration:none}.back-navigation .back-arrow{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid currentColor;flex-shrink:0}.back-navigation:hover .back-arrow,.back-navigation:focus-visible .back-arrow{animation:back-cue .65s ease-in-out infinite}@keyframes back-cue{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}@media(prefers-reduced-motion:reduce){.back-navigation:hover .back-arrow,.back-navigation:focus-visible .back-arrow{animation:none}}
.next-navigation .back-arrow{border-right:0;border-left:7px solid currentColor}.next-navigation:hover .back-arrow,.next-navigation:focus-visible .back-arrow{animation:next-cue .65s ease-in-out infinite}body .foam-direction.direction-back{padding-left:22px}body .foam-direction.direction-next{padding-right:22px}body .foam-direction:hover>.direction-sticker,body .foam-direction:focus-visible>.direction-sticker{animation:foam-back-cue .65s ease-in-out infinite}body .direction-next:hover>.direction-sticker,body .direction-next:focus-visible>.direction-sticker{animation:foam-next-cue .65s ease-in-out infinite}@keyframes next-cue{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes foam-back-cue{0%,100%{transform:translate(0,-50%) rotate(-6deg)}50%{transform:translate(-3px,-50%) rotate(-6deg)}}@keyframes foam-next-cue{0%,100%{transform:translate(0,-50%) rotate(6deg)}50%{transform:translate(3px,-50%) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.next-navigation:hover .back-arrow,.next-navigation:focus-visible .back-arrow,body .foam-direction:hover>.direction-sticker,body .foam-direction:focus-visible>.direction-sticker{animation:none}}
/* Approved Expression postcard material, verified in Design Universes 2026-09-14.
   Preserve themed frames; paper texture does not replace stripe backgrounds. */
:root{--expression-paper-texture:repeating-linear-gradient(0deg,rgba(58,58,58,.016),rgba(58,58,58,.016) 1px,transparent 1px,transparent 3.5px),repeating-linear-gradient(90deg,rgba(58,58,58,.016),rgba(58,58,58,.016) 1px,transparent 1px,transparent 3.5px);--expression-postcard-shadow:0 0 0 1px rgba(146,154,160,.19),0 2px 5px rgba(59,56,48,.09)}
.bf-card,.task-floating-note:has(.technical:not(.note-results)),.formula-postcard{box-shadow:var(--expression-postcard-shadow)}
.bf-card>.bf-inner{background-image:var(--expression-paper-texture)}
.task-floating-note:has(.technical:not(.note-results))::before,.formula-postcard::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--expression-paper-texture);pointer-events:none;z-index:-1}
.formula-postcard{isolation:isolate}

.tracker-task.bf-card{box-shadow:var(--expression-postcard-shadow)}
.tracker-task>summary,.tracker-task>.task-body{background-image:var(--expression-paper-texture)}
.bf-card:not(.tracker-task){rotate:-.18deg}
.topic:nth-child(even)>.bf-card:not(.tracker-task){rotate:.18deg}

/* Results is ruled paper containing postcards, not itself a postcard. */
.result-entry{box-shadow:var(--expression-postcard-shadow)}
.result-entry-paper{background-image:var(--expression-paper-texture)}
.task-floating-note:has(.note-results)::before{content:none;background-image:none}
.task-floating-note:has(.note-sources){--edge-gold:#bfc1bd;--edge-red:#666965;--edge-teal:#90938f}
/* Irregular pencil-like selection stroke; multicolor words use neutral gray. */
.task-note-trigger[aria-expanded=true]>span:last-child{border-bottom:0;position:relative}
.task-note-trigger[aria-expanded=true]>span:last-child::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-5px;height:4px;background:var(--selection-ink,currentColor);clip-path:polygon(0 42%,17% 28%,35% 39%,56% 13%,78% 28%,100% 12%,99% 69%,76% 83%,55% 68%,34% 90%,15% 76%,0 94%);transform:rotate(-.8deg);opacity:.85}
.task-note-trigger[data-task-note$="-specs"],.task-note-trigger[data-task-note$="-design"],.task-note-trigger[data-task-note$="-skills"]{--selection-ink:#92958f}

/* One compact control rail, with a scroll fallback rather than tiny targets. */
.tracker-task .task-actions{justify-content:flex-start;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:6px}
.tracker-task .task-actions .task-open{font:10px/1.5 Chalk;flex:0 0 auto;white-space:nowrap}
.tracker-task .task-actions .task-note-row{margin-left:auto;justify-content:flex-end;flex-wrap:nowrap;gap:9px;flex:0 0 auto}
.tracker-task .task-actions .task-note-trigger{flex:0 0 auto;min-width:38px}

/* Slightly larger note stickers, preserving the established control rail. */
.tracker-task .task-actions .task-note-trigger>.foam{font-size:25px}

/* Creator spacing correction: lower the note rail by three pixels. */
.tracker-task .task-actions .task-note-row{position:relative;top:3px}

@media(hover:none),(pointer:coarse),(max-width:560px){.index button[aria-pressed=true]:not([data-expanded=true])>.foam{transform:translateX(-50%) translateY(-8px) rotate(-7deg)!important}}
@media(hover:none),(pointer:coarse),(max-width:560px){.shell>.chapter-divider{display:block!important;filter:none;overflow:visible}}
html,body{overflow-x:clip}.shell>.chapter-divider{filter:none;overflow:visible}