/* Theme content me ul/p float karte hain — flow-root + clear zaroori. float:left yahan nahi:
   float ke saath margin:auto kaam nahi karta, chauda container (>980px) me block left chipak jata tha. */
.sa-related{display:flow-root;clear:both;max-width:980px;margin:40px auto 0;padding-top:40px;border-top:1px solid rgba(160,71,29,.2);text-align:center;}
/* Theme h3 par font-size !important hai, isliye yahan bhi. */
.sa-related__head{float:none!important;width:auto!important;margin:0 0 20px!important;font-size:18px!important;line-height:1.4!important;font-weight:800}
.sa-related__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;float:none!important;clear:both;width:100%}
.sa-related__chips a{display:inline-block;padding:5px 12px;border:1px solid rgba(160,71,29,.22);border-radius:999px;background:rgba(255,248,238,.75);font-size:13.5px;font-weight:700;line-height:1.55;text-decoration:none}
.sa-related__chips a:hover{border-color:rgba(160,71,29,.5);background:#fff1e3}
html.theme-dark .sa-related{border-top-color:var(--dm-sf-15,rgba(231,99,28,.15))}
html.theme-dark .sa-related__chips a{border-color:var(--dm-sf-15,rgba(231,99,28,.15));background:var(--dm-nav-55,rgba(24,34,52,.55));color:var(--dm-saffron-primary,#e39053)}
html.theme-dark .sa-related__chips a:hover{border-color:var(--dm-sf-40,rgba(231,99,28,.4));background:var(--dm-sf-15,rgba(231,99,28,.15))}