/* /Components/Pages/Blog/Index.razor.rz.scp.css */
.blog-index[b-e2gi23g7a8] { max-width:1200px; margin:0 auto; padding:4rem 1.5rem; }
.blog-index-heading[b-e2gi23g7a8] { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-bottom:3rem; }
.blog-index-heading h1[b-e2gi23g7a8] { font-size:clamp(2.2rem,5vw,3.5rem); font-weight:700; margin-bottom:.7rem; }
.blog-index-heading p[b-e2gi23g7a8], .blog-card-details[b-e2gi23g7a8], .blog-empty p[b-e2gi23g7a8] { color:#c5c5cb; }
.blog-subscribe[b-e2gi23g7a8], .blog-pagination a[b-e2gi23g7a8] { border:1px solid #74483c; border-radius:6px; padding:.7rem 1rem; color:#ffab94; }
.blog-subscribe[b-e2gi23g7a8] { white-space:nowrap; }
.blog-card-grid[b-e2gi23g7a8] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.75rem; }
.blog-card[b-e2gi23g7a8] { background:#1b1b20; border:1px solid #35353d; border-radius:12px; overflow:hidden; overflow-wrap:anywhere; }
.blog-card-link[b-e2gi23g7a8] { color:inherit; display:block; text-decoration:none; }
.blog-card-link:hover h2[b-e2gi23g7a8] { color:#ffab94; }
.blog-card img[b-e2gi23g7a8], .blog-card-placeholder[b-e2gi23g7a8] { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.blog-card-placeholder[b-e2gi23g7a8] { background:linear-gradient(135deg,#43281f,#202028); display:flex; flex-direction:column; justify-content:center; padding:1.5rem; }
.blog-card-placeholder span:first-child[b-e2gi23g7a8] { color:#ff825f; font-size:.8rem; font-weight:700; letter-spacing:.15em; }
.blog-card-placeholder span:last-child[b-e2gi23g7a8] { font-size:1.5rem; margin-top:.6rem; }
.blog-card h2[b-e2gi23g7a8] { font-size:1.4rem; font-weight:650; line-height:1.35; margin:1.25rem 1.25rem .7rem; }
.blog-card-details[b-e2gi23g7a8] { padding:0 1.25rem 1.25rem; font-size:.9rem; }
.blog-card-byline[b-e2gi23g7a8] { margin:.5rem 0 .8rem; }
.blog-card-byline a[b-e2gi23g7a8] { color:#ffab94; }
.blog-card-excerpt[b-e2gi23g7a8] { margin:0; line-height:1.6; }
.blog-pagination[b-e2gi23g7a8] { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-top:3rem; }
.blog-empty[b-e2gi23g7a8] { padding:3rem 0; }
.blog-index a:focus-visible[b-e2gi23g7a8] { outline:2px solid #ff825f; outline-offset:-2px; }
@media(max-width:950px) { .blog-card-grid[b-e2gi23g7a8] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .blog-card-grid[b-e2gi23g7a8] { grid-template-columns:1fr; } .blog-index-heading[b-e2gi23g7a8] { align-items:flex-start; flex-direction:column; } .blog-index[b-e2gi23g7a8] { padding:2.5rem 1rem; } }
/* /Components/Shared/AccountAvatar.razor.rz.scp.css */
.account-avatar[b-ogn43unxph] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--avatar-background);
    color: #fff;
    font-family: inherit;
    font-size: calc(var(--avatar-size) * .42);
    font-weight: 600;
    line-height: 1;
    user-select: none;
}

.account-avatar img[b-ogn43unxph] { width: 100%; height: 100%; object-fit: cover; }
/* /Components/Shared/BlogArticleView.razor.rz.scp.css */
.blog-article[b-ce3h9umm2t] { max-width: 850px; margin: 0 auto; padding: 3rem 1.25rem; overflow-wrap: anywhere; }
.blog-article h1[b-ce3h9umm2t] { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; margin-bottom: 1rem; }
.blog-meta[b-ce3h9umm2t] { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem 2rem; margin: 1.5rem 0; padding-bottom: 1.25rem; border-bottom: 1px solid #ffffff18; }
.blog-byline[b-ce3h9umm2t] { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: .6rem .75rem; }
.blog-byline-label[b-ce3h9umm2t] { color: #b9b9c5; font-size: .9rem; white-space: nowrap; }
.blog-date[b-ce3h9umm2t] { color: #b9b9c5; font-size: .875rem; white-space: nowrap; }
.blog-authors[b-ce3h9umm2t] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .75rem 1.25rem; list-style: none; padding: 0; margin: 0; }
.blog-byline-author[b-ce3h9umm2t] { max-width: 14rem; }
.blog-author-profile[b-ce3h9umm2t], .blog-author-credit[b-ce3h9umm2t] { display: flex; flex-direction: row; align-items: center; gap: .5rem; text-align: left; }
.blog-author-profile[b-ce3h9umm2t] { color: #ffab94; }
.blog-author-profile .blog-author-name[b-ce3h9umm2t] { text-decoration: underline; text-underline-offset: .2em; }
.blog-author-profile:hover[b-ce3h9umm2t] { color: #ffd1c4; }
.blog-author-profile:hover .blog-author-name[b-ce3h9umm2t] { text-decoration-thickness: 2px; }
.blog-author-profile:focus-visible[b-ce3h9umm2t] { outline: 2px solid #ff825f; outline-offset: 5px; border-radius: 4px; }
.blog-author-name[b-ce3h9umm2t] { line-height: 1.4; font-size: .9rem; font-weight: 500; }
.blog-author-profile > span:first-child[b-ce3h9umm2t], .blog-author-credit > span:first-child[b-ce3h9umm2t] { display: flex; }
@media (max-width:600px) { .blog-meta[b-ce3h9umm2t] { flex-direction: column-reverse; align-items: flex-start; gap: 1rem; } }
.blog-thumbnail[b-ce3h9umm2t] { width: 100%; max-height: 480px; object-fit: contain; margin-bottom: 2rem; }
.blog-content[b-ce3h9umm2t] { font-size: 1.1rem; line-height: 1.75; }
.blog-content[b-ce3h9umm2t]  p, .blog-content[b-ce3h9umm2t]  ul, .blog-content[b-ce3h9umm2t]  ol { margin: 0 0 1.25rem; }
.blog-content[b-ce3h9umm2t]  ul, .blog-content[b-ce3h9umm2t]  ol { padding-left: 2rem; }
.blog-content[b-ce3h9umm2t]  h1, .blog-content[b-ce3h9umm2t]  h2, .blog-content[b-ce3h9umm2t]  h3, .blog-content[b-ce3h9umm2t]  h4 { margin: 1.75rem 0 .75rem; line-height: 1.3; }
.blog-content[b-ce3h9umm2t]  h1 { font-size: clamp(2rem, 5vw, 3rem); }
.blog-content[b-ce3h9umm2t]  img, .blog-content[b-ce3h9umm2t]  video, .blog-content[b-ce3h9umm2t]  iframe { max-width: 100% !important; }
.blog-content[b-ce3h9umm2t]  img, .blog-content[b-ce3h9umm2t]  video { height: auto; }
.blog-content[b-ce3h9umm2t]  iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.blog-content[b-ce3h9umm2t]  pre { padding: 1rem; overflow-x: auto; background: #151515; border-radius: .5rem; }
.blog-content[b-ce3h9umm2t]  blockquote { border-left: 3px solid #e34242; padding-left: 1rem; margin: 1rem 0; }
.blog-content[b-ce3h9umm2t]  table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.blog-content[b-ce3h9umm2t]  td, .blog-content[b-ce3h9umm2t]  th { border: 1px solid #666; padding: .5rem; }
.blog-content[b-ce3h9umm2t]  figcaption { font-size: .9rem; opacity: .85; text-align: center; }
.blog-content[b-ce3h9umm2t]  .blog-align-center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.blog-content[b-ce3h9umm2t]  .blog-align-right { display: block; margin-left: auto; text-align: right; }
.blog-content[b-ce3h9umm2t]  .blog-align-left { display: block; margin-right: auto; text-align: left; }
.blog-content[b-ce3h9umm2t]  .blog-media-wide { width: 100%; }