.snack-detail{--snack-paper:#fff9dc;--snack-paper-light:#fffef8;--snack-paper-deep:#f3d99b;--snack-ink:#2e2920;--snack-muted:#665d4d;--snack-accent:#b06b08;--snack-line:#875d1f47;width:min(100% - 2rem,72rem);color:var(--snack-ink);margin-inline:auto;padding-block:clamp(1.5rem,5vw,4rem) 1rem}.snack-detail__paper{border:1px solid var(--snack-line);background:linear-gradient(135deg, var(--snack-paper-light), var(--snack-paper) 58%, var(--snack-paper-deep));clip-path:polygon(.5% 1.2%,6% .4%,13% 1%,20% .2%,28% 1%,36% .35%,44% .9%,52% .15%,60% 1%,68% .35%,76% 1.1%,84% .45%,92% 1%,99.4% 1.8%,99% 12%,99.6% 24%,99% 38%,99.5% 52%,99% 66%,99.5% 80%,98.7% 98%,92% 99.4%,84% 98.5%,76% 99.5%,68% 98.3%,60% 99.5%,52% 98.5%,44% 99.5%,36% 98.3%,28% 99.4%,20% 98.3%,12% 99.4%,4% 98%,.7% 97%,1.2% 80%,.5% 66%,1.1% 52%,.4% 38%,1% 24%,.5% 12%);position:relative;overflow:hidden;box-shadow:.35rem .45rem 1.4rem #74490c21}.snack-detail__meta,.snack-detail__footer,.snack-detail__article-header{border-color:var(--snack-line);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.15rem;font:700 .66rem/1.3 JetBrains_Mono,monospace;display:flex}.snack-detail__meta{border-bottom:1px solid var(--snack-line)}.snack-detail__family{color:var(--snack-accent);align-items:center;gap:.55rem;display:inline-flex}.snack-detail__family i{aspect-ratio:1;background:var(--snack-accent);border-radius:50%;width:.55rem;box-shadow:0 0 0 .25rem #b06b0824}.snack-detail__visual{border-bottom:1px solid var(--snack-line);background-color:#f5be4c14;background-image:repeating-linear-gradient(0deg,#0000 0 1.8rem,#b06b0824 1.8rem calc(1.8rem + 1px)),linear-gradient(90deg,#0000 0 3.5rem,#ca543d2b 3.5rem calc(3.5rem + 1px),#0000 calc(3.5rem + 1px));height:clamp(9rem,23vw,15rem);position:relative;overflow:hidden}.snack-detail__image,.snack-detail__image:after{position:absolute;inset:0}.snack-detail__image{opacity:.18;filter:sepia(.35)saturate(.65)}.snack-detail__image:after{background:linear-gradient(0deg, var(--snack-paper), transparent 60%);content:""}.snack-detail__doodle{opacity:.48;width:11rem;height:5rem;position:absolute;top:2.4rem;left:5rem;rotate:-7deg}.snack-detail__doodle i{inset:calc(var(--line-index,0) * 17%);border-top:2px solid var(--snack-accent);border-radius:50%;position:absolute}.snack-detail__doodle i:first-child{--line-index:0}.snack-detail__doodle i:nth-child(2){--line-index:1;rotate:8deg}.snack-detail__doodle i:nth-child(3){--line-index:2;rotate:-5deg}.snack-detail__mark{color:var(--snack-accent);font-size:clamp(2rem,6vw,4rem);position:absolute;bottom:1rem;right:clamp(1.5rem,5vw,4rem)}.snack-detail__intro{padding:clamp(1.5rem,5vw,4rem)}.snack-detail__date{color:var(--snack-accent);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;font:700 .68rem/1.3 JetBrains_Mono,monospace;display:flex}.snack-detail__date span:before{content:"·";margin-right:1rem}.snack-detail__intro h1{max-width:17ch;color:var(--snack-ink);letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font:italic 700 clamp(3rem,8vw,6.5rem)/.92 Georgia,Times New Roman,serif}.snack-detail__intro p{max-width:55ch;color:var(--snack-muted);margin:1.4rem 0 0;font:italic clamp(1rem,2vw,1.25rem)/1.6 Georgia,Times New Roman,serif}.snack-detail__footer{border-top:1px solid var(--snack-line);align-items:flex-end}.snack-detail__tags{min-width:0}.snack-detail__tags .tags-scroll{flex-wrap:wrap;overflow:visible}.snack-detail__tags .site-chip{border:1px solid var(--snack-line);min-height:44px;color:var(--snack-ink);background:#ffffff40}.snack-detail__tags .site-chip:hover,.snack-detail__tags .site-chip:focus-visible{border-color:var(--snack-accent);color:var(--snack-accent);background:#b06b081f}.snack-detail__tags .site-chip:focus-visible{outline:3px solid var(--snack-accent);outline-offset:2px}.snack-detail__reading-meta{color:var(--snack-accent);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.45rem .8rem;display:flex}.snack-detail__reading-meta span+span:before{content:"/";margin-right:.8rem}.snack-detail__article{width:min(100% + -1*clamp(0rem,5vw,6rem),56rem);margin:clamp(2.5rem,7vw,5.5rem) auto 0}.snack-detail__article-header{border-bottom:1px solid var(--snack-line);color:var(--snack-accent)}.snack-detail__prose{color:var(--snack-muted);overflow-wrap:anywhere;padding:clamp(1.5rem,5vw,4rem);font-family:Georgia,Times New Roman,serif}.snack-detail__prose :where(h1,h2,h3,h4){color:var(--snack-ink);letter-spacing:-.035em;text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700}.snack-detail__prose :where(a){color:var(--snack-accent);text-underline-offset:.2em}.snack-detail__prose :where(blockquote){border-left-color:var(--snack-accent);color:var(--snack-muted)}.snack-detail__prose :where(code):not(:where(pre code)){border:1px solid var(--snack-line);color:var(--snack-ink);background:#b06b081a}.snack-detail__prose :where(pre,table){max-width:100%;overflow-x:auto}.snack-detail__prose :where(table){display:block}.snack-detail__prose :where(img,video,iframe){max-width:100%;height:auto}.dark .snack-detail{--snack-paper:#2b2417;--snack-paper-light:#211d16;--snack-paper-deep:#3a2a12;--snack-ink:#fff7df;--snack-muted:#d4c5a5;--snack-accent:#f5b849;--snack-line:#f5b84947}@media (width<=640px){.snack-detail{width:min(100% - .75rem,72rem);padding-top:1rem}.snack-detail__visual{height:8rem}.snack-detail__doodle{width:7rem;top:2rem;left:2rem}.snack-detail__intro{padding:1.5rem 1.2rem 2rem}.snack-detail__intro h1{font-size:clamp(2.6rem,13vw,4rem)}.snack-detail__footer{flex-direction:column;align-items:stretch}.snack-detail__reading-meta{justify-content:flex-start}.snack-detail__article{width:100%;margin-top:1.5rem}.snack-detail__prose{padding:1.35rem 1.2rem 2rem}}@media (prefers-reduced-motion:reduce){.snack-detail *{scroll-behavior:auto}}