/* RankOptim — Shared Blog Article Styles */
:root{--gold:#C9A96E;--gold-pale:rgba(201,169,110,0.12);--gold-border:rgba(201,169,110,0.25);--dark:#0A0A0A;--dark-2:#111111;--dark-3:#191919;--dark-card:#141414;--text:#E8E2D9;--text-muted:rgba(232,226,217,0.55);--font-serif:'Cormorant Garamond',Georgia,serif;--font-sans:'DM Sans',system-ui,sans-serif;--radius:4px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--dark);color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;}
.container{max-width:1240px;margin:0 auto;padding:0 24px;}
.breadcrumb{padding:100px 0 0;background:var(--dark);}
.bc{display:flex;align-items:center;gap:8px;font-size:0.8rem;color:var(--text-muted);flex-wrap:wrap;}
.bc a{color:var(--text-muted);text-decoration:none;transition:0.2s;}.bc a:hover{color:var(--gold);}.bc-sep{color:var(--gold-border);}
.article-wrap{max-width:1240px;margin:0 auto;padding:48px 24px 100px;display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:start;}
.article-cat{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:18px;}
.article-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);color:#fff;font-weight:400;line-height:1.18;margin-bottom:10px;}
.article-subtitle{font-family:var(--font-serif);font-size:1.15rem;color:var(--text-muted);font-style:italic;margin-bottom:24px;}
.article-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--gold-border);margin-bottom:36px;}
.meta-author{display:flex;align-items:center;gap:8px;}
.meta-avatar{width:36px;height:36px;border-radius:50%;background:var(--gold-pale);border:1px solid var(--gold-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:0.9rem;color:var(--gold);flex-shrink:0;}
.meta-name{font-size:0.82rem;color:#fff;font-weight:500;}.meta-date{font-size:0.78rem;color:var(--text-muted);}.meta-read{font-size:0.78rem;color:var(--gold);font-weight:600;}
.article-img{width:100%;aspect-ratio:16/7;border-radius:8px;margin-bottom:40px;overflow:hidden;background:var(--dark-3);border:1px solid var(--gold-border);}
.article-img img{width:100%;height:100%;object-fit:cover;display:block;}
.article-img-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.article-body{font-size:1rem;color:var(--text-muted);line-height:1.88;}
.article-body h2{font-family:var(--font-serif);font-size:1.75rem;color:#fff;font-weight:400;margin:44px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--gold-border);}
.article-body h3{font-family:var(--font-serif);font-size:1.3rem;color:#fff;font-weight:400;margin:32px 0 12px;}
.article-body p{margin-bottom:20px;}.article-body ul,.article-body ol{padding-left:22px;margin-bottom:20px;}.article-body li{margin-bottom:10px;}
.article-body strong{color:var(--text);font-weight:600;}
.callout{border-left:3px solid var(--gold);background:var(--gold-pale);padding:18px 22px;margin:28px 0;border-radius:0 6px 6px 0;}
.callout-label{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.callout p{font-size:0.9rem;color:var(--text);margin:0;line-height:1.7;}
.callout--tip{border-color:#22c55e;background:rgba(34,197,94,0.06);}.callout--tip .callout-label{color:#22c55e;}
.callout--warn{border-color:#f97316;background:rgba(249,115,22,0.06);}.callout--warn .callout-label{color:#f97316;}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;}
.stat-box{background:var(--dark-card);border:1px solid var(--gold-border);border-radius:6px;padding:18px;text-align:center;}
.stat-val{font-family:var(--font-serif);font-size:2rem;color:var(--gold);display:block;line-height:1;margin-bottom:6px;}
.stat-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;}
.numbered-list{display:flex;flex-direction:column;gap:18px;margin:28px 0;}
.num-item{display:flex;gap:16px;align-items:flex-start;background:var(--dark-card);border:1px solid var(--gold-border);border-radius:8px;padding:18px;}
.num-badge{font-family:var(--font-serif);font-size:1.5rem;color:var(--gold);opacity:0.5;flex-shrink:0;line-height:1;min-width:28px;}
.num-title{font-size:0.95rem;color:#fff;font-weight:600;margin-bottom:4px;}
.num-desc{font-size:0.85rem;color:var(--text-muted);line-height:1.65;}
.article-footer{margin-top:48px;padding-top:28px;border-top:1px solid var(--gold-border);}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.tag{font-size:11px;color:var(--text-muted);background:var(--dark-card);border:1px solid var(--gold-border);padding:5px 14px;border-radius:100px;}
.share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}.share-label{font-size:12px;color:var(--text-muted);font-weight:500;}
.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--dark-card);border:1px solid var(--gold-border);border-radius:4px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:0.2s;text-decoration:none;}
.share-btn:hover{border-color:var(--gold);color:var(--gold);}
.author-box{background:var(--dark-card);border:1px solid var(--gold-border);border-radius:8px;padding:24px;margin-top:36px;display:flex;gap:18px;align-items:flex-start;}
.author-avatar{width:56px;height:56px;border-radius:50%;background:var(--gold-pale);border:2px solid var(--gold-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.4rem;color:var(--gold);flex-shrink:0;}
.author-name{font-size:0.95rem;color:#fff;font-weight:600;margin-bottom:2px;}.author-role{font-size:0.72rem;color:var(--gold);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.08em;}
.author-bio{font-size:0.85rem;color:var(--text-muted);line-height:1.7;}
.sidebar{position:sticky;top:100px;}
.sidebar-box{background:var(--dark-card);border:1px solid var(--gold-border);border-radius:8px;padding:22px;margin-bottom:18px;}
.sidebar-box h4{font-family:var(--font-serif);font-size:1rem;color:#fff;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--gold-border);font-weight:400;}
.toc-link{display:block;font-size:0.82rem;color:var(--text-muted);text-decoration:none;padding:7px 0;border-bottom:1px solid rgba(201,169,110,0.07);transition:0.2s;}
.toc-link:last-child{border-bottom:none;}.toc-link:hover{color:var(--gold);padding-left:4px;}
.sidebar-cta{background:var(--gold-pale);border:1px solid var(--gold-border);border-radius:8px;padding:22px;text-align:center;}
.sidebar-cta h4{font-family:var(--font-serif);font-size:1.1rem;color:#fff;margin-bottom:8px;font-weight:400;}
.sidebar-cta p{font-size:0.82rem;color:var(--text-muted);margin-bottom:16px;line-height:1.6;}
.sidebar-cta a{display:block;background:linear-gradient(135deg,var(--gold),#A8823C);color:#0A0A0A;font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:11px;border-radius:4px;text-decoration:none;}
.related-section{background:var(--dark-2);padding:70px 0;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
.related-card{background:var(--dark-card);border:1px solid var(--gold-border);border-radius:8px;overflow:hidden;transition:0.3s;text-decoration:none;}
.related-card:hover{border-color:var(--gold);transform:translateY(-3px);}
.related-thumb{width:100%;aspect-ratio:16/9;background:var(--dark-3);display:flex;align-items:center;justify-content:center;opacity:0.4;}
.related-body{padding:16px;}.related-cat-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:3px 9px;border-radius:100px;margin-bottom:8px;display:inline-block;}
.related-title{font-family:var(--font-serif);font-size:1rem;color:#fff;line-height:1.35;margin-bottom:6px;font-weight:400;}
.related-card:hover .related-title{color:var(--gold);}.related-meta{font-size:0.72rem;color:var(--text-muted);}
.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--gold);font-size:12px;font-weight:600;letter-spacing:0.06em;padding:10px 22px;border:1px solid var(--gold-border);border-radius:var(--radius);text-decoration:none;transition:0.2s;text-transform:uppercase;}
.btn-outline:hover{background:var(--gold-pale);}
@media(max-width:1024px){.article-wrap{grid-template-columns:1fr;}.sidebar{display:none;}.related-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.related-grid{grid-template-columns:1fr;}.stat-row{grid-template-columns:1fr;}}