/* Lightweight editorial styling: coordinated with MyIndiaSpeedPost's orange theme */
:root { color-scheme: light; }
body.post-page { background:#f8fafc!important; color:#27313b; }
body.post-page main[role="main"]{
  width:calc(100% - 32px);max-width:1180px;margin:22px auto 36px!important;
  border:1px solid #f0d8c7!important;border-radius:22px!important;overflow:clip!important;
  background:#fff;box-shadow:0 10px 30px rgba(112,58,21,.055)!important
}
body.post-page main[role="main"]>div.bg-slate-50{
  background:#fffaf6!important;padding:clamp(12px,2.5vw,28px)!important;
  border-radius:21px!important;overflow:clip!important
}
/* Match blogs.php: article left + sidebar right from SM (640px) upward. */
body.post-page main[role="main"] .post-layout-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;
  align-items:start
}
@media(min-width:640px){
  body.post-page main[role="main"] .post-layout-grid{
    grid-template-columns:minmax(0,1fr) minmax(220px,30%)!important
  }
}
@media(max-width:639px){
  body.post-page main[role="main"] .post-layout-grid{grid-template-columns:minmax(0,1fr)!important}
}
body.post-page main[role="main"] article.bg-white.rounded-2xl{
  padding:clamp(18px,3vw,34px)!important;border:1px solid #f0e2d8!important;
  border-radius:18px!important;box-shadow:0 3px 14px rgba(55,35,20,.025)!important
}
body.post-page main[role="main"] article h1{
  color:#18212e!important;letter-spacing:-.025em;line-height:1.2
}
body.post-page main[role="main"] article .text-slate-500,
body.post-page main[role="main"] article .text-slate-600{color:#687381!important}
body.post-page main[role="main"] article a{transition:color .18s ease,border-color .18s ease,background-color .18s ease}
body.post-page main[role="main"] article a:hover{color:#b94b0b}
body.post-page main[role="main"] article img{height:auto;max-width:100%}
body.post-page main[role="main"] article img.w-full.rounded-2xl{
  border-radius:14px!important;box-shadow:0 5px 16px rgba(31,41,55,.08)!important
}
body.post-page main[role="main"] .article-content{
  color:#303b48;font-size:16px;line-height:1.8;overflow-wrap:anywhere
}
body.post-page main[role="main"] .article-content h2{
  color:#202a36;font-size:clamp(1.35rem,2.5vw,1.7rem);line-height:1.3;
  margin:1.7em 0 .65em;padding-bottom:.45em;border-bottom:1px solid #f2dfd1
}
body.post-page main[role="main"] .article-content h3{
  color:#293544;font-size:clamp(1.12rem,2vw,1.3rem);line-height:1.4;margin:1.4em 0 .5em
}
body.post-page main[role="main"] .article-content p{margin:.8em 0}
body.post-page main[role="main"] .article-content ul,
body.post-page main[role="main"] .article-content ol{padding-left:1.5rem;margin:1em 0}
body.post-page main[role="main"] .article-content li{margin:.35em 0}
body.post-page main[role="main"] .article-content a{color:#b94b0b;text-decoration:underline;text-underline-offset:3px}
body.post-page main[role="main"] .article-content a:hover{color:#8f3605}
body.post-page main[role="main"] .article-content blockquote{
  margin:1.3em 0;padding:14px 18px;border-left:3px solid #e96512;
  background:#fff6ef;border-radius:0 12px 12px 0;color:#4b5563
}
body.post-page main[role="main"] .article-content table{
  width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0;font-size:.94em
}
body.post-page main[role="main"] .article-content th{
  background:#fff0e4;color:#713c20;font-weight:700;text-align:left
}
body.post-page main[role="main"] .article-content th,
body.post-page main[role="main"] .article-content td{
  padding:10px 12px;border-right:1px solid #f0dfd2;border-bottom:1px solid #f0dfd2
}
body.post-page main[role="main"] .article-content tr th:first-child,
body.post-page main[role="main"] .article-content tr td:first-child{border-left:1px solid #f0dfd2}
body.post-page main[role="main"] .article-content tr:first-child th{border-top:1px solid #f0dfd2}
body.post-page main[role="main"] .article-content tr:first-child th:first-child{border-top-left-radius:8px}
body.post-page main[role="main"] .article-content tr:first-child th:last-child{border-top-right-radius:8px}
body.post-page main[role="main"] article section.sp-bg-orange-100{
  background:#fff7ef!important;border-color:#f0d8c7!important
}
body.post-page main[role="main"] article section h2.sp-text-orange-700{color:#a9430b!important}
@media(min-width:640px){
  body.post-page main[role="main"] aside{
    position:-webkit-sticky!important;position:sticky!important;
    top:24px!important;align-self:start!important;
    height:fit-content!important;max-height:none!important;overflow:visible!important;
    z-index:2
  }
  /* Sticky fails when an ancestor creates a scrolling/clipping container. */
  body.post-page main[role="main"]{overflow:clip!important}
  body.post-page main[role="main"]>div.bg-slate-50,
  body.post-page main[role="main"] .post-layout-grid{overflow:visible!important}
}
body.post-page main[role="main"] aside>div{
  border-color:#f0e2d8!important;box-shadow:0 3px 14px rgba(55,35,20,.025)!important
}
body.post-page main[role="main"] aside h4,
body.post-page main[role="main"] aside h3{color:#253142}
body.post-page main[role="main"] aside a{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.post-page main[role="main"] aside a:hover{border-color:#edb58f!important}
body.post-page main[role="main"] aside .sp-bg-orange-100{background:#fff3e8!important}
body.post-page main[role="main"] aside .bg-purple-100,
body.post-page main[role="main"] aside .bg-rose-100,
body.post-page main[role="main"] aside .bg-emerald-100{background:#fff3e8!important;color:#a9430b!important}
body.post-page main[role="main"] section.mt-12.bg-slate-50{
  background:#fffaf6!important;border-color:#f0e2d8!important;box-shadow:none!important
}
body.post-page main[role="main"] .text-yellow-200{color:#8a5a3b!important}
/* Match blogs.php outer shell: clip all content, including the brown footer,
   to the rounded outer corners. overflow:clip does not create a scroll container. */
body.post-page main[role="main"]{
  border-radius:17px!important;
  overflow:clip!important;
}
body.post-page main[role="main"] > :last-child{
  border-bottom-left-radius:17px!important;
  border-bottom-right-radius:17px!important;
}
@media(max-width:639px){
  body.post-page main[role="main"]{width:calc(100% - 16px);margin:12px auto 24px!important;border-radius:17px}
  body.post-page main[role="main"]>div.bg-slate-50{padding:10px!important;border-radius:16px!important;overflow:clip!important}
  body.post-page main[role="main"] article.bg-white.rounded-2xl{padding:17px!important;border-radius:15px!important}
  body.post-page main[role="main"] .article-content{font-size:15.5px;line-height:1.78}
  body.post-page main[role="main"] .article-content table{font-size:13px}
  body.post-page main[role="main"] .article-content th,
  body.post-page main[role="main"] .article-content td{padding:8px}
}
@media(prefers-reduced-motion:reduce){body.post-page main a{transition:none!important}}

/* Extracted from the original inline style attributes; keeps the existing layout behavior. */
.post-overflow-clip { overflow-x: clip !important; }
.post-image-block { display: block !important; }