.content-preview{--preview-accent:#4f46e5;--preview-accent-soft:#4f46e51f;--preview-surface:#fbfaf7;--preview-ink:#171717;--preview-muted:#65635e;--preview-line:#1717172e;border:1px solid var(--preview-line);border-radius:var(--radius-lg);background:var(--preview-surface);height:100%;min-height:27rem;color:var(--preview-ink);box-shadow:.35rem .4rem 0 var(--preview-accent-soft);flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden;container-type:inline-size}.content-preview--blog{--preview-accent:#a9361c;--preview-accent-soft:#a9361c26;--preview-surface:#e8e2c9;--preview-ink:#183f3a;--preview-muted:#45615a;--preview-line:#183f3a57;background-image:linear-gradient(#183f3a12 1px,#0000 1px),linear-gradient(90deg,#183f3a12 1px,#0000 1px);background-size:2rem 2rem}.content-preview--log{--preview-accent:#247e6d;--preview-accent-soft:#247e6d2b;--preview-surface:#c9c3b4;--preview-ink:#24231e;--preview-muted:#696355;--preview-line:#817b6d;--preview-panel:#f6efd9;--preview-raised:#e9e1cd;--preview-led:#a8c91f;background:repeating-linear-gradient(90deg, transparent 0 3px, #ffffff14 3px 4px), var(--preview-surface);border-color:#11110f;box-shadow:inset 0 1px #ffffff40,0 14px 32px #00000024}.content-preview--snack{--preview-accent:#b06b08;--preview-accent-soft:#b06b0824;--preview-surface:#fff9dc;--preview-ink:#2e2920;--preview-muted:#665d4d;--preview-line:#875d1f47;clip-path:polygon(.5% 2%,6% .6%,13% 1.5%,20% .3%,28% 1.4%,36% .5%,44% 1.2%,52% .2%,60% 1.5%,68% .5%,76% 1.7%,84% .7%,92% 1.4%,99.4% 3%,99% 12%,99.6% 24%,99% 38%,99.5% 52%,99% 66%,99.5% 80%,98.7% 96%,92% 99%,84% 98.2%,76% 99.4%,68% 98%,60% 99.4%,52% 98.2%,44% 99.4%,36% 98%,28% 99.2%,20% 98%,12% 99.2%,4% 97.7%,.7% 94%,1.2% 80%,.5% 66%,1.1% 52%,.4% 38%,1% 24%,.5% 12%);filter:drop-shadow(.28rem .38rem #74490c29);background:linear-gradient(135deg,#fffef8,#fff9dc 58%,#f3d99b);border-color:#875d1f3d;border-radius:0}.content-preview:hover,.content-preview:focus-within{border-color:color-mix(in srgb, var(--preview-accent), transparent 35%);box-shadow:.5rem .6rem 0 var(--preview-accent-soft);transform:translateY(-2px)}.content-preview__header{border-bottom:1px solid var(--preview-line);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;padding:.7rem 1rem;font:700 .64rem/1.2 JetBrains_Mono,monospace;display:flex}.content-preview--blog .content-preview__header,.content-preview--blog .content-preview__body,.content-preview--blog .content-preview__footer{backdrop-filter:blur(1px);background:#e8e2c9c2}.content-preview--log .content-preview__header{border:2px inset var(--preview-line);color:#eee6d2;background:#292923;border-bottom-width:1px;margin:.62rem .62rem 0}.content-preview--log .content-preview__index{color:#bbb19a}.content-preview--log .content-preview__family{color:#eee6d2}.content-preview--log .content-preview__family i{background:var(--preview-led);box-shadow:0 0 .7rem #a8c91fbf}.content-preview__family{color:var(--preview-accent);align-items:center;gap:.55rem;display:inline-flex}.content-preview__family i{aspect-ratio:1;background:var(--preview-accent);width:.52rem;box-shadow:0 0 0 .23rem var(--preview-accent-soft);border-radius:50%}.content-preview__index{color:var(--preview-muted)}.content-preview__visual{border-bottom:1px solid var(--preview-line);background-color:var(--preview-accent-soft);background-image:linear-gradient(var(--preview-line) 1px, transparent 1px), linear-gradient(90deg, var(--preview-line) 1px, transparent 1px);background-size:1.6rem 1.6rem;flex:none;height:8.5rem;position:relative;overflow:hidden}.content-preview--blog .content-preview__visual{background-color:#d8d0af;background-image:linear-gradient(#183f3a1a 1px,#0000 1px),linear-gradient(90deg,#183f3a1a 1px,#0000 1px);background-size:2rem 2rem}.content-preview--log .content-preview__visual{border:2px inset var(--preview-line);background:#d4ecf2;height:9rem;margin:0 .62rem}.content-preview--snack .content-preview__visual{background-color:#f5be4c14;background-image:repeating-linear-gradient(0deg,#0000 0 1.55rem,#b06b081f 1.55rem calc(1.55rem + 1px)),linear-gradient(90deg,#0000 0 2.2rem,#ca543d29 2.2rem calc(2.2rem + 1px),#0000 calc(2.2rem + 1px))}.content-preview__image,.content-preview__image>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.content-preview__image{opacity:.42;filter:saturate(.7)contrast(.9)}.content-preview--blog .content-preview__image{opacity:.58;filter:saturate(.65)sepia(.2)contrast(.92)}.content-preview--log .content-preview__image{opacity:.58;filter:saturate(.7)contrast(.92)}.content-preview__visual:after{background:linear-gradient(90deg, var(--preview-surface), transparent 55%), linear-gradient(0deg, var(--preview-surface), transparent 42%);content:"";opacity:.74;position:absolute;inset:0}.content-preview--blog .content-preview__visual:after{background:linear-gradient(90deg, var(--preview-surface), transparent 52%), linear-gradient(0deg, var(--preview-surface), transparent 32%, transparent 78%, #e8e2c999);opacity:.86}.content-preview--log .content-preview__visual:after{mix-blend-mode:multiply;opacity:1;background:repeating-linear-gradient(0deg,#0000 0 3px,#0f172a17 3px 4px)}.content-preview--snack .content-preview__visual:after{background:radial-gradient(circle at 75% 35%, #b06b081a, transparent 22%), linear-gradient(0deg, var(--preview-surface), transparent 34%);opacity:.72}.content-preview__motif,.content-preview__mark{z-index:2;position:absolute}.content-preview__contours,.content-preview__hardware{pointer-events:none;position:absolute}.content-preview__contours{z-index:2}.content-preview__hardware{z-index:5;inset:0}.content-preview__mark{color:var(--preview-accent);letter-spacing:-.08em;opacity:.82;font:800 clamp(2.5rem,10cqw,4.5rem)/.8 JetBrains_Mono,monospace;bottom:.6rem;right:1.1rem}.content-preview--blog .content-preview__motif{aspect-ratio:1;border:.2rem solid var(--preview-surface);background:#e86138;border-radius:50%;width:.8rem;top:48%;left:35%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #e86138}.content-preview--blog .content-preview__contours{aspect-ratio:1.15;width:16rem;top:-4.8rem;left:-3rem;rotate:-9deg}.content-preview--blog .content-preview__contours i{inset:calc(var(--ring,0) * 9%);opacity:.65;border:2px solid #6e8c78;border-radius:47% 53% 61% 39%/41% 35% 65% 59%;position:absolute}.content-preview--blog .content-preview__contours i:first-child{--ring:0}.content-preview--blog .content-preview__contours i:nth-child(2){--ring:1;rotate:8deg}.content-preview--blog .content-preview__contours i:nth-child(3){--ring:2;rotate:-10deg}.content-preview--blog .content-preview__contours i:nth-child(4){--ring:3;rotate:15deg}.content-preview--blog .content-preview__mark{color:#e86138;text-shadow:0 0 .6rem #e8613859;font-size:1rem;bottom:.85rem;right:1.2rem}.content-preview--log .content-preview__motif{border:1px solid var(--preview-accent);background:repeating-linear-gradient(90deg, var(--preview-accent) 0 .35rem, transparent .35rem .7rem);opacity:.68;width:5.5rem;height:2.4rem;bottom:1rem;left:1rem}.content-preview--log .content-preview__hardware i{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#8a8981,#30302c 65%);border:1px solid #0b0b0a;border-radius:50%;width:.58rem;position:absolute;box-shadow:inset 0 1px #ffffff2e}.content-preview--log .content-preview__hardware i:after{content:"";background:#151513;width:64%;height:1px;position:absolute;top:50%;left:18%;rotate:-24deg}.content-preview--log .content-preview__hardware i:first-child{top:.2rem;left:.2rem}.content-preview--log .content-preview__hardware i:nth-child(2){top:.2rem;right:.2rem}.content-preview--log .content-preview__hardware i:nth-child(3){bottom:.2rem;left:.2rem}.content-preview--log .content-preview__hardware i:nth-child(4){bottom:.2rem;right:.2rem}.content-preview--snack .content-preview__motif{border-top:2px solid var(--preview-accent);opacity:.48;border-radius:48% 52% 0 0;width:5.5rem;height:2.5rem;top:1.5rem;left:1.1rem;rotate:-7deg}.content-preview--snack .content-preview__motif:before,.content-preview--snack .content-preview__motif:after{border-top:1px solid var(--preview-accent);content:"";border-radius:50%;width:4rem;height:1.5rem;position:absolute}.content-preview--snack .content-preview__motif:before{top:.7rem;left:.5rem;rotate:9deg}.content-preview--snack .content-preview__motif:after{top:1.35rem;left:1.25rem;rotate:-5deg}.content-preview__body{flex-direction:column;flex:1;padding:1.1rem 1.25rem 1rem;display:flex}.content-preview--log .content-preview__body{border-right:2px inset var(--preview-line);border-left:2px inset var(--preview-line);background:var(--preview-panel);margin:0 .62rem}.content-preview--snack .content-preview__body h2,.content-preview--snack .content-preview__body p{font-family:Georgia,Times New Roman,serif;font-style:italic}.content-preview--snack .content-preview__body h2{letter-spacing:-.025em;font-weight:700;line-height:1.05}.content-preview__body time{color:var(--preview-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font:700 .62rem/1.2 JetBrains_Mono,monospace}.content-preview__body h2{letter-spacing:-.045em;text-wrap:balance;max-width:19ch;margin:0;font-size:clamp(1.65rem,6cqw,2.5rem);font-weight:760;line-height:.98}.content-preview__body h2 a{color:inherit;text-decoration:none}.content-preview__body h2 a:after{content:"";position:absolute;inset:0}.content-preview__body h2 a:focus-visible{border-radius:var(--radius-xs);outline:3px solid var(--preview-accent);outline-offset:5px}.content-preview__body p{color:var(--preview-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.8rem 0 0;font-size:.88rem;line-height:1.55;display:-webkit-box;overflow:hidden}.content-preview__footer{z-index:2;border-top:1px solid var(--preview-line);justify-content:space-between;align-items:flex-start;gap:.8rem;min-height:3.75rem;padding:.65rem 1rem;display:flex;position:relative}.content-preview--log .content-preview__footer{border:2px inset var(--preview-line);background:var(--preview-panel);margin:0 .62rem .62rem}.content-preview__tags{flex:auto;min-width:0}.content-preview__tags .site-chip{border:1px solid var(--preview-line);border-radius:var(--radius-xs);min-height:0;color:var(--preview-muted);letter-spacing:.04em;text-transform:uppercase;background:0 0;padding:.3rem .5rem;font:650 .6rem/1.2 JetBrains_Mono,monospace}.content-preview__tags .site-chip:hover{border-color:var(--preview-accent);background:var(--preview-accent-soft);color:var(--preview-accent)}.content-preview--blog .content-preview__tags .site-chip{color:var(--preview-ink);border-color:#0000}.content-preview--blog .content-preview__tags .site-chip:before{color:var(--preview-accent);content:"·";margin-right:.15rem}.content-preview--log .content-preview__tags .site-chip{background:radial-gradient(circle at .58rem 50%, #080908 0 3px, var(--preview-line) 3px 5px, transparent 5px), var(--preview-raised);color:var(--preview-ink);border-radius:0;padding-left:1.45rem}.content-preview--snack .content-preview__tags .site-chip{background:#ffffff47;border-color:#875d1f38}.content-preview__action{color:var(--preview-accent);letter-spacing:.08em;text-transform:uppercase;flex:none;margin-top:.35rem;font:750 .62rem/1.2 JetBrains_Mono,monospace}.content-preview--snack .content-preview__action{letter-spacing:.04em;text-transform:lowercase;font-family:Georgia,Times New Roman,serif;font-style:italic}.content-preview__action b{transition:transform .18s;display:inline-block}.content-preview:hover .content-preview__action b,.content-preview:focus-within .content-preview__action b{transform:translate(.15rem,-.15rem)}.dark .content-preview{--preview-surface:#111210;--preview-ink:#f0efe9;--preview-muted:#aaa79f;--preview-line:#f0efe92b}.dark .content-preview--blog{--preview-accent:#ff7a60;--preview-surface:#172725;--preview-ink:#dbe8da;--preview-muted:#9cb7aa;--preview-line:#dbe8da47}.dark .content-preview--log{--preview-accent:#ff806d;--preview-surface:#242421;--preview-ink:#f3e9cc;--preview-muted:#bbb19a;--preview-line:#66645b;--preview-panel:#1a1a18;--preview-raised:#2c2c28;--preview-led:#d8ff54}.dark .content-preview--snack{--preview-accent:#f5b849;--preview-surface:#2b2417;--preview-ink:#fff7df;--preview-muted:#d4c5a5;--preview-line:#f5b84947;background:linear-gradient(135deg,#211d16,#2b2417 58%,#3a2a12)}@container (width<=22rem){.content-preview{min-height:25rem}.content-preview__visual{height:7rem}.content-preview__body h2{font-size:1.65rem}.content-preview__action{font-size:0}.content-preview__action b{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.content-preview,.content-preview__action b{transition:none}.content-preview:hover,.content-preview:focus-within{transform:none}}