.share-shell--comparison{width:min(1600px,calc(100% - 28px))}
.share-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(270px,.85fr);gap:18px;align-items:start}
.share-result-grid>*{min-width:0;margin:0;overflow-wrap:anywhere}
.share-result-grid h2,.share-single-result h2{font-size:1.2rem;margin:0 0 16px}
.share-result-grid .equipment-view-frame{margin-inline:auto}
.share-result-grid .equipment-view-frame > .item-renderer{height:100%}
.share-result-grid .item-renderer__frame{min-height:100%}
.share-result-grid .equipment-view-frame{min-width:0}
.share-result-grid .recommendation{padding:24px 12px;text-align:center;border:1px solid #684a37;border-radius:12px;background:#261c16}
.share-result-grid #recommendation-headline{font-size:3.4rem;color:#d8ad67;margin:0 0 14px}
.share-result-grid #recommendation-primary{font-size:1.45rem}
.share-result-grid .recommendation--candidate{background:#142a21;border-color:#2a6246}
.share-result-grid .recommendation--current{background:#301a18;border-color:#744039}
.share-result-grid .recommendation--candidate #recommendation-headline{color:#62d28f}
.share-result-grid .recommendation--current #recommendation-headline{color:#ef7268}
.share-result-grid h3{font-size:1rem;margin:22px 0 10px}
.share-result-grid ul{padding-left:18px;color:#baafa2}
.share-result-grid #comparison-delta-list{list-style:none;padding:0}
.share-result-grid .comparison-delta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:7px 0;font-size:.85rem}
.share-result-grid .comparison-delta em{font-style:normal;font-size:.75rem}
.share-result-grid .comparison-delta--increase strong{color:#62d28f}
.share-result-grid .comparison-delta--decrease strong{color:#ef7268}
.share-result-grid .comparison-delta-group{margin-top:15px;font-size:.8rem;color:#d8ad67}
.share-single-result>ol{padding:14px 14px 14px 34px;line-height:1.8;background:#201a15;border-radius:10px}
.share-single-result .share-analysis{margin-bottom:20px}
@media(max-width:900px){.share-result-grid{grid-template-columns:minmax(0,1fr)}.share-shell--comparison{max-width:540px}}
/* Public-page layout only; OG uses its independent capture host. */
@media(min-width:1280px){.share-result-grid{grid-template-columns:repeat(2,calc(var(--d4-comparison-viewport-width) + 34px)) minmax(270px,1fr)}}
@media(min-width:1001px) and (max-width:1279px){.share-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-result-grid>:last-child{grid-column:1/-1}}
@media(max-width:1000px){.share-result-grid{grid-template-columns:minmax(0,1fr)}.share-shell--comparison{max-width:540px}}
@media(min-width:1101px){.share-shell--comparison{width:min(calc(100% - 28px),calc((var(--d4-comparison-viewport-width) + 34px) * 2.85 + 36px))}}
/* D4-445: keep the public comparison near the analysis width, with readable results. */
@media(min-width:1280px){
  .share-shell--comparison{width:min(1246px,calc(100% - 28px))}
  .share-result-grid{grid-template-columns:repeat(2,calc(var(--d4-comparison-viewport-width) + 34px)) minmax(0,1fr);gap:14px}
}
.share-result-grid .comparison-delta{font-size:.95rem;line-height:1.45}
.share-result-grid .comparison-delta em{font-size:.84rem}
.share-result-grid #overall-result{font-size:1rem;line-height:1.5}