.journal-shell{width:min(1240px,92vw);margin:auto;padding:9vw 0}
.journal-shell>h1,.seo-preview-shell>h1{font-size:clamp(60px,10vw,130px);line-height:.8;letter-spacing:-.07em}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px;margin-top:70px}
.journal-card{position:relative;min-width:0}
.journal-card-number{font-size:11px;color:#777;letter-spacing:.14em;margin-bottom:10px}
.social-embed{position:relative;display:block;width:100%;aspect-ratio:1;background:#111;overflow:hidden}
.social-embed iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;background:#111}
.social-embed img{display:block;width:100%;height:100%;object-fit:cover;background:#111;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .4s ease}.social-embed:hover img{transform:scale(1.018);filter:contrast(1.04)}
.social-embed span{position:absolute;left:18px;bottom:18px;background:#080808;color:#fff;padding:11px 14px;font-size:10px;letter-spacing:.14em}
.journal-card-copy{display:block;text-decoration:none;border-top:1px solid #333;padding:18px 2px}
.journal-card-copy h2{font-size:clamp(24px,3vw,42px);line-height:.95;letter-spacing:-.045em;margin:9px 0 18px}
.journal-card-copy span{font-size:11px;letter-spacing:.12em;color:#aaa}
.journal-post .social-embed{margin:45px 0;max-width:660px}
.journal-media{display:block;width:100%;margin:24px 0}
.source-line{margin-top:50px}
.seo-preview-shell{width:min(1000px,90vw);margin:auto;padding:9vw 0}
.seo-preview-item{border-top:1px solid #333;padding:42px 0}
.google-preview{background:#fff;color:#202124;border-radius:12px;padding:24px;margin:18px 0;font-family:Arial,sans-serif}
.google-preview span{font-size:13px;color:#202124}
.google-preview h2{font-size:22px;line-height:1.3;font-weight:400;color:#1a0dab;margin:8px 0}
.google-preview p{font-size:14px;line-height:1.5;color:#4d5156;margin:0}
.share-preview{display:grid;grid-template-columns:42% 1fr;background:#171717;border:1px solid #333;margin:18px 0;min-height:220px}
.share-preview iframe{width:100%;height:100%;border:0;pointer-events:none;background:#eee}
.share-preview div{padding:24px;display:flex;flex-direction:column;justify-content:center}
.share-preview small{color:#888;text-transform:uppercase}
.share-preview strong{font-size:25px;margin:10px 0}
.share-preview p{color:#aaa;line-height:1.5;margin:0}
.seo-preview-item>a{font-size:11px;letter-spacing:.12em}
@media(max-width:760px){.journal-grid{grid-template-columns:1fr}.share-preview{grid-template-columns:1fr}.share-preview iframe{height:260px}}