.resona-blog-hero{padding-top:44px;padding-bottom:44px}.resona-blog-hero h1{font-size:clamp(36px,5vw,64px);max-width:880px;margin:12px 0 20px}.resona-blog-hero>p:not(.page-label){color:var(--rsn-text-secondary);font-size:18px;max-width:640px}.resona-blog-list{padding-bottom:72px}.resona-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.resona-blog-card{border:1px solid var(--rsn-border);border-radius:16px;background:var(--rsn-surface);overflow:hidden;display:flex;flex-direction:column}.resona-blog-card>div{padding:24px;display:flex;flex-direction:column;flex:1}.resona-blog-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.resona-blog-card h2{font-size:24px;line-height:1.3;margin:12px 0}.resona-blog-card h2 a{color:var(--rsn-text);text-decoration:none}.resona-blog-card p{color:var(--rsn-text-secondary)}.blog-read-link{margin-top:auto;padding-top:16px;color:var(--rsn-link);font-weight:600}.blog-meta{font:12px/1.5 var(--rsn-font-mono);color:var(--rsn-text-muted)}
.resona-article{padding-top:32px;padding-bottom:80px}.resona-article header,.resona-article .article-body,.resona-article>footer{max-width:760px;margin-inline:auto}.resona-article h1{font-size:clamp(36px,5vw,56px);line-height:1.13;margin:20px 0}.article-lead{font-size:20px;color:var(--rsn-text-secondary);line-height:1.7}.article-cover{display:block;width:min(100%,1040px);height:auto;max-height:620px;object-fit:cover;margin:40px auto;border-radius:16px}.article-body{padding-block:28px;overflow-wrap:anywhere;font-size:17px;line-height:1.85;color:var(--rsn-text)}.article-body h2{font-size:30px;margin:40px 0 16px}.article-body h3{font-size:23px;margin:28px 0 12px}.article-body p{white-space:pre-line;margin:0 0 24px}.article-body li{margin:8px 0}.article-body a{color:var(--rsn-link);text-decoration:underline;text-underline-offset:3px}.article-body pre{max-width:100%;overflow:auto;padding:20px;border:1px solid var(--rsn-border);border-radius:10px;background:var(--rsn-surface);white-space:pre;font-size:13px}.article-body code{font-family:var(--rsn-font-mono);font-size:.88em}.blog-draft-notice{padding:16px 20px;border:1px solid var(--rsn-border-control);background:var(--rsn-brand-subtle);border-radius:10px;margin:0 0 24px}.blog-manager-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;padding-bottom:80px}.blog-manager-list{display:flex;flex-direction:column;align-self:start;gap:8px}.blog-manager-list>a:not(.public-button){display:flex;flex-direction:column;padding:14px;border:1px solid var(--rsn-border);border-radius:8px;color:var(--rsn-text);text-decoration:none}.blog-manager-list a[aria-current]{border-color:var(--rsn-brand)!important;background:var(--rsn-brand-subtle)}.blog-manager-list small{color:var(--rsn-text-secondary)}.blog-editor-form{min-width:0;padding:28px;border:1px solid var(--rsn-border);border-radius:16px;background:var(--rsn-surface)}.blog-editor-form>label{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:14px;font-weight:600}.blog-editor-form input,.blog-editor-form select,.blog-editor-form textarea{width:100%;padding:12px}.blog-editor-form small{font-weight:400;color:var(--rsn-text-secondary)}.blog-editor-form .blog-body-editor{font-family:var(--rsn-font-mono);font-size:14px!important;line-height:1.7}.blog-editor-form .blog-publish-check{flex-direction:row;align-items:center;gap:12px}.blog-publish-check input{width:20px;height:20px;accent-color:var(--rsn-brand)}.blog-editor-form details{padding:16px;border:1px solid var(--rsn-border);border-radius:8px;font-size:14px}.blog-editor-form summary{cursor:pointer}.blog-inline-preview{margin-top:24px}
@media(max-width:1000px){.resona-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-manager-grid{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:700px){.resona-blog-grid,.blog-manager-grid{grid-template-columns:1fr}.blog-editor-form{padding:18px}.blog-manager-list{max-height:240px;overflow:auto}.resona-blog-hero{padding-block:28px}.article-body{font-size:16px}.resona-blog-card>div{padding:20px}}

.resona-blog-card img[src*="/assets/brand/banners/"],.article-cover[src*="/assets/brand/banners/"]{object-fit:contain;background:var(--rsn-bg)}