/* Phase 7: page-specific styles extracted from blog-details.php for maintainability. */

/* Original style block 1 */
@keyframes spin { to { transform: rotate(360deg); } }
.nexus-article-cover { position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 24px; border: 1px solid rgba(69,248,130,0.2); }
.nexus-article-cover img { width: 100%; max-height: 420px; object-fit: cover; display: block; }
.nexus-article-category { position: absolute; top: 16px; left: 16px; background: #45F882; color: #0B0E13; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 14px; border-radius: 20px; }
.nexus-article-meta { display: flex; gap: 20px; color: rgba(255,255,255,0.5); font-size: 14px; margin-bottom: 12px; }
.nexus-article-title { color: #fff; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: clamp(26px, 4vw, 40px); margin-bottom: 12px; }
.nexus-article-excerpt { color: #45F882; font-size: 17px; font-weight: 500; margin-bottom: 20px; }
.nexus-article-content { color: rgba(255,255,255,0.75); font-size: 16px; line-height: 1.9; }
.nexus-article-content p { margin-bottom: 16px; }
.nexus-article-content strong { color: #fff; }
.nexus-article-content h2 { color: #fff; font-family: 'Rajdhani', sans-serif; font-size: 27px; font-weight: 700; margin: 38px 0 14px; padding-bottom: 8px; border-bottom: 1px solid rgba(69,248,130,0.2); }
.nexus-article-content h2 .text-theme, .nexus-article-content h3 .text-theme { color: #45F882; }
.nexus-article-content h3 { color: #eaf0ff; font-family: 'Rajdhani', sans-serif; font-size: 21px; font-weight: 700; margin: 26px 0 10px; }
.nexus-article-content ul, .nexus-article-content ol { margin: 0 0 18px; padding-left: 22px; }
.nexus-article-content li { margin-bottom: 8px; }
.nexus-article-content a { color: #45F882; text-decoration: underline; }
.nexus-article-content img { max-width: 100%; height: auto; border-radius: 14px; margin: 18px 0; border: 1px solid rgba(255,255,255,0.08); }
.nexus-article-content blockquote { margin: 20px 0; padding: 14px 18px; border-left: 3px solid #45F882; background: rgba(69,248,130,0.06); border-radius: 0 10px 10px 0; color: rgba(255,255,255,0.85); font-style: italic; }
.nexus-article-content .nx-callout { margin: 20px 0; padding: 16px 18px; border: 1px solid rgba(255,190,24,0.35); background: rgba(255,190,24,0.07); border-radius: 12px; color: rgba(255,255,255,0.82); }
.nexus-article-content .nx-callout strong { color: #FFBE18; }
.nexus-article-content table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14.5px; }
.nexus-article-content th, .nexus-article-content td { text-align: left; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,0.09); }
.nexus-article-content th { color: #45F882; text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em; }
.nexus-article-content .nx-figcap { color: rgba(255,255,255,0.4); font-size: 13px; text-align: center; margin: -8px 0 20px; }
.nexus-article-share { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08); }
.share-row { display: flex; gap: 10px; }
.share-btn { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.15); background: rgba(0,0,0,0.35); color: #fff; font-size: 18px; cursor: pointer; transition: 0.25s; }
.share-btn:hover { transform: translateY(-3px); }
.share-btn.wa:hover { background: #25D366; border-color: #25D366; }
.share-btn.fb:hover { background: #1877F2; border-color: #1877F2; }
.share-btn.x:hover { background: #111; border-color: #555; }
.share-btn.tg:hover { background: #229ED9; border-color: #229ED9; }
.nexus-related-card { background: rgba(69,248,130,0.04); border: 1px solid rgba(69,248,130,0.15); border-radius: 16px; overflow: hidden; height: 100%; transition: 0.3s; display: block; }
.nexus-related-card:hover { border-color: rgba(69,248,130,0.5); transform: translateY(-4px); }
.nexus-related-card img { width: 100%; height: 140px; object-fit: cover; display: block; }
.nexus-related-card .body { padding: 16px; }
.nexus-related-card .date { color: rgba(255,255,255,0.4); font-size: 12px; margin-bottom: 6px; }
.nexus-related-card h5 { color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; margin: 0; }


/* V16: admin-authored inline styles are sanitized; restore safe rank/media presentation with classes. */
.nexus-article-content .nx-rank-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:center;margin:24px 0;padding:18px 20px;border:1px solid rgba(69,248,130,.15);border-radius:15px;background:rgba(69,248,130,.035)}
.nexus-article-content img.nx-rank-icon{display:block;width:96px!important;height:96px!important;max-width:96px!important;margin:0 auto!important;object-fit:contain!important;border:0!important;background:transparent!important}
.nexus-article-content img.nx-article-media{display:block;max-width:min(100%,760px)!important;max-height:560px;margin:24px auto!important;object-fit:contain;background:#090e14}
@media(max-width:640px){.nexus-article-content .nx-rank-row{grid-template-columns:74px minmax(0,1fr);gap:14px;padding:14px}.nexus-article-content img.nx-rank-icon{width:70px!important;height:70px!important;max-width:70px!important}}

/* V19 editorial metadata and source registry presentation. */
.nexus-article-meta{flex-wrap:wrap;align-items:center}
.nexus-patch-badge{color:#45F882;border:1px solid rgba(69,248,130,.25);background:rgba(69,248,130,.06);padding:3px 9px;border-radius:999px}
.nexus-article-sources{margin-top:34px;padding:22px;border:1px solid rgba(69,248,130,.18);border-radius:14px;background:rgba(7,18,21,.55)}
.nexus-article-sources h2{font-size:24px;margin-bottom:14px}
.nexus-article-sources ol{margin:0;padding-inline-start:22px;display:grid;gap:10px}
.nexus-article-sources a{color:#45F882;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.nexus-article-meta{gap:10px 14px}.nexus-article-sources{padding:18px}}


/* V20 Phase 3: deterministic entity-to-pillar internal links. */
.nexus-article-content a.nx-entity-link{color:#5bffa1;text-decoration:none;font-weight:700;border-bottom:1px dashed rgba(69,248,130,.55);background:rgba(69,248,130,.055);padding:0 2px;border-radius:3px;transition:color .18s ease,background .18s ease,border-color .18s ease}
.nexus-article-content a.nx-entity-link:hover,.nexus-article-content a.nx-entity-link:focus-visible{color:#fff;background:rgba(69,248,130,.16);border-bottom-color:#45F882;outline:none}
.nexus-article-content a.nx-entity-link[data-entity-type="champion"]::after{content:" ↗";font-size:.72em;opacity:.6}

/* V22 — verified media, entity context and restrained commerce. */
.nexus-entity-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.nexus-entity-chip{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid rgba(69,248,130,.22);border-radius:999px;background:rgba(69,248,130,.055);color:#bfffd7;font-size:12px;font-weight:700}.nexus-media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}.nexus-media-gallery figure{margin:0;border:1px solid rgba(255,255,255,.09);background:#090e14;border-radius:14px;overflow:hidden}.nexus-media-gallery img{width:100%;height:auto;display:block;object-fit:contain}.nexus-media-gallery figcaption{padding:9px 12px;color:#8692a2;font-size:12px}.nexus-video-section{margin:34px 0}.nexus-video-section h2{font-family:'Rajdhani',sans-serif;color:#fff}.nexus-video-shell{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;border:1px solid rgba(69,248,130,.18);background:#05080d;margin:14px 0}.nexus-video-load{position:absolute;inset:0;width:100%;border:0;background-size:cover;background-position:center;cursor:pointer;color:#fff}.nexus-video-load:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.08) 60%)}.nexus-video-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#45F882;color:#08100b;box-shadow:0 0 35px rgba(69,248,130,.28)}.nexus-video-title{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;text-align:left;font-weight:800;font-family:'Rajdhani',sans-serif;font-size:18px}.nexus-video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.nexus-contextual-cta{margin:34px 0;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(69,248,130,.25);border-radius:16px;background:linear-gradient(135deg,rgba(69,248,130,.075),rgba(9,14,20,.86))}.nexus-contextual-cta h2{margin:4px 0 2px;color:#fff;font-size:22px}.nexus-contextual-cta p{margin:0;color:#9ca7b7}.nexus-cta-label{color:#45F882;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:10px}.nexus-correction{margin-top:26px;color:#8190a0;font-size:13px}.nexus-correction a{color:#45F882;text-decoration:underline;text-underline-offset:3px}.nexus-contextual-cta .th-btn{white-space:nowrap}
@media(max-width:700px){.nexus-media-gallery{grid-template-columns:1fr}.nexus-contextual-cta{align-items:flex-start;flex-direction:column}.nexus-contextual-cta .th-btn{width:100%;text-align:center}.nexus-video-play{width:52px;height:52px}.nexus-video-title{font-size:15px}}


/* V27 — concise transparency note for AI-assisted editorial content. */
.nexus-editorial-note{display:flex;align-items:flex-start;gap:11px;margin:22px 0;padding:13px 14px;border:1px solid rgba(69,248,130,.16);border-radius:12px;background:rgba(69,248,130,.045);color:rgba(255,255,255,.6);font-size:11.5px;line-height:1.6}.nexus-editorial-note>i{margin-top:2px;color:#45f882;font-size:17px}.nexus-editorial-note strong,.nexus-editorial-note span{display:block}.nexus-editorial-note strong{margin-bottom:2px;color:#fff;font:700 13px/1.2 Rajdhani,Poppins,sans-serif}.nexus-editorial-note a{color:#45f882;text-decoration:underline;text-underline-offset:2px}

/* V31 — full-width related guide shelf and stable article media geometry. */
.nexus-article-cover{aspect-ratio:16/9;background:#081016}.nexus-article-cover img{width:100%;height:100%;max-height:none;object-fit:cover}
.nexus-related-section{width:min(1180px,calc(100% - 32px));margin:58px auto 10px;padding-top:32px;border-top:1px solid rgba(69,248,130,.14)}
.nexus-related-head{display:flex;align-items:end;gap:12px 22px;flex-wrap:wrap;margin-bottom:20px}.nexus-related-head>span{width:100%;color:#45f882;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}.nexus-related-head h2{margin:0;color:#fff;font:700 clamp(28px,3vw,38px)/1.05 Rajdhani,Poppins,sans-serif}.nexus-related-head h2 b{color:#45f882}.nexus-related-head p{margin:0 0 2px;color:#8996a7;font-size:13px}
.nexus-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nexus-related-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(160deg,rgba(69,248,130,.055),rgba(10,15,22,.94));border-color:rgba(69,248,130,.16);text-decoration:none}.nexus-related-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#071019}.nexus-related-body{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px 18px 19px;min-height:132px}.nexus-related-body small{color:#45f882;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em}.nexus-related-body strong{color:#f5f7f8;font:700 18px/1.3 Rajdhani,Poppins,sans-serif}.nexus-related-body em{margin-top:auto;color:#9ba7b5;font-size:12px;font-style:normal;font-weight:700}.nexus-related-card:hover .nexus-related-body em{color:#45f882}
@media(max-width:820px){.nexus-related-grid{grid-template-columns:1fr}.nexus-related-section{width:min(100% - 24px,680px);margin-top:42px}.nexus-related-card{display:grid;grid-template-columns:145px minmax(0,1fr)}.nexus-related-card img{height:100%;aspect-ratio:auto;min-height:140px}.nexus-related-body{min-height:140px;padding:15px}.nexus-related-head{align-items:flex-start;flex-direction:column}.nexus-related-head p{max-width:520px}}
@media(max-width:480px){.nexus-related-card{grid-template-columns:116px minmax(0,1fr)}.nexus-related-body strong{font-size:16px}}