/* ===== patch 2026-10-12: sticky note, section headers, the loop ===== */
/* sticky: back, but sitting under the museum label instead of hanging off the right edge */
.hd .thesis{position:relative;right:auto;top:auto;width:auto;max-width:300px;margin:14px 4px 2px auto;
 padding:10px 10px 8px;font-size:17.778px;line-height:1.05;transform:rotate(1.6deg)}
/* every section a nav button jumps to gets a real header: same big pink pixel title as photo booth / spicy / letters */
.pg .sh{display:block;width:auto;font-size:35.556px;line-height:1.02;color:#ff8ecb;background:none;border:0;padding:0;
 text-shadow:var(--ol),4px 5px 0 var(--plum2);transform:rotate(-3deg);transform-origin:left;position:relative;z-index:4;
 margin:-30px 0 12px -2px}
.pg .sh b{color:var(--yel)}
.pg .sh-s{font-size:21.333px;line-height:1.1;margin:-20px 0 10px -6px;text-shadow:var(--ol),3px 3px 0 var(--plum2)}
.pg .gd .sh{margin:-8px 0 10px -4px}
.pg .sh-row{grid-column:1/-1;margin:0 0 14px 2px;z-index:6}
.loop-t{margin:16px 0 0 12px}
.hero-num{position:relative}
.hero-num .hero-band{top:134px;font-size:14.222px;line-height:1.3}
#calls,#weather,#money,#timeline,#blocks,#stops,#breakups,#walls,#support{scroll-margin-top:52px}
@media(max-width:389px){.pg .sh{font-size:32px}.pg .sh-s{font-size:17.778px}}
/* the pop-ups sit right above some sections; give the big titles room so they don't slide under them */
.pop+.sec{margin-top:30px}
.pop+.gd{margin-top:34px}
/* his name: a black bar of broken hearts, never the letters */
.pg .nm,.ov .nm,.nm{display:inline-flex;align-items:center;gap:1px;vertical-align:-.12em;background:#1c0450;
 padding:2px 4px;margin:0 1px;line-height:1;border-radius:1px;transform:rotate(-1.5deg);white-space:nowrap}
.nm .ak{--s:.5;animation:none!important;transform:none!important;vertical-align:middle}
.nm .ak:nth-child(2){--s:.36;filter:hue-rotate(-28deg) saturate(1.3)}
.nm .ak:nth-child(3){--s:.44;filter:hue-rotate(22deg) brightness(1.15)}
.nm2{transform:rotate(1.2deg)}.nm2 .ak:nth-child(1){--s:.38;filter:brightness(1.2) saturate(.8)}.nm2 .ak:nth-child(2){--s:.52;filter:none}
.nm3{transform:rotate(-.6deg)}.nm3 .ak:nth-child(1){--s:.44;filter:hue-rotate(-40deg)}.nm3 .ak:nth-child(3){--s:.34;filter:saturate(1.6)}
/* sunflower tapped: the hearts step aside and the name reads as plain text */
html.names .nm{background:none;padding:0;margin:0;transform:none;vertical-align:baseline}
html.names .nm .ak{display:none}
html.names .nm::after{content:var(--nm);font:inherit;color:inherit}


