/* The home forest opens the writing area; article bodies return to paper. */
.writing-nav{z-index:5}
.writing-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--binoki-brand-ink);color:var(--binoki-brand-white)}
.writing-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,26,20,.14),transparent 40%,rgba(20,26,20,.25));pointer-events:none}
.writing-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.writing-hero--article .writing-hero-image{object-position:center 75%}
.writing-hero--archive{min-height:clamp(480px,68svh,640px)}
.writing-hero--article{min-height:280px}
.writing-hero-inner{min-height:inherit;display:flex;justify-content:flex-end;align-items:flex-end;padding-top:132px;padding-bottom:48px}
.writing-hero-panel{width:440px;max-width:100%;background:var(--binoki-brand-ink);color:var(--binoki-brand-white);backdrop-filter:none;-webkit-backdrop-filter:none}
.writing-hero-panel .meta{margin-bottom:12px;color:var(--binoki-brand-paper)}
.writing-hero-panel h1{font-size:30px;line-height:1.4;letter-spacing:-.025em}
.writing-hero-panel>p:not(.meta){margin-top:14px;font-size:15px;line-height:26px}
.writing-hero-panel .card-action{--button-bg:var(--binoki-brand-paper);--button-fg:var(--binoki-brand-ink);--button-hover:#e6e2d9;--button-pressed:#d6d2c9}
.writing-hero-panel .card-action:focus-visible{outline:2px solid var(--binoki-brand-white)!important;outline-offset:3px;box-shadow:0 0 0 4px var(--binoki-brand-ink)!important}
.writing-hero-label{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:12px 20px;border-radius:12px;background:var(--binoki-brand-ink);color:var(--binoki-brand-white);font-weight:500}
.writing-hero--article .writing-hero-inner{justify-content:flex-start;padding-bottom:32px}
.writing-main{max-width:960px;padding-top:64px;padding-bottom:96px}
.writing-main--article{padding-top:48px}
.writing-heading{max-width:720px;margin-bottom:72px}
.writing-heading>.meta{color:var(--binoki-brand-red);margin-bottom:12px}
.writing-heading h2{margin-bottom:20px}
.writing-heading>p:last-child{font-size:18px;line-height:30px}
.writing-year{margin-top:56px}
.writing-year h3{font-size:20px;line-height:28px;margin-bottom:12px}
.writing-list{display:grid}
.writing-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:24px 20px;margin-inline:-20px;border-radius:12px;transition:background-color 160ms ease-out}
.writing-entry-copy{display:block;min-width:0}
.writing-entry .meta{display:block;color:var(--binoki-brand-red);margin-bottom:4px}
.writing-title{display:block;font-size:20px;line-height:30px;font-weight:600}
.writing-subtitle{font-size:14px;line-height:24px;margin-top:4px;color:color-mix(in srgb,var(--binoki-brand-ink) 75%,var(--binoki-brand-paper))}
.writing-entry-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--binoki-color-plain-surface);font-size:22px}
.writing-entry:hover{background:var(--binoki-color-plain-surface)}
.writing-entry:focus-visible{outline:2px solid var(--binoki-brand-red)!important;outline-offset:2px;background:var(--binoki-color-plain-surface)!important;color:var(--binoki-brand-ink)!important}
.writing-source{max-width:720px;margin-top:64px;font-size:14px;line-height:24px}
.writing-source .text-link{padding-inline:2px}
.writing-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 48px;font-weight:500}
.writing-back:hover{color:var(--binoki-brand-red)}
.writing-article{max-width:720px;margin-inline:auto}
.writing-article-heading{margin-bottom:64px}
.writing-article-heading .meta{color:var(--binoki-brand-red);margin-bottom:16px}
.writing-article-heading h1{font-size:clamp(36px,5vw,48px);line-height:1.2;overflow-wrap:anywhere}
.writing-deck{font-size:20px;line-height:32px;margin-top:24px}
.writing-article-body{font-size:17px;line-height:1.9;overflow-wrap:anywhere}
.writing-article-body>*+*{margin-top:1.3em}
.writing-article-body p{margin:0 0 1.3em}
.writing-article-body h2{font-size:28px;line-height:1.4;margin:2.2em 0 .7em}
.writing-article-body h3{font-size:22px;line-height:1.45;margin:1.8em 0 .6em}
.writing-article-body h4{font-size:18px;line-height:1.5;margin:1.5em 0 .5em}
.writing-article-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.writing-article-body a:hover{color:var(--binoki-brand-red)}
.writing-article-body ul,.writing-article-body ol{padding-left:1.5em;margin:0 0 1.4em}
.writing-article-body li+li{margin-top:.5em}
.writing-article-body blockquote{margin:1.8em 0;padding:4px 0 4px 20px;border-left:3px solid var(--binoki-brand-red);font-size:19px;line-height:1.8}
.writing-article-body blockquote p:last-child{margin-bottom:0}
.writing-article-body figure{margin:2em 0}
.writing-article-body figure img,.writing-article-body>img{width:auto;max-width:100%;height:auto;margin-inline:auto}
.writing-article-body figcaption{font-size:13px;line-height:22px;margin-top:10px;text-align:center;color:color-mix(in srgb,var(--binoki-brand-ink) 70%,var(--binoki-brand-paper))}
.writing-article-body hr{height:1px;border:0;background:var(--binoki-color-plain-edge);margin:3em 0}
.writing-article-body iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin:2em 0}
.writing-article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
.writing-article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border-radius:12px;background:var(--binoki-color-plain-surface)}
.writing-article-end{display:flex;flex-wrap:wrap;gap:12px;margin-top:64px}
.writing-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px}
@media(max-width:700px){.writing-hero--archive{min-height:620px}.writing-hero--archive .writing-hero-inner{align-items:flex-start;padding-top:120px;padding-bottom:24px}.writing-hero--article{min-height:220px}.writing-hero--article .writing-hero-inner{padding-top:112px;padding-bottom:24px}.writing-hero-image{object-position:35% center}.writing-hero-panel h1{font-size:26px}.writing-main{padding-top:40px;padding-bottom:72px}.writing-main--article{padding-top:32px}.writing-heading{margin-bottom:48px}.writing-heading>p:last-child{font-size:16px;line-height:26px}.writing-year{margin-top:40px}.writing-entry{margin-inline:-12px;padding:20px 12px;min-height:104px}.writing-title{font-size:18px;line-height:28px}.writing-entry-arrow{flex-basis:40px;width:40px;height:40px}.writing-back{margin-bottom:28px}.writing-article-heading{margin-bottom:48px}.writing-deck{font-size:18px;line-height:30px}.writing-article-body{font-size:16px;line-height:1.85}.writing-article-body h2{font-size:24px}.writing-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.writing-entry{transition:none}}
@media(forced-colors:active){.writing-hero,.writing-hero-panel,.writing-hero-label{background:Canvas;color:CanvasText}.writing-hero-image,.writing-hero::before{display:none}.writing-entry:hover,.writing-entry:focus-visible,.writing-entry-arrow{border:1px solid CanvasText}.writing-article-body blockquote{border-color:Highlight}}