.prime-blog-page { color: var(--prime-color-text, #1f2937); }
.prime-blog-page #content { min-width: 0; }
.prime-blog-title { margin: 0 0 24px; font-size: clamp(26px, 3vw, 38px); font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.prime-blog-intro { margin-bottom: 24px; }
.prime-blog-categories { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
.prime-blog-page .prime-blog-category, .prime-blog-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--prime-color-border, #d1d5db); border-radius: 6px; background: var(--blog-category-bg, var(--prime-color-background, #fff)); color: var(--blog-category-text, var(--prime-color-text, #1f2937)); font: inherit; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; cursor: pointer; }
.prime-blog-page .prime-blog-category:hover, .prime-blog-button:hover { border-color: var(--prime-color-button-primary, #E66100); text-decoration: none; }
.prime-blog-page .prime-blog-category.is-active { border-color: transparent; background: var(--blog-category-active-bg, var(--prime-color-button-primary, #E66100)); color: var(--blog-category-active-text, var(--prime-color-button-primary-text, #fff)); }
.prime-blog-page a:focus-visible, .prime-blog-page button:focus-visible, .prime-blog-page input:focus-visible { outline: 2px solid var(--prime-color-button-primary, #E66100); outline-offset: 3px; }
.prime-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
.prime-blog-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.prime-blog-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.prime-blog-card { min-width: 0; }
.prime-blog-card-media { display: flex; justify-content: center; align-items: center; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 8px; background: var(--prime-color-background, #f8fafc); }
.prime-blog-card-media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.prime-blog-card-body { padding-top: 16px; }
.prime-blog-meta { font-size: 13px; line-height: 1.5; color: var(--prime-color-text-muted, #626b77); }
.prime-blog-card-title { margin: 8px 0 10px; font-size: 21px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.prime-blog-card-title a { color: inherit; text-decoration: none; }
.prime-blog-card-title a:hover { text-decoration: underline; }
.prime-blog-card p { margin: 0; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.prime-blog-empty { padding: 32px 0; font-size: 17px; }
.prime-blog-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin: 32px 0; }
.prime-blog-pagination p { margin: 0; color: var(--prime-color-text-muted, #626b77); }
.prime-blog-page .prime-blog-article { margin: 0 0 48px; }
.prime-blog-article-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: -8px 0 24px; }
.prime-blog-original { display: block; max-width: 100%; height: auto; margin: 0 auto 32px; border-radius: 8px; }
.prime-blog-prose { font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
.prime-blog-prose p { margin: 0 0 20px; }
.prime-blog-prose h2, .prime-blog-prose h3 { margin-top: 32px; line-height: 1.3; }
.prime-blog-prose img, .prime-blog-prose iframe, .prime-blog-prose video { max-width: 100%; }
.prime-blog-prose img { height: auto; }
.prime-blog-prose table { display: block; max-width: 100%; overflow-x: auto; }
.prime-blog-prose pre { max-width: 100%; overflow-x: auto; }
.prime-blog-prose ul, .prime-blog-prose ol { padding-left: 24px; }
.prime-blog-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 24px 0; margin-top: 24px; border-top: 1px solid var(--prime-color-border, #d1d5db); }
.prime-blog-share-url { min-width: 0; flex: 1 1 200px; max-width: 100%; padding: 10px; border: 1px solid var(--prime-color-border, #d1d5db); border-radius: 6px; font-size: 14px; }
.prime-blog-share-status { flex-basis: 100%; font-size: 14px; }
.prime-blog-share [hidden] { display: none; }
.prime-blog-back { display: inline-block; padding: 10px 0; }
.prime-blog-related { margin: 0 0 40px; }
.prime-blog-section-title { margin: 0 0 24px; font-size: 26px; font-weight: 600; }
@media (max-width: 991px) { .prime-blog-grid, .prime-blog-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .prime-blog-grid, .prime-blog-grid--2, .prime-blog-grid--4 { grid-template-columns: minmax(0, 1fr); gap: 28px; } .prime-blog-prose { font-size: 16px; } .prime-blog-categories { margin-bottom: 24px; } }
.prime-blog-page .prime-blog-comments{margin:40px 0;color:var(--color-text,#222)}
.prime-blog-page .prime-blog-comment{padding:20px 0;border-bottom:1px solid var(--color-border,#e5e5e5)}
.prime-blog-page .prime-blog-comment-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;overflow-wrap:anywhere}
.prime-blog-page .prime-blog-comment-meta time{color:var(--color-text-secondary,#666);font-size:13px}
.prime-blog-page .prime-blog-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;line-height:1.65}
.prime-blog-page .prime-blog-comment-actions{display:flex;flex-wrap:wrap;gap:8px}
.prime-blog-page .prime-blog-replies{margin:12px 0 0 20px;padding-left:16px;border-left:2px solid var(--color-border,#e5e5e5)}
.prime-blog-page .prime-blog-comment-form{margin-top:24px}
.prime-blog-page .prime-blog-comment-field{display:flex;flex-direction:column;gap:6px;margin:16px 0}
.prime-blog-page .prime-blog-comment-field label{font-weight:600}
.prime-blog-page .prime-blog-comment-field input,.prime-blog-page .prime-blog-comment-field textarea{width:100%;max-width:100%;min-height:44px;padding:10px 12px;font:inherit;color:inherit;background:var(--color-background,#fff);border:1px solid var(--color-border,#ccc);border-radius:var(--radius-md,6px)}
.prime-blog-page .prime-blog-comment-field textarea{resize:vertical}
.prime-blog-page .prime-blog-comment-error{color:var(--color-danger,#b42318);font-size:14px}
.prime-blog-page [aria-invalid=true]{border-color:var(--color-danger,#b42318)}
.prime-blog-page .prime-blog-comment-form fieldset{min-width:0;margin:20px 0}
.prime-blog-page .prime-blog-comment-form fieldset .form-group{display:flow-root}
.prime-blog-page .prime-blog-reply-target{padding:12px 0}
.prime-blog-page .prime-blog-button:disabled{opacity:.6;cursor:wait}
.prime-blog-page .prime-blog-comments [hidden]{display:none!important}
@media(max-width:575px){.prime-blog-page .prime-blog-replies{margin-left:4px;padding-left:12px}}
.prime-blog-page .prime-blog-comments{font-size:16px;line-height:1.6;scroll-margin-top:130px}