/* Article detail only. Blog and homepage cards keep their existing layout. */
body .dpib-root.dpib-article{--ink:#fff;padding:0 30px;box-sizing:border-box}
.dpib-root.dpib-article .shell{width:100%;max-width:1000px;margin-inline:auto}
body .dpib-root.dpib-article .dpib-reading{max-width:1000px}
.dpib-root.dpib-article .related-posts{width:100%;max-width:1000px;margin-inline:auto}
.dpib-article .dpib-article-author{color:#d1ccdc}
.dpib-article .dpib-article-author>span{color:#fff;font-weight:600}
body .dpib-root.dpib-article .article-cover{position:relative;width:100%;max-width:800px;height:auto;min-height:0;max-height:450px;aspect-ratio:auto;display:block;overflow:hidden;border:0}
body .dpib-root.dpib-article .article-body{color:#fff;max-width:none}
body .dpib-root.dpib-article .article-body :where(p,li,blockquote,figcaption,td,th,dt,dd,pre,code):not(.has-text-color){color:inherit}
.dpib-article .dpib-related-carousel{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:20px}
.dpib-article .dpib-related-carousel.dpib-carousel-ready{grid-template-columns:56px minmax(0,1fr) 56px}
body .dpib-root .dpib-carousel-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 14px;min-width:0;align-items:stretch}
.dpib-article .dpib-carousel-track::-webkit-scrollbar{display:none}
.dpib-article .dpib-carousel-track>.story-card{scroll-snap-align:start;scroll-snap-stop:normal}
.dpib-article .dpib-carousel-track .story-copy h3{overflow-wrap:anywhere}
.dpib-article .dpib-carousel-arrow{display:none}
body .dpib-root .dpib-carousel-ready .dpib-carousel-arrow{display:grid;place-items:center;width:56px;height:56px;padding:0;margin:0;border:1px solid #ffffff29;border-radius:50%;background:#303030;color:#fff;cursor:pointer;box-shadow:none;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease;touch-action:manipulation}
.dpib-article .dpib-carousel-arrow svg{width:32px;height:32px;flex-shrink:0}
.dpib-article .dpib-carousel-arrow:disabled{opacity:.3;cursor:default}
.dpib-article .dpib-carousel-arrow:focus-visible,.dpib-article .dpib-carousel-track:focus-visible{outline:2px solid #b37cff;outline-offset:5px}
@media(hover:hover) and (pointer:fine){body .dpib-root .dpib-carousel-arrow:not(:disabled):hover{background:#494057;border-color:#b37cff88;box-shadow:0 0 24px #7c8cff24}}
@media(max-width:1100px){
  body .dpib-root.dpib-article{padding-inline:30px}
  .dpib-article .dpib-related-carousel{gap:12px}
  .dpib-article .dpib-related-carousel.dpib-carousel-ready{grid-template-columns:48px minmax(0,1fr) 48px}
  body .dpib-root .dpib-carousel-ready .dpib-carousel-arrow{width:48px;height:48px}
  body .dpib-root .dpib-carousel-track{grid-auto-columns:calc((100% - 24px)/2)}
}
@media(max-width:760px){
  body .dpib-root.dpib-article{padding-inline:30px}
  .dpib-article .dpib-related-carousel{position:relative;gap:0}
  .dpib-article .dpib-related-carousel.dpib-carousel-ready{grid-template-columns:minmax(0,1fr)}
  body .dpib-root .dpib-carousel-ready .dpib-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px}
  .dpib-article .dpib-carousel-arrow[data-carousel-prev]{left:-30px}
  .dpib-article .dpib-carousel-arrow[data-carousel-next]{right:-30px}
  .dpib-article .dpib-carousel-arrow svg{width:30px;height:30px}
  body .dpib-root .dpib-carousel-track{grid-auto-columns:100%;gap:20px}
  body .dpib-root.dpib-article .article-cover{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.dpib-article .dpib-carousel-arrow{transition:none}}