.main-grid {display:grid;grid-template-columns:1fr 300px;gap:40px;margin-top:32px;margin-bottom:64px;}
.breadcrumbs {margin-top:20px;}
.breadcrumbs .active {color:var(--primary);}
.badge-inline {display:inline-block;background:#e8edea;color:var(--primary);padding:4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:12px;}
.article-title {font-family:var(--font-display);font-size:40px;line-height:1.15;margin:0 0 16px 0;color:var(--primary);}
.meta-bar {display:flex;align-items:center;gap:12px;font-size:13px;color:var(--on-surface-variant);margin-bottom:24px;}
.author-info {display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:color 0.2s ease;}
.author-info:hover {color:var(--primary);}
.author-img-sm {width:28px;height:28px;border-radius:50%;object-fit:cover;}
.hero-figure {margin:0 0 32px 0;}
.hero-img {width:100%;height:auto;max-height: 420px; display:block;}
.caption {font-size:13px;color:var(--on-surface-variant);margin-top:8px;font-style:italic;}
.social-share {display:flex;align-items:center;gap:10px;padding:16px 0;border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);margin-bottom:15px;}
.share-btn {background:none;border:1px solid var(--outline-variant);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}
.share-btn:hover {border-color:var(--primary);background-color:var(--surface-container);}
.share-btn svg {width:16px;height:16px;fill:var(--on-surface);}
.copy-link-btn {display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--outline-variant);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}
.copy-link-btn:hover {border-color:var(--primary);background-color:var(--surface-container);}
.content-body p {font-size:17px;line-height:1.6;margin-bottom:20px;color:var(--on-surface-variant);}
.content-body h2 {font-family:var(--font-display);font-size:28px;margin:32px 0 16px 0;color:var(--primary);}
.quote-box {font-family:var(--font-display);font-size:22px;font-style:italic;padding-left:24px;border-left:4px solid var(--primary);margin:32px 0;color:var(--primary);}
.author-card {background:var(--surface-container-low);padding:24px;display:flex;gap:20px;margin-top:25px;}
.author-img-lg {width:100px;height:100px;border-radius:50%;object-fit:cover;}
.author-details h3 {font-family:var(--font-display);font-size:20px;margin:0 0 4px 0;display:flex;align-items:center;gap:8px;}
.author-role {font-size:13px;font-weight:600;text-transform:uppercase;color:var(--primary);margin-bottom:8px;}
.author-bio-text {font-size:15px;color:var(--on-surface-variant);margin-bottom:12px;}
.author-links {display:flex;gap:16px;}
.author-links a {font-size:13px;font-weight:700;color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s ease;}
.author-links a:hover {border-bottom-color:var(--primary);}
.comments-section {margin-top:25px;}
.form-title {font-family:var(--font-display);font-size:28px;margin-bottom:24px;}
.comment-form {display:flex;flex-direction:column;gap:16px;}
.form-row {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.input-group {display:flex;flex-direction:column;gap:6px;}
.input-group label {font-size:11px;font-weight:700;text-transform:uppercase;}
.input-group input,.input-group textarea {padding:10px;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);font-family:inherit;font-size:14px;transition:border-color 0.2s ease;}
.input-group input:focus,.input-group textarea:focus {outline:none;border-color:var(--primary);}
.btn-post {background:var(--primary);color:white;border:none;padding:14px 28px;font-weight:700;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;transition:background-color 0.2s ease,transform 0.1s ease;}
.btn-post:hover {background-color:#1a4234;}
.btn-post:active {transform:translateY(1px);}
.success-msg {margin-top:16px;color:#2e7d32;font-weight:600;padding:12px;background:#e8f5e9;border-radius:4px;display:none;animation:fadeIn 0.3s ease;}
@keyframes fadeIn {from {opacity:0;transform:translateY(-10px);}
to {opacity:1;transform:translateY(0);}
;}
.sidebar-sticky {position:sticky;top:40px;}
.widget-title {font-family:var(--font-display);font-size:20px;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid var(--primary);}
.recommended-list {display:flex;flex-direction:column;gap:20px;}
.rec-item {display:flex;gap:12px;text-decoration:none;color:inherit;transition:opacity 0.2s ease;}
.rec-item:hover {opacity:0.7;}
.rec-img {width:72px;height:72px;object-fit:cover;}
.rec-cat {font-size:9px;font-weight:700;text-transform:uppercase;color:var(--primary);margin-bottom:2px;}
.rec-item h5 {font-family:var(--font-display);font-size:15px;margin:0;line-height:1.3;}
@media (max-width:900px) {.main-grid {grid-template-columns:1fr;gap:30px;}
.sidebar-sticky {position:relative;top:0;}
;}
@media (max-width:768px) {.article-title {font-size:32px;}
.form-row {grid-template-columns:1fr;}
;}