/* Neighbour navigation and related cards: scoped to the single article. */
.sol-postnav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--sol-line); border-radius:20px; margin:28px 0 44px; padding:20px 0; background:linear-gradient(125deg,var(--sol-article-glass),color-mix(in srgb,var(--sol-text) 3%,var(--sol-surface))); backdrop-filter:blur(18px); }
.sol-postnav__item { display:grid; grid-template-columns:16px 64px minmax(0,1fr); gap:16px; align-items:center; min-width:0; padding:0 24px; color:var(--sol-text)!important; text-decoration:none; }
.sol-postnav__item--next { grid-column:2; grid-template-columns:minmax(0,1fr) 64px 16px; text-align:end; border-inline-start:1px solid var(--sol-line); }
.sol-postnav__item--next:only-child { border:0; grid-column:1 / -1; }
.sol-postnav__item--prev:only-child { grid-column:1 / -1; }
.sol-postnav__item--next .sol-postnav__arrow { grid-column:3; grid-row:1; }
.sol-postnav__item--next .sol-postnav__image { grid-column:2; grid-row:1; }
.sol-postnav__item--next .sol-postnav__text { grid-column:1; grid-row:1; }
.sol-postnav__arrow { font-size:30px; font-weight:300; color:var(--sol-text); }
.sol-postnav__image { display:grid; place-items:center; width:64px; height:64px; background:var(--sol-surface-alt); border-radius:10px; overflow:hidden; color:var(--sol-gold-text); }
.sol-postnav__image img { width:100%; height:100%; object-fit:cover; }
.sol-postnav__label { display:block; margin-bottom:6px; font:500 .65rem/1.5 var(--sol-font-sans); text-transform:uppercase; color:var(--sol-muted); letter-spacing:.06em; }
.sol-postnav__title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--sol-text); font:500 1rem/1.45 var(--sol-font-serif); }
.sol-postnav__item:hover .sol-postnav__title,.sol-postnav__item:hover .sol-postnav__arrow { color:var(--sol-gold-text); }
.sol-related { margin:0 0 38px; }
.sol-related__head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.sol-related__eyebrow { margin:0 0 7px; color:var(--sol-gold-text)!important; font:600 .7rem/1.5 var(--sol-font-sans); letter-spacing:.1em; text-transform:uppercase; }
.sol-related__eyebrow::before { content:'✦ '; }
.sol-related .sol-related__title { margin:0; color:var(--sol-text)!important; font:500 clamp(2rem,4vw,3.5rem)/1.1 var(--sol-font-serif); letter-spacing:-.035em; }
.sol-related__title span { color:var(--sol-gold-text); }
.sol-related__controls { display:flex; gap:10px; }
.sol-related__controls[hidden] { display:none; }
.sol-related__controls button { width:42px; height:42px; border:1px solid var(--sol-gold-text); border-radius:50%; background:var(--sol-surface); color:var(--sol-gold-text); font:400 28px/1 var(--sol-font-sans); cursor:pointer; }
.sol-related__controls button:disabled { opacity:.4; border-color:var(--sol-line); cursor:default; }
.sol-related__grid { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 36px) / 3); gap:18px; overflow-x:auto; padding:2px 2px 14px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:var(--sol-line) transparent; }
.sol-insight { position:relative; min-width:0; display:flex; flex-direction:column; scroll-snap-align:start; overflow:hidden; border:1px solid var(--sol-line); border-radius:20px; background:linear-gradient(145deg,var(--sol-article-glass) 60%,color-mix(in srgb,var(--sol-accent) 7%,var(--sol-surface))); backdrop-filter:blur(16px); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sol-text) 8%,transparent),0 12px 30px -25px var(--sol-shadow); transition:border-color .2s,transform .2s; }
.sol-insight:hover { border-color:var(--sol-gold-text); transform:translateY(-2px); }
.sol-insight__visual { position:relative; aspect-ratio:16/10; overflow:hidden; }
.sol-insight__visual > a { display:block; height:100%; }
.sol-insight__visual img { display:block; width:100%; height:100%; object-fit:cover; }
.sol-insight__placeholder { display:grid; place-items:center; height:100%; font-size:4rem; color:var(--sol-gold-text); background:radial-gradient(circle,var(--sol-surface-alt),var(--sol-bg)); }
.sol-insight__category { position:absolute; top:12px; left:12px; z-index:2; }
.sol-insight__category a { display:inline-block; padding:5px 13px; border:1px solid #bf9224; border-radius:999px; background:#111c; color:#ffd257!important; text-decoration:none; font:600 .6rem/1.5 var(--sol-font-sans); text-transform:uppercase; backdrop-filter:blur(8px); }
.sol-insight__body { flex:1; display:flex; flex-direction:column; padding:20px; gap:12px; }
.sol-insight__body h3 { margin:0; font:500 clamp(1.125rem,1.6vw,1.4rem)/1.3 var(--sol-font-serif); }
.sol-insight__body h3 a { color:var(--sol-text)!important; text-decoration:none; }
.sol-insight__body h3 a::after { content:''; position:absolute; inset:0; }
.sol-insight__excerpt { margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:var(--sol-muted)!important; font-size:.875rem; line-height:1.7; }
.sol-insight__foot { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:18px; color:var(--sol-muted); font-size:.65rem; }
.sol-insight__foot > span:not(.sol-insight__arrow)::before { content:'·'; margin-inline-end:8px; }
.sol-insight__arrow { display:grid; place-items:center; flex:none; width:32px; height:32px; border:1px solid var(--sol-gold-text); border-radius:50%; color:var(--sol-gold-text); margin-inline-start:auto; font-size:22px; }
@media(max-width:900px) { .sol-related__grid { grid-auto-columns:calc((100% - 18px)/2); } .sol-postnav__item { gap:10px; padding-inline:16px; grid-template-columns:12px 48px minmax(0,1fr); } .sol-postnav__item--next { grid-template-columns:minmax(0,1fr) 48px 12px; } .sol-postnav__image { width:48px; height:56px; } }
@media(max-width:600px) { .sol-postnav { grid-template-columns:1fr; padding:0; gap:0; } .sol-postnav__item { padding:18px; } .sol-postnav__item--next { grid-column:1; border-inline-start:0; border-top:1px solid var(--sol-line); } .sol-related__grid { grid-auto-columns:88%; } .sol-related__controls button { width:36px; height:36px; } }
@media(prefers-reduced-motion:reduce) { .sol-insight { transition:none; } .sol-insight:hover { transform:none; } }