.page-wrapper:has(>.main-content>.feed.h-feed.feed--pins):not(:has(.feed-sidebar,.content-sidebar,.doc-sidebar))>.main-content,.main-content>.feed.h-feed.feed--pins{width:min(100%,calc(100vw - (clamp(1rem,3vw,2.5rem) * 2)));max-width:min(100%,calc(100vw - (clamp(1rem,3vw,2.5rem) * 2)))}.feed.h-feed.feed--pins{--feed-content-width:min(100%, 1320px);color:var(--color-text,inherit)}.feed.h-feed.feed--pins>.pins-header,.feed.h-feed.feed--pins>.pins-board,.feed.h-feed.feed--pins>.pagination,.feed.h-feed.feed--pins>.pagination-infinite{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.pins-header{padding:clamp(1.5rem,4vw,3.5rem)0 1.4rem}.pins-kicker{margin:0 0 1.4rem;color:var(--color-primary,#557a66);font:700 .7rem/1.2 var(--font-mono,ui-monospace,monospace);letter-spacing:.13em}.pins-kicker span{padding:0 .35rem;opacity:.6}.pins-heading-row{display:flex;justify-content:space-between;align-items:end;gap:2rem}.pins-heading-row h1{margin:0;font:500 clamp(2.7rem,7vw,5.8rem)/.96 var(--font-heading,Georgia,serif);letter-spacing:-.065em}.pins-heading-row .p-summary{max-width:34rem;margin:.9rem 0 0;color:var(--color-text-muted,#737b74);font-size:clamp(1rem,1.7vw,1.25rem)}.pins-count{display:flex;flex:none;align-items:baseline;gap:.5rem;padding:.6rem 0;color:var(--color-text-muted,#737b74);font:.76rem/1.2 var(--font-mono,ui-monospace,monospace);text-transform:uppercase;letter-spacing:.06em}.pins-count strong{color:var(--color-text,inherit);font-size:1.15rem}.pins-rule{display:flex;justify-content:space-between;gap:1rem;margin-top:clamp(1.6rem,4vw,3rem);padding:.65rem 0;border-top:1px solid var(--color-border,#d8ddd8);color:var(--color-text-muted,#737b74);font:.72rem/1.3 var(--font-mono,ui-monospace,monospace);letter-spacing:.035em}.pins-rule span:first-child{color:var(--color-text,inherit)}.pins-board{columns:4 235px;column-gap:clamp(.8rem,1.5vw,1.2rem);padding-bottom:2rem}.pin-card{display:inline-block;width:100%;margin:0 0 clamp(.8rem,1.5vw,1.2rem);overflow:hidden;break-inside:avoid;border:1px solid color-mix(in srgb,var(--color-border,#d8ddd8) 80%,transparent);border-radius:.55rem;background:var(--color-surface,var(--color-background,#fff));box-shadow:0 8px 24px color-mix(in srgb,var(--color-text,#17241c) 5%,transparent);transition:box-shadow 220ms ease,transform 220ms cubic-bezier(.2,.7,.2,1),border-color 220ms ease}.pin-card:hover,.pin-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary,#557a66) 42%,var(--color-border,#d8ddd8));box-shadow:0 16px 36px color-mix(in srgb,var(--color-text,#17241c) 12%,transparent)}.pin-image-link{display:block;overflow:hidden;background:color-mix(in srgb,var(--color-primary,#557a66) 12%,var(--color-background,#fff))}.pin-image{display:block;width:100%;max-height:27rem;object-fit:cover;transition:transform 380ms cubic-bezier(.2,.7,.2,1),filter 380ms ease}.pin-card:hover .pin-image,.pin-card:focus-within .pin-image{transform:scale(1.04);filter:saturate(1.06)brightness(.94)}.pin-card-content{padding:1rem 1.05rem 1.05rem}.pin-source-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem}.pin-source{display:inline-flex;align-items:center;gap:.35rem;min-width:0;color:var(--color-primary,#557a66);font:700 .68rem/1.3 var(--font-mono,ui-monospace,monospace);text-decoration:none;overflow-wrap:anywhere}.pin-source:hover{text-decoration:underline;text-underline-offset:.2em}.pin-source-mark{display:inline-block;font-size:.92rem;transition:transform 180ms ease}.pin-card:hover .pin-source-mark,.pin-card:focus-within .pin-source-mark{transform:translate(2px,-2px)}.pin-date{flex:none;color:var(--color-text-muted,#737b74);font-size:.68rem}.pin-title{margin:0;font:600 1.25rem/1.18 var(--font-heading,Georgia,serif);letter-spacing:-.025em}.pin-title a{color:inherit;text-decoration:none}.pin-title a:hover{color:var(--color-primary,#557a66);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.pin-summary{margin:.65rem 0 0;color:var(--color-text-muted,#626b64);font-size:.9rem;line-height:1.55}.pin-footer{display:flex;justify-content:space-between;align-items:end;gap:.75rem;margin-top:1rem}.pin-tags{display:flex;flex-wrap:wrap;gap:.35rem}.pin-tag{padding:.24rem .44rem;border:1px solid var(--color-border,#d8ddd8);border-radius:2rem;color:var(--color-text-muted,#737b74);font:.64rem/1.2 var(--font-mono,ui-monospace,monospace);text-decoration:none}.pin-tag:hover{color:var(--color-text,inherit);border-color:var(--color-primary,#557a66)}.pin-note-link{flex:none;color:var(--color-text-muted,#737b74);font-size:.72rem;text-decoration:none}.pin-note-link:hover{color:var(--color-primary,#557a66)}.pin-card :focus-visible{outline:2px solid var(--color-primary,#557a66);outline-offset:3px;border-radius:2px}@media(max-width:780px){.pins-board{columns:3 220px}}@media(max-width:560px){.pins-heading-row{display:block}.pins-count{margin-top:1rem}.pins-rule{font-size:.64rem}.pins-board{columns:2 145px;column-gap:.65rem}.pin-card{margin-bottom:.65rem;border-radius:.45rem}.pin-card-content{padding:.75rem}.pin-title{font-size:1.05rem}.pin-summary{font-size:.82rem}.pin-source-row{display:block}.pin-date{display:block;margin-top:.28rem}.pin-footer{align-items:start;flex-direction:column}}@media(max-width:350px){.pins-board{columns:1}}@media(prefers-reduced-motion:reduce){.pin-card,.pin-image,.pin-source-mark{transition:none}.pin-card:hover,.pin-card:focus-within,.pin-card:hover .pin-image,.pin-card:focus-within .pin-image,.pin-card:hover .pin-source-mark,.pin-card:focus-within .pin-source-mark{transform:none;filter:none;box-shadow:none}}.pin-image-link[hidden]{display:none}.feed--pins .pin-image{height:auto;max-height:none;object-fit:contain}.page-wrapper.page-wrapper--feed-only:has(.feed--pins){width:100%;max-width:none;margin-inline:auto;padding:1rem clamp(1rem,2vw,2rem)0}.page-wrapper.page-wrapper--feed-only:has(.feed--pins)>.main-content{width:100%;max-width:none;margin:0;padding:0}.main-content>.feed.h-feed.feed--pins{width:100%;max-width:none;padding:0}.feed--pins .pins-header{padding:1.5rem clamp(.75rem,1.5vw,1.5rem)1.4rem}.feed--pins .pins-heading-row h1{font-size:clamp(2.7rem,5vw,4.5rem)}.feed--pins .pins-rule{margin-top:1.5rem}.feed--pins .pins-board{columns:auto 225px;column-gap:1rem}.feed--pins .pin-card{position:relative;overflow:hidden}.feed--pins .pin-image-link{overflow:hidden;border-radius:.55rem .55rem 0 0}.feed--pins .pin-card-content{padding:.85rem}.feed--pins .pin-title{font-size:1.1rem}.feed--pins .pin-source{font-weight:500}.feed--pins .pin-image{transition:transform 240ms ease,filter 240ms ease}.feed--pins .pin-card:hover .pin-image,.feed--pins .pin-card:focus-within .pin-image{transform:scale(1.025);filter:brightness(.85)}.feed--pins .pin-card:hover,.feed--pins .pin-card:focus-within{transform:none}.pin-commentary[hidden]{display:none}.pin-commentary{position:relative;margin-top:.75rem}.pin-commentary summary{cursor:pointer;list-style:none}.pin-commentary summary::-webkit-details-marker{display:none}.pin-commentary summary:focus-visible{outline-offset:4px}.pin-commentary-label{display:flex;justify-content:space-between;margin-bottom:.35rem;color:var(--color-primary);font:600 .65rem/1.4 var(--font-mono,monospace);letter-spacing:.03em}.pin-commentary-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.pin-commentary-full{white-space:pre-line;color:var(--color-text);font-size:.9rem;line-height:1.6}.pin-commentary[open] .pin-commentary-label span{transform:rotate(45deg)}.pin-commentary[open] .pin-commentary-preview{display:none}.pin-commentary[open] .pin-commentary-full{margin-top:.5rem;overflow-wrap:anywhere}@media(max-width:560px){.feed--pins .pins-board{columns:2;column-gap:.65rem}.feed--pins .pin-card-content{padding:.7rem}.feed--pins .pin-title{font-size:1rem}}@media(max-width:350px){.feed--pins .pins-board{columns:1}}@media(prefers-reduced-motion:reduce){.feed--pins .pin-image{transition:none}.feed--pins .pin-card:hover,.feed--pins .pin-card:focus-within,.feed--pins .pin-card:hover .pin-image,.feed--pins .pin-card:focus-within .pin-image{transform:none}}.feed--pins .pin-footer{width:auto;max-width:none;margin:.85rem 0 0;padding:0;border:0;border-radius:0;background:0 0;box-shadow:none}