.posts-view{min-height:60vh}.posts-shell{max-width:900px;padding-block:52px 65px}.posts-heading{margin-bottom:38px}.posts-heading h1{font-size:34px;line-height:1.6;white-space:normal;margin-top:10px}.posts-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:12px}.publication{padding:29px 0 43px;border-top:1px solid #A58E7836;scroll-margin-top:38px}.publication-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:15px}.publication-title{font-size:29px;font-weight:400;line-height:1.6;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 20px}.publication-title a:hover{text-decoration:underline;text-underline-offset:6px}.publication-cover{width:100%;max-height:500px;object-fit:cover;border-radius:5px;margin:0 0 27px}.publication-excerpt{color:var(--muted);font-size:13px;margin-bottom:24px;line-height:2}.publication-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:26px;font-size:10px;color:var(--muted)}.post-content{font-size:13px;line-height:2;color:var(--text);display:flow-root;overflow-wrap:anywhere}.post-content p{margin:0 0 1.1em;min-height:1em}.post-content h1,.post-content h2,.post-content h3{white-space:normal;letter-spacing:-.035em;font-weight:700;line-height:1.6;margin:1.3em 0 .7em}.post-content h1{font-size:28px}.post-content h2{font-size:23px}.post-content h3{font-size:18px}.post-content ul,.post-content ol{padding-left:1.9em;margin:1em 0}.post-content blockquote{border-left:3px solid var(--vinyl);padding:10px 20px;margin:1.3em 0;color:var(--muted);background:#E4D7BC55}.post-content hr{border:0;border-top:1px solid var(--vinyl);margin:2em 0}.post-content a{color:#726858;text-decoration:underline;text-underline-offset:4px}.post-content pre{padding:18px;background:#E4D7BC88;border-radius:5px;overflow-x:auto;font-size:12px;line-height:1.8;white-space:pre}.post-content code{font:inherit;background:#E4D7BC77;padding:2px 4px;border-radius:2px}.post-content pre code{padding:0;background:none}.post-content mark{background:#DFCF9977;color:inherit}.post-spoiler{background:var(--vinyl);border-radius:3px;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-spoiler:not(.is-revealed)>.post-spoiler-content{visibility:hidden}.post-spoiler.is-revealed{background:#D8C7A344}.post-spoiler:focus-visible{outline:2px solid var(--wood);outline-offset:3px}.post-image{margin:1.5em auto;max-width:100%}.post-image img{width:100%;height:auto;border-radius:4px}.post-image.image-left{float:left;margin:0 1.5em 1em 0}.post-image.image-right{float:right;margin:0 0 1em 1.5em}.post-image.image-center{clear:both;margin:1.5em auto}.post-image figcaption{font-size:10px;color:var(--muted);text-align:center;padding-top:8px}.post-table-wrap{overflow:auto;margin:1.5em 0;clear:both}.post-content table{border-collapse:collapse;width:100%;table-layout:fixed}.post-content td,.post-content th{border:1px solid #A58E7866;padding:9px 12px;vertical-align:top;min-width:60px}.post-content th{background:#E4D7BC77}.post-content td p,.post-content th p{margin:0}.post-composition{position:relative;aspect-ratio:var(--ratio);width:100%;container-type:inline-size;overflow:hidden;clear:both;margin:1.8em 0;border-radius:4px}.composition-layer{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform-origin:center}.composition-image img{width:100%;height:100%}.composition-text{font-size:var(--fs);line-height:1.65;padding:.15em;white-space:pre-wrap;overflow:hidden}.post-switcher{position:fixed;right:23px;bottom:27px;z-index:15;display:flex;flex-direction:column;gap:6px}.post-switcher button{width:38px;height:38px;background:var(--paper);border:1px solid #D8C7A3;border-radius:5px;box-shadow:0 3px 12px #403A3009;display:grid;place-items:center}.post-switcher button:disabled{opacity:.35}.post-switcher svg{width:17px;height:17px}.posts-loading,.posts-empty{text-align:center;padding:60px 20px;color:var(--muted);font-size:12px;line-height:2.1}.posts-empty h2{font-size:22px;font-weight:400;color:var(--text);margin-bottom:15px}.posts-load-more{display:block;margin:20px auto 0}.posts-back{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:25px}.featured-note-cover{width:100%;height:150px;object-fit:cover;margin-bottom:20px;border-radius:3px}.listening-note{font-size:12px}
@media(max-width:620px){.posts-shell{padding-block:34px 40px}.posts-heading h1{font-size:27px}.publication-title{font-size:23px}.publication{padding:25px 0 32px}.post-content{font-size:12px}.publication-excerpt{font-size:12px}.post-content h1{font-size:24px}.post-content h2{font-size:20px}.post-content h3{font-size:17px}.post-switcher{right:10px;bottom:17px;gap:5px}.post-switcher button{width:32px;height:32px}.post-image.image-left,.post-image.image-right{float:none;width:100%!important;margin:1.3em auto}.post-composition{aspect-ratio:var(--mobile-ratio)}.composition-layer{left:var(--mx);top:var(--my);width:var(--mw);height:var(--mh)}.composition-text{font-size:var(--mfs)}.listening-note{font-size:10px}}
@media(pointer:coarse){.post-switcher button{width:44px;height:44px}}

/* Draw through the glyphs rather than relying on font decoration metrics. */
.post-content s,.editor-toolbar s{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:100% .075em;background-position:0 58%;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.record-hint{text-align:center;font-size:8px;line-height:1.8;color:#A58E78;margin:5px 0 0;letter-spacing:.01em}.marquee-track{animation-duration:var(--marquee-duration,50s)}
@media(max-width:620px){.record-hint{font-size:7px}}

.publication-toggle{display:block;width:100%;padding:0;text-align:left;font:inherit;line-height:inherit;letter-spacing:inherit;background:none;color:inherit}.publication-toggle:hover{text-decoration:underline;text-underline-offset:6px}.publication:not(.publication-open) .publication-title{margin-bottom:12px}.publication:not(.publication-open) .publication-excerpt{margin-bottom:0}.publication-expanded{margin-top:25px}
.publication-pin{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--muted);font-size:9px;line-height:1.7}.publication-pin .icon{width:14px;height:14px}.publication-pinned{border-left:2px solid var(--theme-accent,var(--wood));padding-left:18px}
[data-home-field]{overflow-wrap:anywhere}#hero-title[data-home-field]{white-space:normal}
