/* B — loose notebook pages: real titles and editorial markers, decorative ink only. */
body.notebook-site.archive-page #archiveGrid:has(.research-note){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 23px;padding:25px 6px 12px;align-items:stretch}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note){--note-fluo:#d9c1f3;--note-tape:#ba90db;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:24px 15px 21px 29px;border:0;border-radius:1px 3px 2px 1px;background-color:#fffdf5;background-image:linear-gradient(90deg,transparent 20px,#e4a3b075 20px,#e4a3b075 21px,transparent 21px),repeating-linear-gradient(transparent 0 25px,#8495a21d 25px 26px);box-shadow:2px 5px 8px #10213e17;transform:rotate(-.7deg);transition:transform .2s,box-shadow .2s;text-decoration:none}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):nth-child(3n+2){--note-fluo:#b9ebeb;--note-tape:#2ebcc1;transform:rotate(.6deg)}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):nth-child(3n){--note-fluo:#ffe39a;--note-tape:#e7b54b;transform:rotate(-.3deg)}
/* Tape extends beyond the top; holes and a torn edge keep the sheet tangible. */
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):before{content:"";display:block;position:absolute;z-index:3;top:-13px;left:38%;width:66px;height:27px;background:repeating-linear-gradient(90deg,#ffffff25 0 1px,transparent 1px 4px),var(--note-tape);opacity:.8;box-shadow:0 2px 2px #10213e0c;clip-path:polygon(2% 0,98% 0,96% 15%,100% 29%,96% 42%,100% 58%,97% 70%,100% 87%,97% 100%,0 100%,3% 83%,0 68%,3% 54%,0 39%,3% 23%);transform:rotate(-9deg);pointer-events:none}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):nth-child(even):before{transform:rotate(8deg)}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 7px 22px,#e7e0d4 0 3px,#8a796551 3px 4px,transparent 4.5px) 0 0/15px 34px repeat-y;mask-image:linear-gradient(black calc(100% - 10px),transparent)}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):hover,body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):focus-visible{transform:translateY(-5px) rotate(0);box-shadow:3px 9px 15px #10213e22}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note):focus-visible{outline:3px solid #6505b5;outline-offset:6px}
body.notebook-site.archive-page .archive-article-art.research-note{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:13px;width:100%;height:auto;min-width:0;margin:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none;overflow:visible}
body.notebook-site.archive-page #archiveGrid .research-note-title{display:block;margin:0;padding:0;color:#10213e;font:800 1.04rem/1.45 "Audrey Sans",sans-serif;letter-spacing:0;text-align:left;text-wrap:pretty;overflow-wrap:break-word;min-height:5.8em}
body.notebook-site.archive-page #archiveGrid .research-note-title mark{color:inherit;padding:0 2px;background:linear-gradient(transparent 20%,var(--note-fluo) 20%,var(--note-fluo) 90%,transparent 90%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
body.notebook-site.archive-page .research-note-diagram{position:relative;display:grid;place-items:center;width:100%;height:148px;min-width:0;min-height:0;margin:0;background:none;border:0}
body.notebook-site.archive-page .research-note-diagram .paper-ink{display:block;width:145px;height:145px;max-width:100%;margin:0;mix-blend-mode:multiply}
body.notebook-site.archive-page .research-note-arrow{position:absolute;left:-9px;top:0;width:39px;height:51px;color:#6505b5;transform:rotate(-8deg)}
body.notebook-site.archive-page .research-note-caption{display:block;align-self:flex-start;max-width:100%;margin:0 0 13px;padding:2px 5px;color:#10213e;background:linear-gradient(transparent 9%,var(--note-fluo) 9%,var(--note-fluo) 93%,transparent 93%);border-radius:7% 12% 9% 6%;font:700 .8rem/1.55 "Audrey Sans",sans-serif;text-align:left;text-wrap:pretty;box-decoration-break:clone;-webkit-box-decoration-break:clone;transform:rotate(-1deg)}
body.notebook-site.archive-page .research-note .research-note-upload{position:static;display:block;width:100%;height:145px;object-fit:contain;margin:0;border:0;background:none;border-radius:0;filter:none;transform:none}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note) .archive-article-body{margin-top:auto;padding:3px 0 0;align-self:flex-end}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note) .category-read{display:inline-flex;align-items:center;gap:8px;font:700 1.15rem/1.5 "Audrey Notes",cursive;color:#6505b5;border-bottom:2px solid #00bed6;padding-bottom:2px}
body.notebook-site.archive-page .category-read svg{width:19px;height:19px}
@media(max-width:1100px){body.notebook-site.archive-page #archiveGrid:has(.research-note){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){body.notebook-site.archive-page #archiveGrid:has(.research-note){grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 23px}}
@media(max-width:560px){body.notebook-site.archive-page #archiveGrid:has(.research-note){grid-template-columns:minmax(0,1fr);max-width:370px;margin-inline:auto;padding:22px 7px 10px;gap:35px}body.notebook-site.archive-page #archiveGrid .research-note-title{font-size:1.16rem;min-height:0}body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note){padding:25px 19px 19px 31px}body.notebook-site.archive-page .research-note-diagram{height:157px}body.notebook-site.archive-page .research-note-diagram .paper-ink{width:157px;height:157px}body.notebook-site.archive-page .research-note-caption{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note){transition:none}}
body.notebook-site.archive-page #archiveGrid .archive-card:has(.research-note) .archive-article-body:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:6px;background:#fffdf5;clip-path:polygon(0 0,100% 0,100% 55%,97% 95%,94% 50%,91% 85%,88% 45%,85% 90%,82% 60%,79% 100%,76% 50%,73% 90%,70% 55%,67% 95%,64% 45%,61% 85%,58% 55%,55% 100%,52% 55%,49% 90%,46% 45%,43% 90%,40% 60%,37% 95%,34% 45%,31% 85%,28% 55%,25% 95%,22% 45%,19% 90%,16% 50%,13% 85%,10% 45%,7% 95%,4% 50%,0 85%);pointer-events:none}