.seed-article-page,.seed-article-collection{--article-link:color-mix(in srgb, var(--project-accent,#315f4c) 40%, #111);color:#24292e;padding:clamp(2.5rem,6vw,5rem) 1.25rem;font-size:max(16px,1rem)}.seed-article-header,.seed-article-body{width:100%;max-width:70ch;margin-inline:auto}.seed-article-header{margin-bottom:2.5rem}.seed-article-header h1,.seed-article-collection h1{letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance;margin:0 0 1rem;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.15}.seed-article-header time,.seed-article-card time{color:#52595f;font-size:.9em}.seed-article-back{margin-bottom:1.5rem;display:inline-block}.seed-article-page{font-size:max(18px,1.125rem)}.seed-article-body p,.seed-article-body li{line-height:1.8}.seed-article-body p{margin:0 0 1.5rem}.seed-article-body h2,.seed-article-body h3,.seed-article-body h4{margin:2.5rem 0 1rem;line-height:1.3}.seed-article-body ul,.seed-article-body ol{margin:0 0 1.5rem;padding-left:1.5rem}.seed-article-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.seed-article-body a,.seed-article-back{color:var(--article-link);text-underline-offset:.2em;overflow-wrap:anywhere}.seed-article-image{margin:2rem 0}.seed-article-image img,.seed-article-body>img{width:100%;max-width:100%;height:auto;display:block}.seed-article-image figcaption{color:#52595f;margin-top:.75rem;font-size:.875em;line-height:1.6}.seed-article-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin-block:2rem;display:grid}.seed-article-gallery .seed-article-image{margin:0}.seed-article-gallery img{aspect-ratio:4/3;object-fit:cover}.seed-article-video,.seed-article-embed{aspect-ratio:16/9;background:#16191b;border:0;width:100%;height:auto;margin-block:2rem;display:block}.seed-article-document{border:1px solid #d9dddf;width:100%;height:38rem;max-height:75vh;margin-block:2rem;display:block}.seed-article-related,.seed-article-collection>div{width:100%;max-width:72rem;margin-inline:auto}.seed-article-related{border-top:1px solid #d9dddf;margin-top:4rem;padding-top:2.5rem}.seed-article-related>h2{margin:0 0 2rem;font-size:1.5em;line-height:1.3}.seed-article-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:2.5rem 2rem;display:grid}.seed-article-card{color:#24292e;min-width:0;margin:0;font-size:max(16px,1rem)}.seed-article-card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.seed-article-card h2,.seed-article-card h3{margin:1rem 0 .5rem;font-size:1.2em;font-weight:600;line-height:1.4}.seed-article-card h2 a,.seed-article-card h3 a{color:inherit;line-height:inherit;text-decoration:none}.seed-article-card h2 a:hover,.seed-article-card h3 a:hover{text-underline-offset:.2em;text-decoration:underline}.seed-article-excerpt{margin:.75rem 0 1rem;font-size:.95em;line-height:1.7}.seed-article-more{color:color-mix(in srgb, var(--project-accent,#315f4c) 40%, #111);text-underline-offset:.2em;align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.seed-article-more svg{flex-shrink:0}.seed-project-card{width:100%;margin-bottom:3rem;padding:0 15px}.seed-article-grid>.seed-project-card{width:auto;margin:0;padding:0}.seed-article-search{gap:.5rem;max-width:40rem;margin:2rem 0 3rem;display:flex}.seed-article-search input{color:#24292e;min-width:0;font:inherit;background:#fff;border:1px solid #747c82;border-radius:4px;flex:1;padding:.6rem .8rem}.seed-article-search input::placeholder{color:#596168;opacity:1}.seed-article-search button{color:#24292e;font:inherit;cursor:pointer;background:#f4f5f5;border:1px solid #747c82;border-radius:4px;padding:.6rem .8rem}.seed-article-pagination{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:3rem;display:flex}.seed-article-pagination a,.seed-article-pagination span{color:#24292e;border:1px solid #747c82;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem .75rem;text-decoration:none;display:inline-flex}.seed-article-pagination [aria-current]{color:#fff;background:#24292e}:is(.seed-article-page,.seed-article-collection,.seed-article-card) :is(a,button,input):focus-visible{outline-offset:4px;outline:2px solid}@media (min-width:768px){.seed-project-card{width:50%}}@media (min-width:1200px){.seed-project-card{width:33.3333%}}.seed-article-page-count{align-self:center;margin:0}
