.journal{position:relative;width:min(800px,100%);align-self:center;margin:0 auto;transform:rotate(-.4deg);background:linear-gradient(180deg,#efeadb,#e9e2d0);border-radius:4px 12px 12px 4px;padding:30px clamp(22px,5vw,48px) 22px clamp(46px,8vw,64px);box-shadow:0 34px 90px #0000008c,0 4px 14px #0000004d;overflow:hidden}.journal__binding{position:absolute;top:0;bottom:0;left:0;width:30px;border-right:1.5px dashed rgba(90,80,60,.3);background-image:radial-gradient(circle at 15px 50%,#131628d9 3.5px,#13162800 4.5px);background-size:100% 44px;background-position:0 22px}.journal__ribbon{position:absolute;top:-10px;right:64px;width:26px;height:92px;background:linear-gradient(180deg,#9c4358,#843a4c);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);box-shadow:0 6px 14px #00000059;z-index:2}.journal__coffee-ring{position:absolute;top:84px;right:26px;width:66px;height:66px;border:8px solid rgba(150,105,60,.15);border-radius:50%;transform:rotate(-8deg);pointer-events:none}.journal__header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:6px}.journal__header-label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a7f63}.journal__header-vol{font-family:var(--font-mono);font-size:11.5px;color:#a39876}.journal__rows{display:flex;flex-direction:column}.journal__foot{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:12px}.journal__footer{font-size:14px;font-style:italic;color:#8a7f63}.journal__pawprints{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.journal__paw-dots{display:flex;gap:9px;transform:rotate(-14deg)}.journal__paw-dot{width:9px;height:8px;background:#46415f47;border-radius:50% 50% 45% 45%}.journal__paw-dot:nth-child(2){transform:translateY(7px)}.journal__paw-caption{font-family:var(--font-mono);font-size:11px;color:#a39876}.note-row{position:relative;display:grid;grid-template-columns:112px 1fr;gap:clamp(12px,2.5vw,24px);padding:26px 10px 26px 12px;border-bottom:1.5px solid rgba(110,100,75,.18);cursor:pointer;transition:background .2s,transform .2s}.note-row:last-child{border-bottom:none}.note-row:hover{background:#3c376e0d;transform:translate(5px)}.note-row__doodle{position:absolute;left:-34px;top:50%;width:26px;height:26px;opacity:.35;transform:translateY(-50%) rotate(-6deg);transition:opacity .2s ease,transform .2s ease}.note-row__doodle-svg{display:block;width:100%;height:100%}.note-row:hover .note-row__doodle{opacity:.8;transform:translateY(-50%) rotate(4deg)}@media(max-width:1099px){.note-row__doodle{display:none}}@media(prefers-reduced-motion:reduce){.note-row:hover .note-row__doodle{transform:translateY(-50%) rotate(-6deg)}}.note-row__dateline{display:flex;flex-direction:column;gap:7px;border-right:1.5px solid rgba(181,106,106,.4);padding:2px 12px 2px 0}.note-row__date{font-family:var(--font-mono);font-size:12px;color:#7d7357}.note-row__conditions{font-style:italic;font-size:13.5px;color:#9b8f6d;line-height:1.45}.note-row__middle{display:flex;flex-direction:column;gap:7px;min-width:0}.note-row__titlerow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.note-row__title{font-family:var(--font-display);font-size:clamp(19px,3vw,23px);color:#262a45;line-height:1.25}.note-row__read{font-family:var(--font-mono);font-size:12px;color:#8a6d3b;border-bottom:1px solid rgba(138,109,59,.45);padding-bottom:1px;white-space:nowrap;margin-left:auto}.note-row__teaser{font-style:italic;font-size:15.5px;color:#565b7e;line-height:1.55;max-width:520px}.head[data-astro-cid-42n6zz5n]{padding:clamp(40px,7vw,64px) var(--gutter) 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.head__kicker[data-astro-cid-42n6zz5n]{margin-bottom:8px;font-size:12px;letter-spacing:.18em}.head__title[data-astro-cid-42n6zz5n]{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(32px,5.5vw,46px);color:var(--text-strong)}.head__intro[data-astro-cid-42n6zz5n]{margin:0;font-size:clamp(16px,2.3vw,18px);color:var(--text-body);max-width:560px;line-height:1.6}.list[data-astro-cid-42n6zz5n]{padding:16px var(--gutter) clamp(40px,7vw,64px);display:flex;flex-direction:column}