/* Local proposal: original diagrams; existing URLs and article data retained. */
.hub-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:44px;padding-bottom:44px}
.hero-copy h1{font-size:clamp(32px,4vw,51px);line-height:1.4}.hero-copy p{font-size:15px}.hero-copy .primary{margin-right:8px}.hero-art{margin:0;background:#f5eedf;border-radius:22px;overflow:hidden}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{padding:0 22px 20px;font-size:14px;font-weight:700;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.hero-art small{font-size:10px;font-weight:400;color:#536361}
.article-directory{padding-top:22px;padding-bottom:28px}.article-cards article{padding:0 0 22px;overflow:hidden;border:1px solid #d5ded5;transition:box-shadow .15s}.article-cards article:hover{box-shadow:0 5px 18px #183b4910}.article-cards article>p,.article-cards article>h3{margin-left:22px;margin-right:22px}.article-cards article>.eyebrow{margin-top:20px;margin-bottom:10px}.article-cards article>p:last-child{font-size:13px}.article-art{display:block;position:relative;background:#f3f0e8}.article-art img{display:block;width:100%;height:auto}.article-art span{position:absolute;bottom:8px;right:10px;font-size:9px;color:#536361;background:#ffffffd9;padding:3px 6px;border-radius:3px}.article-cards h3 a{text-decoration:none}.article-cards h3 a:hover{text-decoration:underline}.article-directory h2{font-size:26px}
@media(max-width:800px){.hub-hero{gap:22px;grid-template-columns:1fr}.hero-copy h1{font-size:38px}.hero-art{max-width:540px;width:100%;justify-self:center}.hero-art img{max-height:270px;object-fit:contain}.hero-copy p{font-size:14px}.hero-copy .primary{display:inline-flex;margin-bottom:10px}.article-directory h2{font-size:23px}}
@media(max-width:440px){main{padding:0 12px}.hub-hero,.article-directory{padding-left:6px;padding-right:6px}.hub-hero{padding-top:28px;padding-bottom:28px;gap:16px}.hero-copy h1{font-size:32px}.hero-copy p br{display:none}.hero-art img{max-height:220px}.hero-art figcaption{padding:0 15px 14px;font-size:12px}.article-cards{gap:18px}.article-art img{max-height:180px;object-fit:contain}.site-header{align-items:flex-start;gap:15px;flex-direction:column}.site-header nav{gap:14px}}