.tagChips{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tagChip{border:1.5px solid var(--ink);background:var(--pink-soft);min-height:24px;font-size:var(--fs-chip);border-radius:8px;padding:3px 9px;font-weight:700;line-height:1.2}.tagChip[data-tone=blue]{background:var(--blue-soft)}.tagChip[data-tone=green]{background:var(--green-soft)}.tagChip:hover{animation:.36s ease-in-out tag-wiggle}.tagChipLink{display:inline-block}.tagChipLink:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}@keyframes tag-wiggle{0%,to{transform:rotate(0)}45%{transform:rotate(-1.5deg)}}
.postMeta{color:var(--muted-ink);font-family:var(--font-hand,var(--hand-fallback));flex-wrap:wrap;gap:8px;margin:0 0 4px;font-size:22px;font-weight:700;display:flex}@media (max-width:900px){.postMeta{font-size:20px}}
.header{z-index:4;isolation:isolate;justify-content:space-between;align-items:center;gap:28px;margin-bottom:4px;padding:42px clamp(28px,5.4vw,76px) 30px;display:flex;position:sticky;top:0}.header:before{z-index:-1;-webkit-backdrop-filter:blur(18px)saturate(155%);backdrop-filter:blur(18px)saturate(155%);content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffffb8,#fffaf094);border:1px solid #ffffffc2;border-radius:22px;transition:opacity .22s;position:absolute;inset:18px clamp(16px,2.5vw,36px) 6px;box-shadow:0 10px 28px #29262e1f,inset 0 1px #ffffffb3}.headerScrolled:before{opacity:1}.wordmark{font-family:var(--font-hand,var(--hand-fallback));flex:none;align-items:center;gap:10px;font-size:32px;font-style:italic;font-weight:700;display:inline-flex;transform:rotate(-3deg)}.wordmark>span{white-space:nowrap;padding-right:.5em}.wordmarkSpark{color:#f29bb1;flex:none;width:27px;height:27px;animation:16s linear infinite slow-rotate}.navigation{justify-content:flex-end;align-items:center;gap:10px;display:flex}.navLink{border:3px solid var(--ink);min-height:48px;box-shadow:none;transition:transform var(--lift-time) var(--lift-ease), box-shadow var(--lift-time) ease;background:#fff;border-radius:18px;justify-content:center;align-items:center;padding:0 17px;font-size:15px;font-weight:700;display:inline-flex}.navLink:hover,.menuToggle:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.navLink[data-tone=blue]{background:var(--blue-soft)}.navLink[data-tone=pink]{background:var(--pink-soft)}.navLink[data-tone=lavender]{background:#eee4fb}.navLink[data-tone=green]{background:var(--green-soft)}.navLink[data-tone=peach]{background:#ffdcc2}.navLink[data-tone=yellow]{background:#fff2a9}.menuToggle{display:none}@keyframes slow-rotate{to{transform:rotate(360deg)}}@media (max-width:980px){.header{padding-inline:36px}.navigation{gap:7px}.navLink{min-height:43px;padding-inline:12px;font-size:14px}}@media (max-width:900px){.header{min-height:85px;margin-bottom:4px;padding:32px 22px 20px}.header:before{border-radius:18px;inset:16px 12px 4px}.wordmark{gap:7px;font-size:28px}.wordmarkSpark{width:23px;height:23px}.menuToggle{border:2px solid var(--ink);width:46px;height:44px;box-shadow:none;cursor:pointer;background:#fff2a9;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;display:flex}.menuToggle span{background:var(--ink);border-radius:2px;width:19px;height:2px;transition:transform .16s,opacity .16s}.menuToggleOpen span:first-child{transform:translateY(7px)rotate(45deg)}.menuToggleOpen span:nth-child(2){opacity:0}.menuToggleOpen span:last-child{transform:translateY(-7px)rotate(-45deg)}.navigation{border:2px solid var(--ink);background:#fffaf0;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:none;position:absolute;top:calc(100% - 3px);left:18px;right:18px;box-shadow:5px 5px #29262e33}.navigationOpen{display:grid}.navLink{min-height:44px;box-shadow:none;border-width:2px;border-radius:12px;padding:0 10px;font-size:15px}}
.paper{isolation:isolate;background-color:var(--paper);background-image:radial-gradient(#ded6c4 1.1px,#0000 1.3px);background-position:7px 7px;background-size:21px 21px;border:1px solid #6c5b431f;border-radius:24px;flex-direction:column;max-width:1440px;min-height:max(760px,100svh - 32px);margin:0 auto;animation:.72s cubic-bezier(.2,.8,.2,1) both page-settle;display:flex;position:relative;overflow:clip;box-shadow:0 12px 38px #52412b14}@keyframes page-settle{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.binderRings{z-index:1;pointer-events:none;justify-content:space-between;width:min(55%,670px);display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.binderRings span{aspect-ratio:1;background:#e9e1d2;border:2px solid #685f5026;border-radius:50%;width:18px;box-shadow:inset 0 2px 3px #42372729}@media (max-width:900px){.paper{min-height:100svh;box-shadow:none;border:0;border-radius:0}.binderRings{display:none}}
:where(.pageSection){width:min(100% - 2*clamp(28px,8.2vw,116px),1200px);margin:0 auto;padding-bottom:118px;scroll-margin-top:154px}.chapterLabel{color:#625c69;font-family:var(--font-hand,var(--hand-fallback));transform-origin:0;align-items:center;gap:12px;margin:0;font-size:24px;font-style:italic;font-weight:700;display:flex;transform:rotate(-1deg)}.chapterSpark{width:23px;height:23px;color:var(--chapter-accent,var(--blue-soft));flex:none}.sectionTitle{width:fit-content;max-width:none;margin:0 0 35px;font-size:clamp(42px,4.2vw,62px);font-weight:800;line-height:1}.sectionTitle .underlinedPhrase{padding-bottom:.22em}.sectionTitle .underlineWave{height:.2em;bottom:-.12em}.sectionHeading[data-revealed=false]>*{opacity:0}.sectionHeading[data-revealed=true]>*{animation:.8s cubic-bezier(.2,.8,.2,1) both heading-rise}.sectionHeading[data-revealed=true]>.sectionTitle{animation-delay:.14s}@keyframes heading-rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (max-width:900px){:where(.pageSection){width:calc(100% - 48px);padding-bottom:82px;scroll-margin-top:140px}.sectionTitle{margin-bottom:29px;font-size:clamp(40px,10vw,58px)}}@media (max-width:380px){:where(.pageSection){width:calc(100% - 38px)}}
