.posts-index-board .post-title{font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5}.posts-index-board .post-date{display:block;font-size:.75rem;letter-spacing:.12em;font-weight:700}.posts-index-board .post-excerpt{margin-top:0;flex:1}.posts-index-frame{container-type:inline-size;width:100%;max-width:1200px;margin-inline:auto}.posts-index-board{--card-w: 360px;--row-step: 270px;--base-y: 104px;--twine-top: 52px;--est-h: 320px;--bottom-pad: 260px;--string-tail: 92px;--card-left-left: max(8px, calc(50% - 407px) );--card-left-right: min( calc(50% + 47px) , calc(100% - 368px) );--rss-left: min( calc(50% + 407px) , calc(100% - 8px) );--top-gap: calc(var(--base-y) - var(--twine-top));--string-h: max( 120px, calc( 2 * var(--top-gap) + (var(--n, 1) - 1) * var(--row-step) + var(--est-h) + var(--string-tail) ) );position:relative;width:100%;margin-top:-.5rem;color:var(--black);height:max(800px,calc(var(--twine-top) + var(--string-h) + var(--bottom-pad)),calc(var(--base-y) + (var(--n, 1) - 1) * var(--row-step) + var(--est-h) + var(--bottom-pad)));transition:height .5s var(--ease-spring)}.posts-index-board--complete{--string-tail: 198px}@supports not (container-type: inline-size){@media (max-width: 930px){.posts-index-board{--card-w: min(360px, calc(100% - 16px) );--row-step: 360px;--base-y: 140px;--twine-top: 66px;--est-h: 350px;--card-left-left: calc(50% - var(--card-w) / 2);--card-left-right: calc(50% - var(--card-w) / 2);--rss-left: calc(50% + var(--card-w) / 2)}}@media (max-width: 710px){.posts-index-board{--bottom-pad: 300px}}}@container (width < 854px){.posts-index-board{--card-w: min(360px, calc(100% - 16px) );--row-step: 360px;--base-y: 140px;--twine-top: 66px;--est-h: 350px;--card-left-left: calc(50% - var(--card-w) / 2);--card-left-right: calc(50% - var(--card-w) / 2);--rss-left: calc(50% + var(--card-w) / 2)}}@container (width < 640px){.posts-index-board{--bottom-pad: 300px}}.posts-card{position:absolute;width:var(--card-w);top:calc(var(--base-y) + var(--i, 0) * var(--row-step));left:var(--card-left-left);transition:left .5s var(--ease-spring),top .5s var(--ease-spring),transform .3s var(--ease-spring)}.posts-card--right{left:var(--card-left-right)}.posts-rss-anchor{position:absolute;z-index:2;width:-moz-max-content;width:max-content;top:calc(var(--twine-top) - 45px);left:var(--rss-left);transform:translate(-100%)}.posts-twine{position:absolute;left:50%;top:var(--twine-top);height:var(--string-h);width:4px;transform:translate(-50%);isolation:isolate;background:repeating-linear-gradient(45deg,var(--cream),var(--cream) 4px,var(--red) 4px,var(--red) 8px);box-shadow:2px 2px 4px #0003;z-index:1;border-radius:2px;transition:height .5s var(--ease-spring)}.rss-tag{--rss-tag-w: 52px;--rss-tag-h: 68px;--rss-hole-r: 5px;--rss-hole-x: 26px;--rss-hole-y: 14px;position:relative;box-sizing:border-box;display:flex;width:var(--rss-tag-w);height:var(--rss-tag-h);align-items:flex-end;justify-content:center;padding-bottom:10px;transform-origin:var(--rss-hole-x) var(--rss-hole-y);border:none;cursor:pointer;text-decoration:none;font-family:IBM Plex Mono,IBM Plex Mono fallback,ui-monospace,SFMono-Regular,monospace;font-size:var(--riso-type-sm);font-weight:700;letter-spacing:.06em;color:#0000008c;clip-path:polygon(0 .75rem,.75rem 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,0 100%);background:radial-gradient(circle at var(--rss-hole-x) var(--rss-hole-y),transparent var(--rss-hole-r),#e6d5b8 calc(var(--rss-hole-r) + .5px));filter:drop-shadow(2px 3px 5px rgba(0,0,0,.28));transition:transform .35s var(--ease-spring)}.rss-tag:before{content:"";position:absolute;left:var(--rss-hole-x);top:var(--rss-hole-y);z-index:2;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background:var(--blue);pointer-events:none;box-shadow:0 1px 2px #00000059,inset 0 -1px 1px #00000040}.rss-tag:hover{transform:rotate(-6deg)}.rss-tag:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}@media (prefers-reduced-motion: reduce){.rss-tag{transition:none}.rss-tag:hover{transform:none}}.rss-tag:after{content:"";position:absolute;left:var(--rss-hole-x);top:var(--rss-hole-y);z-index:1;width:calc(var(--rss-hole-r) * 2 + 4px);height:calc(var(--rss-hole-r) * 2 + 4px);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 3px #0000001f,inset 0 1px #ffffff59}.twine-knot{position:absolute;width:8px;height:10px;left:-2px;background:repeating-linear-gradient(135deg,var(--cream),var(--cream) 4px,var(--red) 4px,var(--red) 8px);box-shadow:1px 2px 3px #0006;z-index:2}.knot-top{top:-3px;border-radius:60% 40% 50% 50%;transform:rotate(15deg)}.knot-bottom{bottom:-4px;border-radius:40% 60%;transform:rotate(-10deg)}.knot-bottom:before{content:"";position:absolute;top:7px;left:2px;width:4px;height:45px;background:repeating-linear-gradient(45deg,var(--cream),var(--cream) 4px,var(--red) 4px,var(--red) 8px);border-radius:2px;transform:rotate(8deg);box-shadow:2px 2px 4px #0003}.knot-top:before{content:"";position:absolute;bottom:7px;left:2px;width:4px;height:45px;background:repeating-linear-gradient(45deg,var(--cream),var(--cream) 4px,var(--red) 4px,var(--red) 8px);border-radius:2px;transform-origin:bottom center;transform:rotate(-25deg);box-shadow:2px 2px 4px #0003}@keyframes pullBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes pullBounceCoarse{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.pull-container{position:absolute;left:50%;top:calc(var(--twine-top) + var(--string-h) - 10px);z-index:1;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);transition:top .5s var(--ease-spring);touch-action:none;visibility:hidden}.pull-container--ready{visibility:visible}.pull-stack{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;animation:pullBounce 2s infinite ease-in-out}.pull-connector-track{display:flex;flex-shrink:0;align-self:stretch;justify-content:center;align-items:flex-start;min-width:3rem}.pull-connector{width:4px;background:repeating-linear-gradient(45deg,var(--cream),var(--cream) 4px,var(--red) 4px,var(--red) 8px);border-radius:2px;box-shadow:2px 2px 4px #0003}@media (pointer: coarse),(hover: none){.pull-stack:not(.pull-stack--dragging){animation:pullBounceCoarse 2.5s infinite ease-in-out}}.pull-stack--dragging{animation:none!important;cursor:grabbing!important}.pull-container .pull-stack{cursor:grab}.pull-container--no-motion .pull-stack{animation:none}@media (prefers-reduced-motion: reduce){.pull-stack:not(.pull-stack--dragging){animation:none}}@media (pointer: coarse),(hover: none){.pull-container{padding-block:12px;margin-block:-12px}}.pull-knot-hit{display:flex;flex-shrink:0;justify-content:center;align-items:flex-start;min-width:3rem}.pull-container .twine-knot.knot-bottom{position:relative;left:auto;bottom:auto;flex-shrink:0}.pull-container .pull-action{margin-top:42px}.pull-action{background:transparent;border:none;cursor:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 20px;transition:transform .15s;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (pointer: coarse),(hover: none){.pull-action{min-height:44px;min-width:44px;padding:14px 22px}}.pull-action:active:not(:disabled){transform:translateY(15px)}@media (pointer: coarse),(hover: none){.pull-action:active:not(:disabled){transform:translateY(10px)}}.pull-tag-text{font-family:IBM Plex Mono,IBM Plex Mono fallback,ui-monospace,SFMono-Regular,monospace;font-size:var(--riso-type-xs);font-weight:700;letter-spacing:1px;color:var(--red);background:var(--cream);padding:4px 10px;border-radius:4px;border:1px dashed var(--red);box-shadow:1px 2px 4px #0000001a}