.blog-header{display:flex;justify-content:space-between;align-items:center;padding:24px max(20px,calc((100% - 1100px)/2));border-bottom:1px solid #dfcbd0;gap:20px}.blog-header nav{display:flex;gap:20px}.blog-main{max-width:1100px;margin:auto;padding:56px 24px}.blog-main h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.55;overflow-wrap:anywhere;margin:12px 0 28px}.blog-main h2{font-size:1.25rem;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0}.blog-card{background:#fff;border:1px solid #e6d3d9;border-radius:16px;overflow:hidden}.blog-card a{display:block;height:100%;text-decoration:none}.blog-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.blog-card div{padding:22px}.blog-card .blog-card-meta{display:flex;padding:0}.blog-card time,.blog-date{color:#76565f;font-size:.9rem}.blog-meta,.blog-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.blog-category{display:inline-flex;align-items:center;width:max-content;padding:4px 10px;border-radius:999px;background:#ecdce1;color:#6f3949;font-size:.82rem;text-decoration:none}.blog-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.blog-category-nav a{padding:8px 14px;border:1px solid #d9bec7;border-radius:999px;text-decoration:none;background:#fff}.blog-category-nav a[aria-current=page]{background:#8f4b5e;color:#fff;border-color:#8f4b5e}.blog-category-nav small{font-size:.8em}.blog-filter-title{margin:26px 0 4px}.blog-cover{width:100%;max-height:620px;object-fit:contain;margin:20px 0;background:#efe5e6}.blog-body{white-space:normal;overflow-wrap:anywhere;font-size:1.0625rem;line-height:2;max-width:780px;margin:30px auto}.blog-invite{margin-top:60px;padding:28px;background:#ecdce1;border-radius:16px}.blog-footer{padding:32px 24px;text-align:center;border-top:1px solid #dfcbd0}.blog-editor{background:white;padding:28px;border:1px solid #dec8d0;border-radius:16px;max-width:820px;margin:30px 0}.blog-editor label{display:block;margin:18px 0;font-weight:600}.blog-editor input:not([type=checkbox]),.blog-editor textarea,.blog-editor select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #aa919a;border-radius:6px;background:#fff;margin-top:8px}.blog-editor textarea{resize:vertical}.blog-alert{background:#ffe8e8;color:#89222b;padding:16px}.blog-success{background:#e7f0e8;padding:16px}.blog-admin-list p{padding:16px 0;border-bottom:1px solid #ddcbd0;overflow-wrap:anywhere}.blog-admin-list span{font-size:.875rem;background:#ecdce1;padding:4px 8px}.blog-admin-list small{display:block;margin:7px 0 0;color:#76565f}.blog-stats{margin:46px 0}.blog-stats-note{color:#76565f}.blog-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-stat-card{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid #dfcbd0;border-radius:12px;background:#fff}.blog-stat-card span{font-size:1.25rem;color:#8f4b5e}.blog-stat-card small{color:#76565f}.blog-logout{text-align:right}.blog-pages{display:flex;justify-content:space-between}.blog-empty{padding:44px 20px;background:#ecdce1;margin:30px 0;border-radius:12px}@media(max-width:720px){.blog-grid,.blog-stat-grid{grid-template-columns:1fr}.blog-main{padding:36px 20px}.blog-editor{padding:18px}.blog-header{padding:20px}.blog-header nav{gap:12px;font-size:.9rem}}

/* Blog upgrade: scoped typography, author and contact links */
.blog-body .blog-inline-image {margin:1.8em 0;max-width:100%;}
.blog-body .blog-inline-image img {display:block;width:auto;max-width:100%;height:auto;margin:0 auto;border-radius:12px;}
.blog-image-panel {padding:20px;margin:12px 0;background:#f8f1f3;border:1px solid #d8bcc6;border-radius:12px;}
.blog-image-panel[hidden] {display:none;}
.blog-image-panel h3 {margin-top:0;font-size:1.15rem;}
#blog-image-message {font-size:14px;color:#563a43;line-height:1.7;}
.blog-body {overflow-wrap:anywhere;}
.blog-body h2 {font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.6;margin:2.2em 0 .8em;padding-bottom:.5em;border-bottom:2px solid #e9d9df;}
.blog-body h3 {font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.6;margin:1.8em 0 .6em;}
.blog-body p {margin:0 0 1.4em;}
.blog-body a,.blog-author a,.blog-related a {color:#804b5a;text-decoration:underline;text-underline-offset:.2em;}
.blog-author,.blog-related {margin:2.5rem 0;padding:1.5rem;border:1px solid #e2d0d7;border-radius:16px;}
.blog-author h2,.blog-related h2 {font-size:1.25rem;}
.blog-author-layout {display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:start;margin-top:20px;}
.blog-author .blog-author-photo {display:block;width:128px;max-width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:12px;}
.blog-author-copy {min-width:0;overflow-wrap:anywhere;}
.blog-author-copy p:first-child {margin-top:0;}
.blog-author-name strong {display:block;font-size:1.2rem;}
.blog-author-name span {display:block;font-size:.9rem;color:#76565f;margin-top:4px;}
@media(max-width:600px){.blog-author-layout{grid-template-columns:88px minmax(0,1fr);gap:16px;}.blog-author .blog-author-photo{width:88px;}.blog-author-copy>p:not(.blog-author-name),.blog-author-copy>a{font-size:.95rem;}.blog-author-name strong{font-size:1.1rem;}}
@media(max-width:380px){.blog-author-layout{grid-template-columns:1fr;}.blog-author .blog-author-photo{width:100px;}}
.blog-related li {margin:.8rem 0;}
.blog-invite-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;}
.blog-invite-actions .button {display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;box-sizing:border-box;margin:0;padding:14px 10px;text-align:center;font-size:15px;line-height:1.5;text-decoration:none;}
.blog-invite .button.blog-line-button {background:#06c755;color:#fff;border-color:#06c755;}
.blog-invite .button.blog-instagram-button {background:linear-gradient(135deg,#833ab4,#e1306c,#f77737);color:#fff;border:0;}
.blog-toolbar {display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 10px;}
.blog-toolbar button {font:inherit;font-size:14px;padding:10px 12px;border:1px solid #b68d9b;border-radius:6px;background:#fff;color:#563a43;cursor:pointer;}
.blog-toolbar button:disabled {opacity:.5;}
#blog-preview {padding:24px;border:2px solid #b68d9b;border-radius:12px;margin:24px 0;}
.blog-editor input,.blog-editor textarea,.blog-editor select {font:inherit;box-sizing:border-box;max-width:100%;}
@media(max-width:760px){.blog-invite-actions{grid-template-columns:1fr;}.blog-invite-actions .button{font-size:16px;}.blog-invite,.blog-author,.blog-related{padding:24px 20px;}.blog-main h1{font-size:clamp(1.5rem,5.5vw,2rem);overflow-wrap:anywhere;}}
