/* Society blog: shared branding, isolated styles, no changes to existing pages. */
.society-blog {position:relative;z-index:2;color:#fff;padding:72px 24px 0;}
.blog-container {width:100%;max-width:1120px;margin:0 auto;}
.blog-hero {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:64px;align-items:center;padding:58px 0 76px;}
.blog-eyebrow {display:flex;align-items:center;gap:12px;color:#77d9e1;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;}
.blog-eyebrow:before {content:"";width:28px;height:1px;background:#77d9e1;}
.blog-hero h1 {font-size:clamp(38px,4.8vw,64px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;}
.blog-hero h1 span {color:#77d9e1;}
.blog-lead {max-width:630px;color:#dbe7ec;font-size:18px;line-height:1.75;margin:0 0 30px;}
.blog-topics {display:flex;gap:9px;flex-wrap:wrap;}
.blog-topic {padding:7px 12px;border:1px solid rgba(110,206,220,.25);border-radius:100px;color:#c8e4e9;font-size:12px;line-height:1.5;background:rgba(7,44,55,.35);}
.blog-art {position:relative;aspect-ratio:1;max-width:365px;width:100%;justify-self:center;display:grid;place-items:center;}
.blog-art:before,.blog-art:after {content:"";position:absolute;border:1px solid rgba(110,206,220,.22);border-radius:50%;inset:3%;}
.blog-art:after {inset:16%;border-style:dashed;border-color:rgba(110,206,220,.14);}
.blog-art-core {position:relative;width:66%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(21,111,141,.5),rgba(7,44,55,.12) 65%,transparent 70%);}
.blog-art-core img {width:92%;height:auto;filter:drop-shadow(0 0 18px rgba(119,217,225,.16));}
.blog-art-node {position:absolute;width:50px;height:50px;background:#0b2533;border:1px solid rgba(110,206,220,.45);border-radius:16px;display:grid;place-items:center;color:#77d9e1;box-shadow:0 6px 28px rgba(0,0,0,.2);}
.blog-art-node svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.blog-art-node:nth-of-type(2) {top:8%;right:13%;}
.blog-art-node:nth-of-type(3) {bottom:13%;right:7%;}
.blog-art-node:nth-of-type(4) {bottom:23%;left:1%;}
.blog-feed {padding:0 0 64px;}
.blog-feed-heading {display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:0 0 24px;border-bottom:1px solid rgba(110,206,220,.2);margin-bottom:30px;}
.blog-feed-heading h2 {font-size:30px;line-height:1.25;margin:0;letter-spacing:-.02em;}
.blog-feed-heading p {font-size:14px;color:#b8cdd5;margin:0;}
.blog-empty {display:flex;gap:30px;align-items:center;padding:44px;border:1px solid rgba(110,206,220,.25);border-radius:24px;background:linear-gradient(115deg,rgba(12,35,47,.92),rgba(5,16,28,.94));}
.blog-empty-icon {display:grid;place-items:center;flex:0 0 78px;height:78px;background:rgba(71,197,211,.09);border:1px solid rgba(110,206,220,.2);border-radius:22px;color:#77d9e1;}
.blog-empty-icon svg {width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.blog-empty h3 {font-size:25px;line-height:1.3;margin:0 0 12px;letter-spacing:0;}
.blog-empty p {font-size:16px;line-height:1.75;color:#c8dbe3;max-width:670px;margin:0;}
.blog-contact {display:flex;gap:40px;justify-content:space-between;align-items:center;margin:0 0 35px;padding:36px 0;border-top:1px solid rgba(110,206,220,.2);}
.blog-contact h2 {font-size:25px;line-height:1.3;letter-spacing:0;margin:0 0 10px;}
.blog-contact p {color:#b8cdd5;font-size:16px;line-height:1.7;margin:0;max-width:650px;}
.blog-contact .seo-link-button {flex-shrink:0;}
.blog-post-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.blog-post-card {display:block;overflow:hidden;border:1px solid rgba(110,206,220,.25);border-radius:22px;background:rgba(12,35,47,.92);color:#fff;text-decoration:none;transition:border-color .2s,transform .2s;}
.blog-post-card:hover {border-color:#77d9e1;transform:translateY(-3px);}
.blog-post-card img {width:100%;aspect-ratio:16/9;object-fit:cover;}
.blog-post-card-copy {padding:24px;}
.blog-post-card h3 {font-size:22px;line-height:1.35;margin:13px 0;letter-spacing:0;}
.blog-post-card p {font-size:15px;line-height:1.7;color:#c8dbe3;margin:0 0 20px;}
.blog-post-meta {font-size:12px;line-height:1.6;color:#77d9e1;display:flex;gap:12px;flex-wrap:wrap;}
.blog-post-more {color:#77d9e1;font-size:14px;font-weight:600;}
.society-blog a:focus-visible {outline:3px solid #77d9e1;outline-offset:5px;}
.blog-article {max-width:850px;margin:0 auto;padding:55px 0 70px;}
.blog-back {display:inline-block;color:#77d9e1;font-size:14px;margin:0 0 30px;text-underline-offset:4px;}
.blog-article h1 {font-size:clamp(32px,4.4vw,54px);line-height:1.17;letter-spacing:-.025em;margin:20px 0 24px;}
.blog-article .blog-lead {max-width:none;}
.blog-article figure {margin:34px 0;}
.blog-article figure img {width:100%;border-radius:22px;aspect-ratio:16/9;object-fit:cover;}
.blog-article figcaption {font-size:13px;line-height:1.6;color:#b8cdd5;margin-top:12px;}
.blog-article-content {max-width:760px;margin:0 auto;font-size:18px;line-height:1.8;color:#dbe7ec;}
.blog-article-content h2 {color:#fff;font-size:29px;line-height:1.3;letter-spacing:0;margin:38px 0 18px;}
.blog-article-content h3 {color:#fff;font-size:23px;line-height:1.4;letter-spacing:0;margin:30px 0 15px;}
.blog-article-content p {margin:0 0 22px;}
.blog-article-content ul,.blog-article-content ol {padding-left:25px;margin-bottom:24px;}
.blog-article-content li {padding-left:5px;margin-bottom:9px;}
.blog-article-content a,.blog-sources a {color:#77d9e1;text-underline-offset:4px;overflow-wrap:anywhere;}
.blog-sources {max-width:760px;margin:38px auto 0;padding-top:24px;border-top:1px solid rgba(110,206,220,.2);color:#b8cdd5;font-size:14px;line-height:1.8;}
.blog-sources h2 {font-size:20px;letter-spacing:0;}
.blog-preview-note {max-width:850px;margin:0 auto;border:1px solid rgba(110,206,220,.35);border-radius:14px;background:#0b2533;padding:15px 20px;font-size:14px;color:#c8e4e9;}
@media(max-width:991px) {.society-blog{padding-top:28px;}.blog-hero{gap:28px;padding:45px 0 58px;}.blog-art{max-width:280px;}.blog-hero h1{font-size:46px;}.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:767px) {.society-blog{padding:20px 20px 0;}.blog-hero{grid-template-columns:1fr;gap:25px;padding:35px 0 45px;}.blog-hero h1{font-size:38px;}.blog-lead{font-size:16px;}.blog-art{max-width:235px;}.blog-eyebrow{margin-bottom:20px;}.blog-feed-heading{display:block;}.blog-feed-heading h2{font-size:27px;margin-bottom:10px;}.blog-empty{padding:28px 24px;align-items:flex-start;flex-direction:column;gap:22px;}.blog-empty-icon{flex:none;width:64px;height:64px;}.blog-empty h3{font-size:23px;}.blog-contact{flex-direction:column;align-items:stretch;gap:23px;margin-bottom:0;}.blog-post-grid{grid-template-columns:1fr;}.blog-feed{padding-bottom:40px;}.blog-article{padding-top:30px;}.blog-article-content{font-size:16px;}.blog-article-content h2{font-size:25px;}.blog-article figure img{border-radius:16px;}}
@media(prefers-reduced-motion:reduce) {.blog-post-card{transition:none;}}