/* sticker album leaves: crooked, oversized, and deliberately overlapping */
#injuries.sheetbook{padding:11px 6px 13px;isolation:isolate}
#injuries .sb-head{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:1px 4px;position:relative;z-index:8}
#injuries .sb-head .h3{margin:0;font-size:19px;line-height:1.14;background:var(--yel);padding:5px 7px 7px;border:2px solid var(--ink);box-shadow:3px 4px 0 var(--lilac);transform:rotate(-4deg)}
#injuries .sb-total{display:flex;align-items:baseline;gap:4px;background:var(--pinkp);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--plum2);padding:4px 6px;font-size:24px;line-height:1;transform:rotate(6deg)}
#injuries .sb-total small{font:16px "rainyhearts",monospace}
#injuries .sb-kicker{margin:9px 6px 3px;color:var(--plum2);font-size:16px;line-height:1}
#injuries .sb-page{position:relative;overflow:visible;min-width:0;border:2px solid var(--ink);box-shadow:4px 5px 0 rgba(58,20,99,.34);background-color:#fffaf2;background-image:linear-gradient(rgba(244,190,220,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(244,190,220,.4) 1px,transparent 1px);background-size:16px 16px}
#injuries .sb-a{margin:24px 13px 0 2px;transform:rotate(-2deg)}
#injuries .sb-b{margin:17px 0 0 12px;transform:rotate(2.2deg);background-color:#fcf5ff;background-image:linear-gradient(rgba(201,169,251,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(201,169,251,.35) 1px,transparent 1px)}
#injuries .sb-page::before{content:"";position:absolute;top:3px;left:50%;width:47px;height:14px;transform:translateX(-50%) rotate(-7deg);background:rgba(255,196,221,.9);border:1px solid rgba(108,58,143,.3);z-index:8;pointer-events:none}
#injuries .sb-b::before{background:rgba(201,169,251,.85);transform:translateX(-50%) rotate(8deg)}
#injuries .sb-page-tab{position:absolute;top:-16px;left:8px;z-index:9;background:var(--hot);color:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--plum);padding:2px 7px;font-size:15px;line-height:1.25;transform:rotate(-8deg)}
#injuries .sb-b .sb-page-tab{left:auto;right:10px;background:var(--plum2);transform:rotate(8deg)}
#injuries .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,160px);align-items:center;justify-items:center;gap:0;padding:13px 0 3px}
#injuries .grid li{position:relative;min-width:0;z-index:2}
#injuries .grid li:nth-child(1){transform:translate(-6px,-9px) rotate(-9deg);z-index:4}
#injuries .grid li:nth-child(2){transform:translate(-5px,12px) rotate(8deg);z-index:2}
#injuries .grid li:nth-child(3){transform:translate(4px,-5px) rotate(-5deg);z-index:3}
#injuries .grid li:nth-child(4){transform:translate(5px,10px) rotate(6deg);z-index:2}
#injuries .grid li:nth-child(5){transform:translate(-8px,-9px) rotate(-9deg);z-index:5}
#injuries .grid li:nth-child(6){transform:translate(3px,12px) rotate(7deg);z-index:3}
#injuries .sb-b .grid li:nth-child(1){transform:translate(5px,8px) rotate(6deg)}
#injuries .sb-b .grid li:nth-child(2){transform:translate(-7px,-9px) rotate(-8deg)}
#injuries .sb-b .grid li:nth-child(3){transform:translate(6px,8px) rotate(7deg)}
#injuries .sb-b .grid li:nth-child(4){transform:translate(-4px,-5px) rotate(-6deg)}
#injuries .sb-b .grid li:nth-child(5){transform:translate(5px,13px) rotate(8deg)}
#injuries .sb-b .grid li:nth-child(6){transform:translate(-8px,-9px) rotate(-7deg)}
#injuries .grid li.sb-lead{z-index:6}
#injuries .grid li.sb-lead .akf{--s:1}
#injuries .grid .slot{position:relative;filter:drop-shadow(2px 3px 0 rgba(58,20,99,.3));-webkit-tap-highlight-color:transparent}
#injuries .grid .slot:focus-visible{outline:3px solid var(--hot);outline-offset:3px}
#injuries .grid .tagn{position:absolute;left:-3px;bottom:5px;z-index:8;background:var(--yel);border:2px solid var(--ink);padding:3px 4px 2px;font-size:11.333px;line-height:1;transform:rotate(-8deg);pointer-events:none}
#injuries .sb-b .grid .tagn{background:var(--pinkp)}
#injuries .sb-note{margin:12px 7px 0;font-size:15px;line-height:1.05;color:var(--plum)}
@media(max-width:359px){#injuries .sb-head .h3{font-size:16px}#injuries .sb-total{font-size:21px}#injuries .grid{grid-template-rows:repeat(2,147px)}#injuries .grid li.sb-lead .akf{--s:.9}}