/* ========================================================================== 
   WEBSODI MODERN UI v6.0
   Strong visual refresh for homepage/archive, article, sidebar and header.
   Presentation only: no URL, content, schema, canonical or index logic changes.
   ========================================================================== */

:root{
  --ws-orange:#f58220;
  --ws-orange-dark:#c95f0a;
  --ws-ink:#17202a;
  --ws-text:#38424d;
  --ws-muted:#7a838d;
  --ws-line:#e6e9ed;
  --ws-soft:#f6f7f9;
  --ws-card:#fff;
  --ws-radius:14px;
  --ws-shadow:0 10px 32px rgba(27,39,51,.08);
}

html,body{background:#f3f5f7!important;background-image:none!important;}
body{
  color:var(--ws-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before,body:after{background-image:none!important;}

/* ---- Wider, calmer desktop frame ---- */
@media (min-width:1100px){
  .container{width:1180px!important;}
  #wrapper.boxed #theme-header,
  #wrapper.boxed .breaking-news,
  #wrapper.boxed #main-content{width:1180px!important;box-sizing:border-box!important;}
  #wrapper.boxed #main-content{padding:30px!important;}
  #wrapper.boxed-all{width:1180px!important;}
  #wrapper.boxed-all #main-content{width:1120px!important;}
  #wrapper.boxed-all #footer-widget-area,
  #wrapper.boxed-all .footer-bottom .container{width:1120px!important;}
  #wrapper.wide-layout .header-content,
  #wrapper.wide-layout .breaking-news,
  #wrapper.wide-layout .container,
  #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block{width:1180px!important;}
  .content{width:780px!important;}
  #sidebar{width:310px!important;}
}

/* ---- Header / navigation ---- */
#theme-header{
  margin-top:18px!important;
  margin-bottom:18px!important;
  border-top:0!important;
  border-radius:14px 14px 0 0!important;
  box-shadow:0 8px 30px rgba(25,35,45,.07)!important;
  overflow:hidden!important;
}
.top-nav{height:36px!important;background:#fff!important;border-bottom:1px solid #eef0f2!important;}
.top-menu a{color:#68717b!important;line-height:36px!important;}
.header-content{padding-top:14px!important;padding-bottom:14px!important;}
.logo{padding-top:0!important;padding-bottom:0!important;}
#main-nav,#main-nav-uber{
  background:#20252a!important;
  border-bottom:3px solid var(--ws-orange)!important;
  box-shadow:none!important;
}
#main-nav .main-menu > li > a,
#main-nav-uber .main-menu > li > a{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-weight:650!important;
  letter-spacing:.005em!important;
  padding-left:17px!important;
  padding-right:17px!important;
}
#main-nav .main-menu > li.current-menu-item > a,
#main-nav .main-menu > li.current-menu-parent > a,
#main-nav .main-menu > li > a:hover{background:var(--ws-orange)!important;color:#fff!important;}

#main-content{
  margin-top:0!important;
  margin-bottom:28px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#crumbs{
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  color:var(--ws-muted)!important;
  font-size:12px!important;
}

/* ---- Homepage / archive: real cards rather than old rows ---- */
/* Static front pages using Sahifa's Blog template do not always carry .home/.blog
   body classes, so target the listing itself. Single posts do not use archive-box. */
.post-listing.archive-box{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.post-listing.archive-box article.item-list,
.post-listing.archive-box .item-list{
  float:none!important;
  clear:none!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0 0 18px!important;
  background:var(--ws-card)!important;
  border:1px solid var(--ws-line)!important;
  border-bottom:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius)!important;
  box-shadow:0 6px 22px rgba(27,39,51,.055)!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  box-sizing:border-box!important;
}
.post-listing.archive-box article.item-list:hover,
.post-listing.archive-box .item-list:hover{
  transform:translateY(-3px)!important;
  border-color:#d8dde3!important;
  box-shadow:var(--ws-shadow)!important;
}
/* Lead story: full-width, more editorial presence */
.post-listing.archive-box article.item-list:first-child,
.post-listing.archive-box .item-list:first-child{
  grid-column:1 / -1!important;
}
.post-listing.archive-box article.item-list:first-child .post-thumbnail img,
.post-listing.archive-box .item-list:first-child .post-thumbnail img{
  height:280px!important;
}
.post-listing.archive-box article.item-list:first-child h2.post-box-title,
.post-listing.archive-box .item-list:first-child h2.post-box-title{
  font-size:24px!important;
  padding-top:2px!important;
}
.post-listing.archive-box .post-thumbnail{
  order:1!important;
  float:none!important;
  clear:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 16px!important;
  padding:0!important;
  background:#e9edf1!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.post-listing.archive-box .post-thumbnail a{display:block!important;width:100%!important;}
.post-listing.archive-box .post-thumbnail img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:205px!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  transition:transform .25s ease,opacity .25s ease!important;
}
.post-listing.archive-box .item-list:hover .post-thumbnail img{transform:scale(1.025)!important;}
.post-listing.archive-box .overlay-icon{display:none!important;}
.post-listing.archive-box h2.post-box-title{
  order:2!important;
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0 18px 8px!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:760!important;
  line-height:1.32!important;
  letter-spacing:-.018em!important;
}
.post-listing.archive-box h2.post-box-title a{color:var(--ws-ink)!important;text-decoration:none!important;}
.post-listing.archive-box h2.post-box-title a:hover{color:var(--ws-orange-dark)!important;text-decoration:none!important;}
.post-listing.archive-box p.post-meta{
  order:3!important;
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0 18px 10px!important;
  color:#9098a1!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.post-listing.archive-box .entry{
  order:4!important;
  float:none!important;
  clear:none!important;
  width:auto!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  padding:0 18px!important;
  color:#59626c!important;
  font-size:13.5px!important;
  line-height:1.62!important;
}
.post-listing.archive-box .entry p{margin:0 0 15px!important;line-height:1.62!important;}
.post-listing.archive-box .entry .more-link{
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  padding:0 14px!important;
  background:#fff5eb!important;
  border:1px solid #ffd9b7!important;
  border-radius:8px!important;
  color:#b65008!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.post-listing.archive-box .entry .more-link:hover{background:var(--ws-orange)!important;border-color:var(--ws-orange)!important;color:#fff!important;text-decoration:none!important;}
.post-listing.archive-box .item-list > .clear{order:9!important;display:none!important;}

/* Prevent legacy archive separators / fixed heights from leaking through */
.post-listing.archive-box .item-list:before,
.post-listing.archive-box .item-list:after{box-shadow:none!important;}

/* ---- Single article: editorial reading surface ---- */
body.single .content{background:transparent!important;}
body.single article.post-listing{
  overflow:hidden!important;
}
body.single article.post-listing .post-inner{padding:40px 44px 44px!important;}
body.single .post-inner > h1.post-title,
body.single .post-inner > .post-title,
body.single h1.entry-title{
  margin:0 0 14px!important;
  color:var(--ws-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:36px!important;
  font-weight:780!important;
  letter-spacing:-.032em!important;
  line-height:1.16!important;
}
body.single .post-inner p.post-meta{
  margin:0 0 28px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid #edf0f2!important;
  color:#59636c!important;
  font-size:12px!important;
}
body.single .entry{
  color:#3d4650!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:16.5px!important;
  line-height:1.82!important;
}
body.single .entry p{margin:0 0 19px!important;line-height:1.82!important;}
body.single .entry h2{
  margin:38px 0 15px!important;
  padding:3px 0 3px 14px!important;
  border-left:4px solid var(--ws-orange)!important;
  color:#1c242c!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:760!important;
  letter-spacing:-.02em!important;
  line-height:1.28!important;
}
body.single .entry h3{
  margin:30px 0 12px!important;
  color:#27313a!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:740!important;
  line-height:1.34!important;
}
body.single .entry h4{font-size:18px!important;font-weight:730!important;margin:26px 0 10px!important;color:#303942!important;}
body.single .entry ul,body.single .entry ol{margin:0 0 22px 24px!important;}
body.single .entry li{margin-bottom:8px!important;line-height:1.72!important;}
body.single .entry a:not(.button):not(.wp-block-button__link){color:#b34e06!important;text-decoration:underline!important;text-decoration-color:rgba(179,78,6,.28)!important;text-underline-offset:3px!important;}
body.single .entry a:hover{color:#8e3c03!important;text-decoration-color:currentColor!important;}
body.single .entry strong{color:#202830!important;font-weight:750!important;}
body.single .entry blockquote{
  margin:26px 0!important;
  padding:18px 20px!important;
  background:#fff7ee!important;
  border:0!important;
  border-left:4px solid var(--ws-orange)!important;
  border-radius:0 10px 10px 0!important;
  color:#4b545d!important;
}
body.single .entry img{max-width:100%!important;height:auto!important;border-radius:10px!important;}
body.single .entry table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--ws-line)!important;border-radius:10px!important;overflow:hidden!important;}
body.single .entry th{background:#f7f8fa!important;color:#28323b!important;font-weight:750!important;}
body.single .entry td,body.single .entry th{padding:10px 12px!important;border-color:#e9ecef!important;}
body.single .single-post-thumb{border-radius:16px 16px 0 0!important;overflow:hidden!important;}
body.single .edit-link{font-size:11px!important;color:#59636c!important;margin-top:24px!important;}

/* ---- Sidebar: smaller, quieter cards ---- */
#sidebar .widget{margin-bottom:22px!important;}
#sidebar .widget-top{padding:0 0 9px!important;}
#sidebar .widget-top h4{
  margin:0!important;
  color:#2b343d!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:780!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
#sidebar .stripe-line{height:2px!important;margin-top:9px!important;background:linear-gradient(90deg,var(--ws-orange) 0 42px,#e9ecef 42px 100%)!important;}
#sidebar .widget-container{
  padding:14px 15px!important;
}
#sidebar .widget-container li{padding:9px 0!important;border-bottom:1px solid #eef0f2!important;font-size:12px!important;line-height:1.45!important;}
#sidebar .widget-container li:last-child{border-bottom:0!important;}
#sidebar .widget-container a{color:#4a535c!important;}
#sidebar .widget-container a:hover{color:var(--ws-orange-dark)!important;text-decoration:none!important;}

/* ---- Pagination ---- */
.pagenavi{margin-top:18px!important;padding:0!important;}
.pagenavi a,.pagenavi span.current,.pagenavi span.extend{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:34px!important;margin:0 6px 6px 0!important;padding:0 9px!important;border:1px solid var(--ws-line)!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important;}
.pagenavi span.current{background:var(--ws-orange)!important;border-color:var(--ws-orange)!important;color:#fff!important;}

/* ---- Footer ---- */
.footer-bottom{background:#20252a!important;border-top:0!important;}
.footer-bottom .container{padding-top:18px!important;padding-bottom:18px!important;}

/* ---- Responsive ---- */
@media (max-width:1099px){
  html,body{background:#f4f5f7!important;}
  .container,#wrapper.boxed #theme-header,#wrapper.boxed .breaking-news,#wrapper.boxed #main-content,#wrapper.boxed-all{width:96%!important;box-sizing:border-box!important;}
  #wrapper.boxed #main-content{padding:20px!important;}
}
@media (max-width:900px){
  .post-listing.archive-box{grid-template-columns:1fr!important;}
  .post-listing.archive-box article.item-list:first-child,.post-listing.archive-box .item-list:first-child{grid-column:auto!important;}
  .post-listing.archive-box article.item-list:first-child .post-thumbnail img,.post-listing.archive-box .item-list:first-child .post-thumbnail img{height:220px!important;}
  .content,#sidebar{float:none!important;width:100%!important;}
  #sidebar{margin-top:22px!important;}
  .home .archive-box .item-list .post-thumbnail img,.blog .archive-box .item-list .post-thumbnail img,.archive .archive-box .item-list .post-thumbnail img,.search .archive-box .item-list .post-thumbnail img{height:auto!important;aspect-ratio:16/9!important;}
}
@media (max-width:670px){
  #theme-header{border-radius:0!important;margin-top:0!important;}
  #main-content{padding-top:12px!important;}
  #wrapper.boxed #main-content{padding:12px!important;}
  body.single article.post-listing{border-radius:12px!important;}
  body.single article.post-listing .post-inner{padding:26px 19px 30px!important;}
  body.single .post-inner > h1.post-title,body.single .post-inner > .post-title,body.single h1.entry-title{font-size:29px!important;line-height:1.2!important;}
  body.single .entry{font-size:16px!important;line-height:1.78!important;}
  body.single .entry h2{font-size:23px!important;margin-top:32px!important;}
  .home .archive-box .item-list h2.post-box-title,.blog .archive-box .item-list h2.post-box-title,.archive .archive-box .item-list h2.post-box-title,.search .archive-box .item-list h2.post-box-title{font-size:19px!important;}
}

/* ========================================================================== 
   WEBSODI MODERN UI v4.0 — homepage alignment & media consistency
   User-requested polish:
   1) every homepage lead image is the same visual size
   2) homepage content left edge + sidebar right edge align with main nav edges
   ========================================================================== */

/* Front-page outer edges now follow the navigation width exactly. */
@media (min-width:1100px){
  #main-content.websodi-front-layout{
    width:1180px!important;
    padding:30px 0!important;
    box-sizing:border-box!important;
  }
  #main-content.websodi-front-layout > .content{
    width:840px!important;
    margin:0!important;
  }
  #main-content.websodi-front-layout > #sidebar{
    width:310px!important;
    margin:0!important;
  }
}

/* Home page uses Sahifa's Page Builder recent-blog block rather than archive-box. */
.websodi-front-layout .recent-box.recent-blog{
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.websodi-front-layout .recent-box.recent-blog .cat-box-content{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list{
  position:relative!important;
  min-height:176px!important;
  padding:20px 20px!important;
  margin:0 0 16px!important;
  background:#fff!important;
  border:1px solid var(--ws-line)!important;
  border-radius:12px!important;
  box-shadow:0 5px 18px rgba(27,39,51,.045)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list:last-child{
  margin-bottom:0!important;
}

/* Identical media frame on every homepage row. */
.websodi-front-layout .recent-box.recent-blog .item-list .post-thumbnail{
  float:left!important;
  width:220px!important;
  height:124px!important;
  margin:0 20px 0 0!important;
  padding:0!important;
  background:#eef1f4!important;
  border-radius:9px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list .post-thumbnail a{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list .post-thumbnail img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list .overlay-icon{
  display:none!important;
}

/* Keep text rhythm consistent next to the fixed media frame. */
.websodi-front-layout .recent-box.recent-blog .item-list h2.post-box-title{
  margin:0 0 7px!important;
  padding:0!important;
  color:var(--ws-ink)!important;
  font-size:18px!important;
  font-weight:750!important;
  line-height:1.32!important;
  letter-spacing:-.014em!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list h2.post-box-title a{
  color:var(--ws-ink)!important;
  text-decoration:none!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list p.post-meta{
  margin:0 0 8px!important;
  color:#929aa2!important;
  font-size:11px!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list .entry{
  font-size:13.5px!important;
  line-height:1.56!important;
  color:#59626c!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list .entry p{
  margin:0 0 10px!important;
  line-height:1.56!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list .entry .more-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border:1px solid #ffd9b7!important;
  border-radius:7px!important;
  background:#fff5eb!important;
  color:#b65008!important;
  font-size:11.5px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.websodi-front-layout .recent-box.recent-blog .item-list .entry .more-link:hover{
  background:var(--ws-orange)!important;
  border-color:var(--ws-orange)!important;
  color:#fff!important;
}

/* Sidebar occupies the exact right edge of the main navigation frame. */
.websodi-front-layout > #sidebar .widget{
  width:100%!important;
  box-sizing:border-box!important;
}
.websodi-front-layout > #sidebar .widget-container{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Tablet/mobile: keep equal image proportions without forcing a tiny fixed width. */
@media (max-width:1099px){
  #main-content.websodi-front-layout{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}
@media (max-width:670px){
  .websodi-front-layout .recent-box.recent-blog .item-list{
    min-height:0!important;
    padding:14px!important;
  }
  .websodi-front-layout .recent-box.recent-blog .item-list .post-thumbnail{
    float:none!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    margin:0 0 13px!important;
  }
  .websodi-front-layout .recent-box.recent-blog .item-list h2.post-box-title{
    font-size:18px!important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v5.0 — front-page grid/flex alignment hotfix
   Keeps the v4 media normalization, but makes the homepage shell deterministic:
   content begins at the nav's left edge, sidebar ends at the nav's right edge,
   and both columns always start on the same horizontal line.
   ========================================================================== */

@media (min-width:1100px){
  /* Turn the front-page shell into a real two-column layout instead of relying
     on legacy floats. 840 + 30 gap + 310 = 1180 exactly. */
  #main-content.websodi-front-layout{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    column-gap:30px!important;
    width:1180px!important;
    padding:30px 0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  #main-content.websodi-front-layout:after{
    display:none!important;
    content:none!important;
  }
  #main-content.websodi-front-layout > .content{
    float:none!important;
    flex:0 0 840px!important;
    width:840px!important;
    max-width:840px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #main-content.websodi-front-layout > #sidebar{
    float:none!important;
    flex:0 0 310px!important;
    width:310px!important;
    max-width:310px!important;
    min-width:310px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-self:flex-start!important;
  }

  /* The legacy Page Builder can add clearing/floating rules around recent-blog.
     Neutralize them so the content column cannot push the sidebar below. */
  .websodi-front-layout .recent-box.recent-blog,
  .websodi-front-layout .recent-box.recent-blog .cat-box-content{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    clear:none!important;
    box-sizing:border-box!important;
  }
}

/* Media frames: fixed, identical and non-shrinking on desktop. */
@media (min-width:671px){
  .websodi-front-layout .recent-box.recent-blog .item-list .post-thumbnail{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
  }
  .websodi-front-layout .recent-box.recent-blog .item-list .post-thumbnail img{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Sidebar widgets share the exact same box width and vertical rhythm. */
.websodi-front-layout > #sidebar .widget{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.websodi-front-layout > #sidebar .widget-container{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Tablet/mobile falls back to the theme's stacked flow cleanly. */
@media (max-width:1099px){
  #main-content.websodi-front-layout{
    display:block!important;
  }
  #main-content.websodi-front-layout > .content,
  #main-content.websodi-front-layout > #sidebar{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* ========================================================================== 
   WEBSODI MODERN UI v6.0 — exact navigation/content edge alignment
   Root cause fixed: Sahifa's boxed layout adds 30px horizontal padding to
   #main-content with a more specific selector. That inset the single-post
   columns and shifted the front-page columns 30px to the right. The rules
   below use matching/higher specificity and one shared 1180px desktop shell.
   ========================================================================== */

@media (min-width:1100px){
  /* One physical desktop frame: header/nav and every normal content page use
     exactly the same 1180px left/right boundaries. */
  #wrapper.boxed #theme-header,
  #wrapper.boxed #main-content.container{
    width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* IMPORTANT: remove Sahifa's legacy 30px LEFT/RIGHT inset. Keep only the
     vertical breathing room. This is the alignment bug seen in v5. */
  #wrapper.boxed #main-content.container{
    padding:30px 0!important;
  }

  /* Standard right-sidebar pages: 840 + 30 visual gap + 310 = 1180. */
  #wrapper.boxed #main-content.container:not(.full-width) > .content{
    width:840px!important;
    max-width:840px!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  #wrapper.boxed #main-content.container:not(.full-width) > #sidebar{
    width:310px!important;
    max-width:310px!important;
    min-width:310px!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Keep the normal Sahifa float order on ordinary pages. The unused space
     between 840px content and 310px sidebar becomes an exact 30px gutter. */
  #wrapper.boxed #main-content.container:not(.full-width):not(.sidebar-left) > .content{
    float:left!important;
  }
  #wrapper.boxed #main-content.container:not(.full-width):not(.sidebar-left) > #sidebar{
    float:right!important;
  }
  #wrapper.boxed #main-content.container.sidebar-left > .content{
    float:right!important;
  }
  #wrapper.boxed #main-content.container.sidebar-left > #sidebar{
    float:left!important;
  }

  /* Front page stays deterministic flex, but now its flex box starts and ends
     on the SAME coordinates as the nav because the horizontal padding is zero. */
  #wrapper.boxed #main-content.websodi-front-layout{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    column-gap:30px!important;
    width:1180px!important;
    padding:30px 0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout > .content{
    float:none!important;
    flex:0 0 840px!important;
    width:840px!important;
    max-width:840px!important;
    margin:0!important;
    padding:0!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar{
    float:none!important;
    flex:0 0 310px!important;
    width:310px!important;
    max-width:310px!important;
    min-width:310px!important;
    margin:0!important;
    padding:0!important;
  }

  /* The actual white cards must touch the content-column boundary, not add a
     second hidden inset. */
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog,
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .cat-box-content{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Single/article card also begins exactly on the main shell's left edge. */
  #wrapper.boxed #main-content.container:not(.full-width) > .content > article.post-listing,
  #wrapper.boxed #main-content.container:not(.full-width) > .content > .post-listing{
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* Do not carry desktop fixed widths to smaller screens. */
@media (max-width:1099px){
  #wrapper.boxed #main-content.container{
    width:auto!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #wrapper.boxed #main-content.container > .content,
  #wrapper.boxed #main-content.container > #sidebar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v7.0 — homepage card breathing room + unified CTA anchor
   User-requested refinement:
   - add inner padding so cards do not touch borders
   - pin "Devamını oku" to the same bottom-right spot in every row card
   ========================================================================== */

@media (min-width:671px){
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:
      "title title"
      "thumb excerpt"!important;
    column-gap:20px!important;
    row-gap:14px!important;
    align-items:start!important;
    min-height:0!important;
    padding:22px 20px!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list h2.post-box-title{
    grid-area:title!important;
    margin:0!important;
    padding:0 4px 0 0!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list p.post-meta{
    display:none!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list .post-thumbnail{
    grid-area:thumb!important;
    float:none!important;
    margin:0!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list .entry{
    grid-area:excerpt!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    min-height:124px!important;
    height:124px!important;
    padding:0 4px 0 0!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list .entry p{
    margin:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list .entry .more-link{
    align-self:flex-end!important;
    margin-top:auto!important;
    margin-right:0!important;
    margin-bottom:0!important;
  }
}

@media (max-width:670px){
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list{
    padding:16px!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list .entry{
    display:flex!important;
    flex-direction:column!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list .entry .more-link{
    align-self:flex-start!important;
    margin-top:12px!important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v8.0 — homepage cards with inset / non-zero placement
   User feedback: row cards should not sit flush against the content column.
   Match the more relaxed look from the reference by creating an outer gutter
   around the list and slightly softer card spacing.
   ========================================================================== */

@media (min-width:671px){
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog{
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .cat-box-content{
    padding-left:0!important;
    padding-right:0!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list{
    margin:0 0 18px!important;
    border-radius:14px!important;
    box-shadow:0 5px 18px rgba(27,39,51,.04)!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list:last-child{
    margin-bottom:0!important;
  }
}

@media (max-width:670px){
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog{
    padding-left:8px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v9.0 — card alignment + tighter sidebar gutter
   Fixes v8 feedback:
   - remove the extra outer inset that shifted cards right
   - reduce the content/sidebar gap while preserving the menu's exact edges
   - keep card INNER padding and the bottom-right CTA position
   ========================================================================== */

@media (min-width:1100px){
  /* Exact 1180px menu frame: 850 content + 20 gap + 310 sidebar = 1180. */
  #wrapper.boxed #main-content.websodi-front-layout{
    column-gap:20px!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout > .content{
    flex:0 0 850px!important;
    width:850px!important;
    max-width:850px!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar{
    flex:0 0 310px!important;
    width:310px!important;
    max-width:310px!important;
    min-width:310px!important;
  }
}

@media (min-width:671px){
  /* Undo v8's outer gutter. Cards again align with the content column edge. */
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog{
    padding-left:0!important;
    padding-right:0!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .cat-box-content{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Keep breathing room INSIDE each card, where it belongs. */
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list{
    padding:22px 20px!important;
    margin:0 0 18px!important;
  }
}

@media (max-width:670px){
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v10.0 — sidebar right edge alignment + inset card rows
   Fixes user feedback:
   - sidebar's right edge should line up with the header/nav shell
   - homepage cards should sit slightly inset, not flush/zero
   Strategy:
   - use an exact 1180px shell again, but rebalance columns
   - 850 content + 10 gap + 320 sidebar = 1180
   - inset each homepage card by 10px on left/right within the content column
   ========================================================================== */

@media (min-width:1100px){
  #wrapper.boxed #main-content.websodi-front-layout{
    column-gap:10px!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout > .content{
    flex:0 0 850px!important;
    width:850px!important;
    max-width:850px!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar{
    flex:0 0 320px!important;
    width:320px!important;
    max-width:320px!important;
    min-width:320px!important;
  }
}

@media (min-width:671px){
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list{
    margin:0 10px 18px!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list:last-child{
    margin-bottom:0!important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v12.0 — rollback v11 + exact menu shell + top spacing
   Uses the stable v10 layout as base. Fixes only the annotated alignment:
   - main content shell exactly 1180px, same as menu/header
   - extra top breathing room below menu
   - sidebar right edge forced to shell edge
   - cards stay slightly inset inside content column
   ========================================================================== */

@media (min-width:1100px){
  #wrapper.boxed #main-content.websodi-front-layout{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    width:1180px!important;
    max-width:1180px!important;
    padding:44px 0 0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    column-gap:10px!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout > .content{
    float:none!important;
    flex:0 0 850px!important;
    width:850px!important;
    max-width:850px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout > #sidebar{
    float:none!important;
    flex:0 0 320px!important;
    width:320px!important;
    max-width:320px!important;
    min-width:320px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* Force sidebar elements to use the full 320px column so their right border
     lands exactly on the menu/header right edge. */
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar .widget,
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar .widget-top,
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar .widget-container{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:671px){
  /* Slight card inset only; it does not move the outer content/sidebar shell. */
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list{
    margin:0 10px 20px!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list:last-child{
    margin-bottom:0!important;
  }
}


/* WEBSODI v12.3 — exact requested base box style */
.cat-box-content,
#sidebar .widget-container,
.post-listing,
#commentform {
  background:#FFF!important;
  border:0!important;
  border-bottom:4px solid #F88C00!important;
  -webkit-box-shadow:none!important;
  -moz-box-shadow:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* ========================================================================== 
   WEBSODI MODERN UI v12.4 — homepage uses the exact single-post column frame
   Match the homepage start/end points to the current single-post layout:
   840px content + 30px gutter + 310px sidebar = 1180px.
   ========================================================================== */
@media (min-width:1100px){
  #wrapper.boxed #main-content.websodi-front-layout{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    width:1180px!important;
    max-width:1180px!important;
    padding:44px 0 0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    column-gap:30px!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout > .content{
    float:none!important;
    flex:0 0 840px!important;
    width:840px!important;
    max-width:840px!important;
    min-width:840px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout > #sidebar{
    float:none!important;
    flex:0 0 310px!important;
    width:310px!important;
    max-width:310px!important;
    min-width:310px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog,
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .cat-box-content{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.websodi-front-layout > #sidebar .widget,
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar .widget-top,
  #wrapper.boxed #main-content.websodi-front-layout > #sidebar .widget-container{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:671px){
  /* The outer card edge now starts exactly on the same left line as the
     single-post content column. Breathing room remains inside the card. */
  #wrapper.boxed #main-content.websodi-front-layout .recent-box.recent-blog .item-list{
    margin-left:0!important;
    margin-right:0!important;
    margin-bottom:20px!important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v12.5 — mobile burger button right aligned
   Moves the slide-out trigger to the right on small screens so it no longer
   overlaps the logo.
   ========================================================================== */
@media only screen and (max-width: 900px){
  #slide-out-open{
    left:auto !important;
    right:10px !important;
    top:12px !important;
    z-index:1200 !important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v12.6 — mobile drawer direction + reachable close button
   - Burger sits slightly lower on the right.
   - The page no longer slides away with the burger button.
   - The mobile drawer itself enters from LEFT to RIGHT over the page.
   - Because the trigger stays in place, the same button can close the drawer.
   ========================================================================== */
@media only screen and (max-width: 900px){
  #slide-out-open{
    position:absolute !important;
    left:auto !important;
    right:10px !important;
    top:18px !important;
    z-index:2200 !important;
  }

  /* Keep the site canvas stationary. The old +80% transform carried the
     right-aligned close button off-screen, which made the menu impossible
     to close after opening. */
  .csstransforms3d.csstransitions .js-nav .inner-wrapper,
  .csstransforms3d.csstransitions .js-nav .inner-wrapper{
    left:0 !important;
    -webkit-transform:none !important;
       -moz-transform:none !important;
        -ms-transform:none !important;
         -o-transform:none !important;
            transform:none !important;
  }

  /* Drawer starts outside the LEFT edge and travels LEFT -> RIGHT. */
  #slide-out{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    width:80% !important;
    max-width:340px !important;
    height:100vh !important;
    overflow-y:auto !important;
    z-index:2100 !important;
    -webkit-transform:translate3d(-101%,0,0) !important;
       -moz-transform:translate3d(-101%,0,0) !important;
        -ms-transform:translate3d(-101%,0,0) !important;
         -o-transform:translate3d(-101%,0,0) !important;
            transform:translate3d(-101%,0,0) !important;
  }

  .csstransforms3d.csstransitions .js-nav #slide-out{
    -webkit-transform:translate3d(0,0,0) !important;
       -moz-transform:translate3d(0,0,0) !important;
        -ms-transform:translate3d(0,0,0) !important;
         -o-transform:translate3d(0,0,0) !important;
            transform:translate3d(0,0,0) !important;
  }

  /* Keep the open/close icon clearly visible above the drawer. */
  .csstransforms3d.csstransitions .js-nav #slide-out-open{
    z-index:2200 !important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v12.7 — mobile burger vertically aligned with logo
   ========================================================================== */
@media only screen and (max-width: 900px){
  #slide-out-open{
    top:26px !important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v12.8 — nudge mobile burger a bit lower
   ========================================================================== */
@media only screen and (max-width: 900px){
  #slide-out-open{
    top:30px !important;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v13.0 — Güzel Sözler category hub
   Flat, fast, no-shadow landing page that preserves the site's orange/charcoal identity.
   ========================================================================== */
.websodi-gs-hub{margin:0 0 24px;color:#303840}
.websodi-gs-hero{position:relative;overflow:hidden;margin:0 0 22px;padding:34px 34px 30px;background:linear-gradient(135deg,#20252a 0%,#292f35 62%,#3a2a1f 100%);border-bottom:4px solid #F88C00;border-radius:14px;color:#fff}
.websodi-gs-hero:after{content:"“";position:absolute;right:24px;top:-38px;font:700 180px/1 Georgia,serif;color:rgba(255,255,255,.055);pointer-events:none}
.websodi-gs-kicker,.websodi-gs-section-head span,.websodi-gs-all-head>span{display:block;margin:0 0 8px;color:#F88C00;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.websodi-gs-hero h1{margin:0 0 12px;color:#fff;font-size:36px;line-height:1.08;letter-spacing:-.03em}
.websodi-gs-hero p{max-width:690px;margin:0;color:#e8ecef;font-size:15px;line-height:1.7}
.websodi-gs-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.websodi-gs-badges span{padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font-size:11px;font-weight:700}
.websodi-gs-section{margin:0 0 22px;padding:22px;background:#fff;border:1px solid #e7e9eb;border-bottom:4px solid #F88C00;border-radius:12px;box-shadow:none!important}
.websodi-gs-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}
.websodi-gs-section-head h2,.websodi-gs-all-head h2{margin:0;color:#20252a;font-size:23px;line-height:1.2;letter-spacing:-.02em}
.websodi-gs-popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.websodi-gs-popular-card{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:82px;overflow:hidden;border:1px solid #eceeef;border-radius:9px;background:#fafbfc}
.websodi-gs-popular-thumb{display:block;min-height:82px;background:#24292e;overflow:hidden}
.websodi-gs-popular-thumb img{display:block;width:100%;height:100%;min-height:82px;object-fit:cover}
.websodi-gs-thumb-fallback{display:flex;height:100%;min-height:82px;align-items:center;justify-content:center;color:#F88C00;font-weight:800;font-size:12px}
.websodi-gs-popular-body{padding:10px 11px}
.websodi-gs-popular-body h3{margin:0 0 7px;font-size:13px;line-height:1.35}
.websodi-gs-popular-body h3 a{color:#252b31;text-decoration:none}
.websodi-gs-popular-body h3 a:hover{color:#d86e00}
.websodi-gs-views{color:#8a9299;font-size:10px}
.websodi-gs-views .post-views i{margin-right:4px}
.websodi-gs-topic-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.websodi-gs-topic-group{padding:15px;border:1px solid #eceeef;border-radius:9px;background:#fafbfc}
.websodi-gs-topic-group h3{margin:0 0 11px;color:#343a40;font-size:13px}
.websodi-gs-topic-links{display:flex;flex-wrap:wrap;gap:7px}
.websodi-gs-topic-links a{display:inline-flex;padding:6px 9px;border:1px solid #e3e6e8;border-radius:999px;background:#fff;color:#4d555c;font-size:11px;font-weight:700;text-decoration:none}
.websodi-gs-topic-links a:hover{border-color:#F88C00;color:#c76000}
.websodi-gs-all-head{margin:4px 0 14px;padding:18px 20px;background:#fff;border-left:4px solid #F88C00;border-radius:8px}
.websodi-gs-all-head p{margin:7px 0 0;color:#68717a;font-size:13px}
@media (max-width:670px){
  .websodi-gs-hero{padding:26px 20px 24px;border-radius:10px}
  .websodi-gs-hero h1{font-size:30px}
  .websodi-gs-popular-grid,.websodi-gs-topic-columns{grid-template-columns:1fr}
  .websodi-gs-section{padding:16px}
  .websodi-gs-popular-card{grid-template-columns:82px minmax(0,1fr)}
}


/* Websodi Modern UI v13.1 — Güzel Sözler hub polish */
.websodi-gs-topic-columns{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.websodi-gs-topic-group{min-height:82px}
@media only screen and (max-width:900px){
  .websodi-gs-topic-columns{grid-template-columns:1fr}
}

/* ========================================================================== 
   WEBSODI MODERN UI v13.2 — global pagination refresh
   Applies to homepage, categories, archives and other list screens using tie_pagenavi.
   ========================================================================== */
.pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:30px 0 36px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #e5e8eb;
  border-bottom:4px solid #F88C00;
  border-radius:12px;
  box-shadow:none !important;
  overflow:visible;
}

.pagination a,
.pagination span.extend,
.pagination span.current{
  float:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  margin:0;
  padding:0 13px;
  border:1px solid #e1e5e8;
  border-radius:10px;
  background:#f7f8fa;
  color:#2d3640;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  transition:all .18s ease;
}

.pagination a:hover{
  color:#c96800;
  border-color:#F88C00;
  background:#fff4e8;
}

.pagination span.current{
  color:#fff;
  background:#F88C00;
  border-color:#F88C00;
  box-shadow:0 8px 18px rgba(248,140,0,.18);
}

.pagination span.extend{
  min-width:auto;
  padding:0 6px;
  border:none;
  background:transparent;
  color:#8d959d;
}

.pagination .pages{
  float:none;
  margin-left:auto;
  padding:0;
  color:#6d7680;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
}

@media only screen and (max-width: 767px){
  .pagination{
    justify-content:center;
    gap:7px;
    padding:12px;
  }

  .pagination a,
  .pagination span.extend,
  .pagination span.current{
    min-width:34px;
    height:34px;
    padding:0 11px;
    border-radius:9px;
    font-size:12px;
  }

  .pagination .pages{
    order:99;
    flex:0 0 100%;
    margin-left:0;
    text-align:center;
    white-space:normal;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v13.3 — hide redundant pagination counter
   Numeric page buttons already communicate the current/total page count.
   ========================================================================== */
.pagination .pages{
  display:none !important;
}

/* WEBSODI MODERN UI v13.5 — Güzel Sözler category uses homepage shell/sidebar styling */
body.category #main-content.websodi-front-layout > #sidebar .widget,
body.category #main-content.websodi-front-layout > #sidebar .widget-top,
body.category #main-content.websodi-front-layout > #sidebar .widget-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}


/* ==========================================================================
   WEBSODI MODERN UI v13.6 — global sidebar header normalization
   Homepage and category/archive sidebars now use the exact same widget-title
   structure: title on its own row, orange/gray rule below it.
   ========================================================================== */
#sidebar .widget-top{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding:0 0 9px!important;
  margin:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#sidebar .widget-top:after{
  content:""!important;
  display:table!important;
  clear:both!important;
}
#sidebar .widget-top h4{
  float:none!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#2b343d!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:780!important;
  line-height:1.35!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
#sidebar .widget-top h4 a{
  color:inherit!important;
  text-decoration:none!important;
}
#sidebar .widget-top .stripe-line,
#sidebar .stripe-line{
  float:none!important;
  clear:both!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:2px!important;
  margin:9px 0 0!important;
  padding:0!important;
  background:linear-gradient(90deg,#F88C00 0 42px,#e9ecef 42px 100%)!important;
  border:0!important;
  box-sizing:border-box!important;
}
#sidebar .widget-container{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:14px 15px!important;
  box-sizing:border-box!important;
}

/* ========================================================================== 
   WEBSODI MODERN UI v13.7 — bold sidebar widget headings everywhere
   Homepage sidebar headings now match the stronger Güzel Sözler appearance.
   ========================================================================== */
#sidebar .widget-top h4,
#sidebar .widget-top h4 a{
  font-weight:800!important;
}


/* ==========================================================================
   WEBSODI MODERN UI v13.8 — hard-fix sidebar heading weight
   Uses a dedicated widget-title class so the homepage title cannot be reset
   by Sahifa's saved typography rules.
   ========================================================================== */
#sidebar .websodi-sidebar-title,
#sidebar .websodi-sidebar-title *,
#main-content #sidebar .websodi-sidebar-title,
#main-content #sidebar .websodi-sidebar-title *{
  font-weight:700!important;
}

/* WEBSODI MODERN UI v13.9 — exact sidebar heading typography sync */
#sidebar .websodi-sidebar-title,
#main-content #sidebar .websodi-sidebar-title{
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
}


/* ==========================================================================
   WEBSODI MODERN UI v14.0 — homepage-only sponsored project card
   One branded, clearly disclosed outbound link. No sitewide placement.
   ========================================================================== */
.websodi-sponsored-project{
  clear:both;
  width:100%;
  margin:4px 0 22px;
}
.websodi-sponsored-label{
  display:inline-block;
  margin:0 0 7px 2px;
  color:#8b939b;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.websodi-sponsored-card{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  width:100%;
  padding:14px;
  box-sizing:border-box;
  border:1px solid #e5e8eb;
  border-bottom:3px solid #F88C00;
  border-radius:11px;
  background:#fff;
  color:#2b343d!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.websodi-sponsored-card:hover{
  border-color:#f3b573;
  background:#fffaf4;
  text-decoration:none!important;
  transform:translateY(-1px);
}
.websodi-sponsored-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:12px;
  background:#20252a;
}
.websodi-sponsored-icon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:#F88C00;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.websodi-sponsored-copy{
  display:block;
  min-width:0;
}
.websodi-sponsored-copy strong{
  display:block;
  margin:0 0 4px;
  color:#252c33;
  font-size:14px;
  font-weight:750;
  line-height:1.2;
}
.websodi-sponsored-copy small{
  display:block;
  color:#747d86;
  font-size:11px;
  font-weight:500;
  line-height:1.45;
}
.websodi-sponsored-arrow{
  color:#F88C00;
  font-size:18px;
  font-weight:700;
  line-height:1;
}
@media only screen and (max-width:670px){
  .websodi-sponsored-project{margin-bottom:18px;}
  .websodi-sponsored-card{
    grid-template-columns:48px minmax(0,1fr) 18px;
    gap:10px;
    padding:12px;
  }
  .websodi-sponsored-icon{
    width:48px;
    height:48px;
  }
}

/* ========================================================================== 
   WEBSODI MODERN UI v14.2 — premium SEO-safe homepage hub
   Server-rendered, no slider, no external assets, no JS dependency.
   ========================================================================== */
.websodi-home-hub{margin:0 0 20px;color:#303840}
.websodi-home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;align-items:end;margin:0 0 22px;padding:34px;background:linear-gradient(135deg,#20252a 0%,#292f35 65%,#3a2a1f 100%);border-bottom:4px solid #F88C00;border-radius:14px;color:#fff;box-sizing:border-box}
.websodi-home-hero:after{content:"";position:absolute;right:-55px;top:-78px;width:220px;height:220px;border:38px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.websodi-home-kicker,.websodi-home-section-head span,.websodi-home-words-intro>span,.websodi-home-latest-head>span{display:block;margin:0 0 8px;color:#F88C00;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.websodi-home-hero h1{max-width:610px;margin:0 0 13px;color:#fff;font-size:34px;line-height:1.12;letter-spacing:-.035em}
.websodi-home-hero p{max-width:640px;margin:0;color:#e5e9ec;font-size:14px;line-height:1.7}
.websodi-home-hero-stats{position:relative;z-index:1;display:grid;gap:8px}
.websodi-home-hero-stats>span{display:block;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055)}
.websodi-home-hero-stats strong{display:block;margin-bottom:2px;color:#fff;font-size:12px;font-weight:800}
.websodi-home-hero-stats small{display:block;color:#bbc2c8;font-size:10px;line-height:1.35}
.websodi-home-section{margin:0 0 22px;padding:22px;background:#fff;border:1px solid #e7e9eb;border-bottom:4px solid #F88C00;border-radius:12px;box-shadow:none!important;box-sizing:border-box}
.websodi-home-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}
.websodi-home-section-head h2,.websodi-home-words h2,.websodi-home-latest-head h2{margin:0;color:#20252a;font-size:23px;line-height:1.2;letter-spacing:-.02em}
.websodi-home-section-head>p{max-width:280px;margin:0;color:#7b848d;font-size:11px;line-height:1.45;text-align:right}
.websodi-home-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.websodi-home-topic-card{display:grid;grid-template-columns:10px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:72px;padding:13px 14px;border:1px solid #e9ecef;border-radius:10px;background:#fafbfc;color:#2e3740!important;text-decoration:none!important;box-sizing:border-box;transition:border-color .18s ease,background .18s ease}
.websodi-home-topic-card:hover{border-color:#f3b573;background:#fffaf4;text-decoration:none!important}
.websodi-home-topic-dot{width:8px;height:8px;border-radius:50%;background:#F88C00;box-shadow:0 0 0 4px #fff0df}
.websodi-home-topic-copy{display:block;min-width:0}
.websodi-home-topic-copy strong{display:block;margin:0 0 4px;color:#28313a;font-size:13px;font-weight:780;line-height:1.25}
.websodi-home-topic-copy small{display:block;color:#79828b;font-size:10.5px;line-height:1.4}
.websodi-home-topic-arrow{color:#F88C00;font-size:17px;font-weight:700}
.websodi-home-popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.websodi-home-popular-card{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:82px;overflow:hidden;border:1px solid #eceeef;border-radius:9px;background:#fafbfc}
.websodi-home-popular-thumb{display:block;min-height:82px;background:#24292e;overflow:hidden}
.websodi-home-popular-thumb img{display:block;width:100%;height:100%;min-height:82px;object-fit:cover}
.websodi-home-thumb-fallback{display:flex;height:100%;min-height:82px;align-items:center;justify-content:center;color:#F88C00;font-size:10px;font-weight:800;text-transform:uppercase}
.websodi-home-popular-body{padding:10px 11px}
.websodi-home-popular-body h3{margin:0 0 7px;font-size:12.5px;line-height:1.35}
.websodi-home-popular-body h3 a{color:#252b31;text-decoration:none}
.websodi-home-popular-body h3 a:hover{color:#c76000}
.websodi-home-views{color:#8a9299;font-size:10px}
.websodi-home-words{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;margin:0 0 22px;padding:22px;background:#24292e;border-bottom:4px solid #F88C00;border-radius:12px;color:#fff;box-sizing:border-box}
.websodi-home-words h2{color:#fff}
.websodi-home-words-intro p{margin:8px 0 14px;color:#c8ced3;font-size:11.5px;line-height:1.55}
.websodi-home-words-intro>a{display:inline-flex;align-items:center;gap:6px;color:#F88C00!important;font-size:11px;font-weight:800;text-decoration:none!important}
.websodi-home-ai-priority{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.websodi-home-ai-priority a{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.045);color:#eef1f3!important;font-size:10.5px;font-weight:700;line-height:1.25;text-decoration:none!important}
.websodi-home-ai-priority a:hover{border-color:rgba(248,140,0,.7);background:rgba(248,140,0,.08);color:#fff!important}
.websodi-home-words-list{display:grid;align-content:start;gap:8px}
.websodi-home-words-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:rgba(255,255,255,.045);color:#eef1f3!important;text-decoration:none!important}
.websodi-home-words-list>a:hover{border-color:rgba(248,140,0,.7);background:rgba(248,140,0,.08);text-decoration:none!important}
.websodi-home-words-list strong{font-size:11.5px;font-weight:700;line-height:1.35}
.websodi-home-words-list span{color:#F88C00;font-size:14px}
.websodi-home-latest-head{margin:0 0 14px;padding:18px 20px;background:#fff;border-left:4px solid #F88C00;border-radius:8px;box-sizing:border-box}
.websodi-home-latest-head p{margin:7px 0 0;color:#68717a;font-size:12px}
/* The Page Builder already outputs the latest-post cards. The premium hub owns the only H1. */
body.home #main-content.websodi-front-layout .websodi-home-hub + .recent-box,
body.home #main-content.websodi-front-layout .websodi-home-hub + .cat-box-content{margin-top:0!important}
@media (max-width:900px){
  .websodi-home-hero{grid-template-columns:1fr;padding:28px 24px}
  .websodi-home-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .websodi-home-words{grid-template-columns:1fr}
}
@media (max-width:670px){
  .websodi-home-hero{padding:25px 19px 22px;border-radius:10px}
  .websodi-home-hero h1{font-size:28px}
  .websodi-home-hero p{font-size:13px}
  .websodi-home-hero-stats{grid-template-columns:1fr}
  .websodi-home-section{padding:16px}
  .websodi-home-section-head{display:block}
  .websodi-home-section-head>p{margin-top:6px;text-align:left}
  .websodi-home-topic-grid,.websodi-home-popular-grid{grid-template-columns:1fr}
  .websodi-home-popular-card{grid-template-columns:82px minmax(0,1fr)}
  .websodi-home-words{padding:18px}
  .websodi-home-latest-head{padding:16px}
}

/* ========================================================================== 
   WEBSODI PORTAL v1.0 — portal-specific layer
   ========================================================================== */
:root{
  --ws-orange:#f58220;
  --ws-orange-dark:#c95f0a;
  --ws-ink:#17202a;
  --ws-text:#38424d;
  --ws-muted:#7a838d;
  --ws-line:#e6e9ed;
  --ws-soft:#f6f7f9;
  --ws-card:#fff;
  --ws-radius:14px;
  --ws-shadow:0 10px 32px rgba(27,39,51,.08);
}
.websodi-home-search{display:flex;gap:8px;max-width:610px;margin:20px 0 0;padding:6px;background:#fff;border-radius:11px;box-shadow:0 8px 30px rgba(0,0,0,.16)}
.websodi-home-search input{flex:1;min-width:0;height:42px;padding:0 12px;background:transparent!important;border:0!important;box-shadow:none!important;color:#28313a!important;font-size:13px!important}
.websodi-home-search input::placeholder{color:#9299a0}
.websodi-home-search button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;height:42px;padding:0 16px;border:0;border-radius:8px;background:var(--ws-orange);color:#fff;font-weight:800;cursor:pointer}
.websodi-home-search button:hover{background:var(--ws-orange-dark)}
.websodi-home-topic-grid--portal{grid-template-columns:repeat(2,minmax(0,1fr))}
.websodi-home-topic-card{grid-template-columns:34px minmax(0,1fr) auto!important}
.websodi-home-topic-icon{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;background:#fff2e6;font-size:17px;line-height:1}
.websodi-home-topic-card.is-coming{opacity:.72;cursor:default}
.websodi-home-topic-card.is-coming:hover{border-color:#e9ecef;background:#fafbfc}
.websodi-home-topic-status{padding:5px 7px;border-radius:999px;background:#eef1f4;color:#7b848d;font-size:9px;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.websodi-home-featured-area{grid-template-columns:260px minmax(0,1fr)}
.websodi-category-head{margin:0 0 20px;padding:22px 24px;background:#fff;border:1px solid var(--ws-line);border-left:4px solid var(--ws-orange);border-radius:11px;box-sizing:border-box}
.websodi-category-kicker{display:block;margin:0 0 7px;color:var(--ws-orange);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.websodi-category-title-row{display:flex;align-items:center;gap:10px}
.websodi-category-title-row .page-title{margin:0!important;color:var(--ws-ink)!important;font-size:28px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.025em!important}
.websodi-category-title-row .rss-cat-icon{position:static!important;margin:0!important}
.websodi-category-description{margin:10px 0 0;color:#66717b;font-size:13px;line-height:1.65}
.websodi-category-description p{margin:0}
@media (max-width:670px){
  .websodi-home-search{margin-top:16px}
  .websodi-home-search button{min-width:46px;padding:0 13px}
  .websodi-home-search button span{display:none}
  .websodi-home-topic-grid--portal{grid-template-columns:1fr}
  .websodi-home-topic-status{font-size:8px}
  .websodi-category-head{padding:18px}
  .websodi-category-title-row .page-title{font-size:24px!important}
}

/* ========================================================================== 
   WEBSODI PORTAL v1.0.1 — portal homepage + compact brand header
   ========================================================================== */

/* The old Sahifa utility bar made the site look like a legacy blog. Legal
   links remain available in the footer; the primary header now owns navigation. */
#top-nav.top-nav{display:none!important;}
#theme-header{
  margin-top:18px!important;
  margin-bottom:22px!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 34px rgba(27,39,51,.08)!important;
  overflow:hidden!important;
}
#theme-header .header-content{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  padding:16px 22px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
#theme-header .logo{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
}
#theme-header .logo h1,#theme-header .logo h2{margin:0!important;line-height:1!important;}
#theme-header .logo a{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#20262c!important;
  font-size:30px!important;
  font-weight:820!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  text-decoration:none!important;
}
#theme-header .logo a:before{
  content:"";
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  flex:0 0 42px;
  border-radius:12px;
  background:#0f1723 url("assets/favicons/favicon-48x48.png") center/cover no-repeat;
  box-shadow:0 8px 18px rgba(15,23,35,.22);
}
#theme-header .logo span{
  display:block!important;
  margin:7px 0 0 54px!important;
  color:#8a929a!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#theme-header .logo span:empty:after{content:"Bilgi • Araç • Rehber";}

#main-nav,#main-nav-uber{
  min-height:52px!important;
  background:#20262c!important;
  border-bottom:3px solid var(--ws-orange)!important;
}
#main-nav>.container,#main-nav-uber>.container{
  min-height:52px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:16px!important;
}
#main-nav .websodi-main-menu{
  float:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
#main-nav .websodi-main-menu>ul{
  display:flex!important;
  align-items:stretch!important;
  min-height:52px!important;
  margin:0!important;
}
#main-nav .websodi-main-menu>ul>li{float:none!important;display:flex!important;align-items:stretch!important;}
#main-nav .websodi-main-menu>ul>li>a{
  display:flex!important;
  align-items:center!important;
  min-height:52px!important;
  padding:0 17px!important;
  color:#eef1f3!important;
  font-size:12.5px!important;
  font-weight:720!important;
  text-decoration:none!important;
  border:0!important;
}
#main-nav .websodi-main-menu>ul>li>a:hover,
#main-nav .websodi-main-menu>ul>li.current-menu-item>a{
  background:#2b3238!important;
  color:#fff!important;
}
#main-nav .websodi-nav-home>a{color:#ffad62!important;}
.websodi-nav-search{
  flex:0 0 210px!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  height:34px!important;
  margin-left:auto!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
}
.websodi-nav-search input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:32px!important;
  padding:0 10px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:11.5px!important;
}
.websodi-nav-search input::placeholder{color:#aeb6bd!important;}
.websodi-nav-search button{
  flex:0 0 34px!important;
  width:34px!important;
  height:32px!important;
  border:0!important;
  background:transparent!important;
  color:#ff9a3d!important;
  cursor:pointer!important;
}

/* Homepage is a portal, not a blog + sidebar layout. */
@media (min-width:1100px){
  #wrapper.boxed #main-content.websodi-front-layout{
    display:block!important;
    width:1180px!important;
    padding:30px 0 34px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout>.content{
    float:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #wrapper.boxed #main-content.websodi-front-layout>#sidebar{display:none!important;}
}

.websodi-home-hub{margin:0!important;}
.websodi-home-hero{
  grid-template-columns:minmax(0,1fr) 290px!important;
  gap:44px!important;
  align-items:center!important;
  margin-bottom:24px!important;
  padding:46px 48px!important;
  min-height:330px!important;
  border-radius:18px!important;
  border-bottom-width:4px!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(255,255,255,.08) 0 3%,transparent 3.2% 100%),
    linear-gradient(135deg,#1e2429 0%,#262d33 62%,#39291f 100%)!important;
  box-shadow:0 16px 42px rgba(24,31,38,.12)!important;
}
.websodi-home-hero:after{width:300px!important;height:300px!important;right:-72px!important;top:-105px!important;border-width:50px!important;}
.websodi-home-kicker{font-size:11.5px!important;letter-spacing:.11em!important;}
.websodi-home-hero h1{
  max-width:720px!important;
  margin-bottom:16px!important;
  font-size:44px!important;
  line-height:1.08!important;
}
.websodi-home-hero p{max-width:720px!important;font-size:15px!important;line-height:1.72!important;}
.websodi-home-search{max-width:690px!important;margin-top:24px!important;padding:7px!important;border-radius:12px!important;}
.websodi-home-search input{height:46px!important;font-size:13.5px!important;}
.websodi-home-search button{height:46px!important;min-width:98px!important;border-radius:9px!important;}
.websodi-home-hero-stats{gap:10px!important;}
.websodi-home-hero-stats>span{
  padding:15px 16px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.065)!important;
}
.websodi-home-hero-stats strong{font-size:13px!important;}
.websodi-home-hero-stats small{font-size:10.5px!important;line-height:1.45!important;}

.websodi-home-section{
  margin-bottom:24px!important;
  padding:28px!important;
  border:1px solid #e6e9ec!important;
  border-bottom:1px solid #e6e9ec!important;
  border-radius:16px!important;
  box-shadow:0 7px 24px rgba(27,39,51,.045)!important;
}
.websodi-home-section-head{margin-bottom:20px!important;align-items:center!important;}
.websodi-home-section-head span,.websodi-home-words-intro>span,.websodi-home-latest-head span{font-size:10.5px!important;}
.websodi-home-section-head h2,.websodi-home-words h2,.websodi-home-latest-head h2{font-size:25px!important;}
.websodi-home-section-head>p{max-width:360px!important;font-size:11.5px!important;}
.websodi-home-topic-grid--portal{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.websodi-home-topic-card{
  min-height:88px!important;
  padding:16px!important;
  border-radius:12px!important;
  background:#fafbfc!important;
}
.websodi-home-topic-card:not(.is-coming):hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(27,39,51,.055);}
.websodi-home-topic-icon{width:38px!important;height:38px!important;border-radius:11px!important;font-size:18px!important;}
.websodi-home-topic-copy strong{font-size:14px!important;}
.websodi-home-topic-copy small{font-size:10.8px!important;}

.websodi-home-popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.websodi-home-popular-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#fafbfc!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.websodi-home-popular-card:hover{transform:translateY(-3px);border-color:#dfe3e7!important;box-shadow:0 10px 24px rgba(27,39,51,.07);}
.websodi-home-popular-thumb{height:142px!important;min-height:142px!important;background:#22282e!important;}
.websodi-home-popular-thumb img{width:100%!important;height:142px!important;min-height:142px!important;object-fit:cover!important;}
.websodi-home-popular-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:14px 15px 15px!important;}
.websodi-home-popular-body h3{margin:0 0 12px!important;font-size:13.5px!important;line-height:1.42!important;}
.websodi-home-card-link{margin-top:auto;color:#c35a08;font-size:10.5px;font-weight:800;}
.websodi-home-card-link b{font-size:13px;}

.websodi-home-words{
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:30px!important;
  margin-bottom:24px!important;
  padding:30px!important;
  border-radius:16px!important;
  box-shadow:0 10px 26px rgba(27,39,51,.08)!important;
}
.websodi-home-words-intro p{font-size:12px!important;line-height:1.65!important;}
.websodi-home-words-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.websodi-home-words-list>a{min-height:54px!important;padding:13px 14px!important;}
.websodi-home-words-list strong{font-size:12px!important;}

.websodi-home-sponsor-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:0 0 24px;
  padding:17px 20px;
  border:1px solid #e8ebee;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 18px rgba(27,39,51,.035);
}
.websodi-home-sponsor-meta{display:flex;align-items:center;gap:12px;min-width:0;}
.websodi-home-sponsor-meta>span{padding:5px 8px;border-radius:999px;background:#fff3e6;color:#bb5506;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;}
.websodi-home-sponsor-meta strong{color:#252c33;font-size:13px;}
.websodi-home-sponsor-meta small{color:#7b848c;font-size:10.5px;}
.websodi-home-sponsor-inline>a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#b95105!important;font-size:11px;font-weight:800;text-decoration:none!important;}

.websodi-home-latest{margin:0 0 4px;}
.websodi-home-latest-head{
  margin:0 0 16px!important;
  padding:22px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  border:1px solid #e7eaed!important;
  border-left:4px solid var(--ws-orange)!important;
  border-radius:12px!important;
  background:#fff!important;
}
.websodi-home-latest-head>p{max-width:360px!important;margin:0!important;text-align:right!important;}
.websodi-home-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.websodi-home-latest-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #e5e8eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 24px rgba(27,39,51,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.websodi-home-latest-card:hover{transform:translateY(-3px);border-color:#d7dce1;box-shadow:0 12px 30px rgba(27,39,51,.075);}
.websodi-home-latest-thumb{display:block;height:190px;background:#eef1f4;overflow:hidden;}
.websodi-home-latest-thumb img{display:block;width:100%;height:190px;object-fit:cover;transition:transform .22s ease;}
.websodi-home-latest-card:hover .websodi-home-latest-thumb img{transform:scale(1.025);}
.websodi-home-latest-body{display:flex;flex:1 1 auto;flex-direction:column;padding:18px;}
.websodi-home-latest-cat{align-self:flex-start;margin:0 0 9px;padding:4px 7px;border-radius:999px;background:#fff3e8;color:#b6540a;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.websodi-home-latest-body h3{margin:0 0 10px;font-size:16px;line-height:1.4;letter-spacing:-.015em;}
.websodi-home-latest-body h3 a{color:#222a31!important;text-decoration:none!important;}
.websodi-home-latest-body h3 a:hover{color:#bd5708!important;}
.websodi-home-latest-body p{margin:0 0 16px;color:#68717a;font-size:11.8px;line-height:1.62;}
.websodi-home-latest-link{margin-top:auto;color:#b95105!important;font-size:11px;font-weight:820;text-decoration:none!important;}

/* Slightly more intentional footer on the portal. */
#footer-widget-area{border-top:3px solid var(--ws-orange)!important;}
.footer-bottom{background:#20262c!important;}
.footer-bottom .container{padding-top:22px!important;padding-bottom:22px!important;}
.footer-bottom .alignleft,.footer-bottom .alignright{color:#aeb5bb!important;font-size:11px!important;}

@media (max-width:1099px){
  #theme-header{margin:10px 12px 16px!important;}
  #theme-header .header-content{min-height:72px!important;padding:13px 16px!important;}
  #main-nav>.container,#main-nav-uber>.container{width:100%!important;padding:0 12px!important;}
  .websodi-nav-search{display:none!important;}
  #wrapper.boxed #main-content.websodi-front-layout>.content{width:100%!important;max-width:none!important;}
  .websodi-home-hero{grid-template-columns:1fr!important;gap:22px!important;padding:34px 28px!important;min-height:0!important;}
  .websodi-home-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .websodi-home-topic-grid--portal{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .websodi-home-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .websodi-home-words{grid-template-columns:1fr!important;}
  .websodi-home-words-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .websodi-home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media (max-width:670px){
  #theme-header{border-radius:12px!important;}
  #theme-header .header-content{justify-content:center!important;}
  #theme-header .logo a{font-size:24px!important;gap:9px!important;}
  #theme-header .logo a:before{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:20px;}
  #theme-header .logo span{margin-left:45px!important;font-size:9px!important;}
  #main-nav{display:none!important;}
  .websodi-home-hero{padding:27px 20px!important;border-radius:13px!important;}
  .websodi-home-hero h1{font-size:32px!important;}
  .websodi-home-hero p{font-size:13px!important;}
  .websodi-home-hero-stats{grid-template-columns:1fr!important;}
  .websodi-home-section{padding:18px!important;border-radius:13px!important;}
  .websodi-home-section-head,.websodi-home-latest-head{display:block!important;}
  .websodi-home-section-head>p,.websodi-home-latest-head>p{margin-top:7px!important;text-align:left!important;}
  .websodi-home-topic-grid--portal,.websodi-home-popular-grid,.websodi-home-words-list,.websodi-home-latest-grid{grid-template-columns:1fr!important;}
  .websodi-home-popular-card{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;}
  .websodi-home-popular-thumb,.websodi-home-popular-thumb img{height:100%!important;min-height:105px!important;}
  .websodi-home-words{padding:20px!important;}
  .websodi-home-sponsor-inline{display:block;padding:16px;}
  .websodi-home-sponsor-meta{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;margin-bottom:12px;}
  .websodi-home-sponsor-meta small{grid-column:1/-1;}
  .websodi-home-latest-thumb,.websodi-home-latest-thumb img{height:180px;}
}
.websodi-footer-links{display:flex!important;align-items:center!important;gap:8px!important;}
.websodi-footer-links a{color:#c2c8cd!important;text-decoration:none!important;}
.websodi-footer-links a:hover{color:#ff9a3d!important;}
.websodi-footer-links span{color:#697178!important;}
@media (max-width:670px){.websodi-footer-links{justify-content:center!important;flex-wrap:wrap!important;margin-bottom:10px!important;}}

/* ========================================================================== 
   WEBSODI PORTAL v1.0.2 — front-page width + discovery-card repair
   ========================================================================== */

/* Sahifa can render the wrapper as boxed, boxed-all or wide-layout depending
   on saved theme options.  The portal front page must be full-width in all
   three modes; otherwise the legacy .content:780px rule wins. */
@media (min-width:1100px){
  #main-content.websodi-front-layout{
    display:block!important;
    width:1180px!important;
    max-width:1180px!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:30px 0 34px!important;
  }
  #main-content.websodi-front-layout>.content,
  #main-content.websodi-front-layout .content{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #main-content.websodi-front-layout>#sidebar,
  #main-content.websodi-front-layout .sidebar-narrow,
  #main-content.websodi-front-layout .sidebar-wide{
    display:none!important;
  }
  #wrapper.boxed-all #main-content.websodi-front-layout,
  #wrapper.wide-layout #main-content.websodi-front-layout,
  #wrapper.boxed #main-content.websodi-front-layout{
    width:1180px!important;
    max-width:1180px!important;
  }
}

/* Guard against old Sahifa link/card selectors collapsing the second row. */
.websodi-home-topic-grid--portal{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  align-items:stretch!important;
  grid-auto-rows:minmax(92px,auto)!important;
}
.websodi-home-topic-grid--portal>.websodi-home-topic-card{
  display:grid!important;
  visibility:visible!important;
  height:auto!important;
  min-height:92px!important;
  max-height:none!important;
  overflow:visible!important;
  opacity:1!important;
  text-indent:0!important;
  font-size:inherit!important;
}
.websodi-home-topic-grid--portal>.websodi-home-topic-card.is-coming{opacity:.72!important;}
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-icon,
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-copy,
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-copy strong,
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-copy small,
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-arrow,
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-status{
  display:block!important;
  visibility:visible!important;
  text-indent:0!important;
}
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-icon{
  display:flex!important;
}
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-copy strong{color:#28313a!important;}
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-copy small{color:#79828b!important;}

/* The portal gets more breathing room on desktop once it owns the full frame. */
@media (min-width:1100px){
  .websodi-home-hero{min-height:350px!important;padding:48px 54px!important;}
  .websodi-home-section{padding:30px!important;}
  .websodi-home-latest-grid{gap:18px!important;}
}

/* ========================================================================== 
   WEBSODI PORTAL v1.0.3 — clean single article layout
   Removes the legacy Sahifa sidebar/article split on single posts and gives
   articles a centered, predictable reading surface.
   ========================================================================== */
body.single #main-content.container{
  display:block!important;
}
body.single #main-content.container > .websodi-single-content{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.single #main-content.container > #sidebar{
  display:none!important;
}
body.single .websodi-single-shell{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.single .websodi-single-breadcrumbs{
  margin:0 0 14px!important;
}
body.single .websodi-single-breadcrumbs #crumbs{
  margin:0!important;
}
body.single article.websodi-article{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 26px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--ws-line)!important;
  border-bottom:3px solid var(--ws-orange)!important;
  border-radius:16px!important;
  box-shadow:0 10px 30px rgba(27,39,51,.06)!important;
}
body.single .websodi-article-header{
  padding:38px 48px 28px!important;
  background:#fff!important;
}
body.single .websodi-article-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  margin:0 0 12px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fff3e7!important;
  color:#b65008!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
body.single .websodi-article-header h1.entry-title,
body.single .websodi-article-header h1.post-title{
  margin:0 0 14px!important;
  padding:0!important;
  color:var(--ws-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:40px!important;
  font-weight:780!important;
  line-height:1.14!important;
  letter-spacing:-.035em!important;
}
body.single .websodi-article-header p.post-meta{
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#59636c!important;
  font-size:12px!important;
  line-height:1.55!important;
}
body.single .websodi-article-featured{
  margin:0!important;
  padding:0!important;
  background:#111!important;
  line-height:0!important;
  overflow:hidden!important;
  border-top:1px solid #eef0f2!important;
  border-bottom:1px solid #eef0f2!important;
}
body.single .websodi-article-featured img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:540px!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
}
body.single .websodi-article-featured figcaption{
  padding:9px 14px!important;
  background:#fafbfc!important;
  color:#59636c!important;
  font-size:11px!important;
  line-height:1.5!important;
  text-align:center!important;
}
body.single article.websodi-article .post-inner.websodi-article-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:38px 58px 46px!important;
  box-sizing:border-box!important;
}
body.single article.websodi-article .entry{
  width:100%!important;
  max-width:840px!important;
  margin:0 auto!important;
  padding:0!important;
  color:#3d4650!important;
  font-size:17px!important;
  line-height:1.82!important;
}
body.single article.websodi-article .entry p{
  margin:0 0 20px!important;
  line-height:1.82!important;
}
body.single article.websodi-article .entry h2{
  margin:42px 0 16px!important;
  padding:3px 0 3px 14px!important;
  border-left:4px solid var(--ws-orange)!important;
  color:#1c242c!important;
  font-size:27px!important;
  font-weight:760!important;
  line-height:1.3!important;
  letter-spacing:-.02em!important;
}
body.single article.websodi-article .entry h3{
  margin:32px 0 13px!important;
  color:#27313a!important;
  font-size:22px!important;
  font-weight:740!important;
  line-height:1.35!important;
}
body.single article.websodi-article .entry table{
  display:table!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
body.single .websodi-post-tags,
body.single .websodi-single-extra,
body.single #related_posts,
body.single #comments-box,
body.single #respond{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.single #comments-box .post-listing,
body.single #respond,
body.single #author-box .post-listing{
  border-radius:14px!important;
  overflow:hidden!important;
}

@media (max-width:1099px){
  body.single .websodi-single-shell{
    max-width:900px!important;
  }
  body.single article.websodi-article,
  body.single .websodi-post-tags,
  body.single .websodi-single-extra,
  body.single #related_posts,
  body.single #comments-box,
  body.single #respond{
    max-width:900px!important;
  }
}

@media (max-width:700px){
  body.single #main-content.container{
    padding-top:18px!important;
  }
  body.single .websodi-article-header{
    padding:25px 20px 20px!important;
  }
  body.single .websodi-article-header h1.entry-title,
  body.single .websodi-article-header h1.post-title{
    font-size:30px!important;
    line-height:1.18!important;
  }
  body.single .websodi-article-featured img{
    max-height:none!important;
  }
  body.single article.websodi-article .post-inner.websodi-article-body{
    padding:28px 20px 34px!important;
  }
  body.single article.websodi-article .entry{
    max-width:none!important;
    font-size:16px!important;
    line-height:1.78!important;
  }
  body.single article.websodi-article .entry p{
    line-height:1.78!important;
  }
  body.single article.websodi-article .entry h2{
    margin-top:34px!important;
    font-size:24px!important;
  }
  body.single article.websodi-article .entry h3{
    font-size:20px!important;
  }
  body.single article.websodi-article .entry table{
    display:block!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* ==========================================================
   WEBSODI PORTAL v1.0.4 — navigation search containment fix
   Keep the field and submit icon as one self-contained control.
   ========================================================== */
#main-nav .websodi-nav-search{
  position:relative!important;
  float:none!important;
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  max-width:220px!important;
  height:36px!important;
  margin:8px 0 8px auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:stretch!important;
  align-self:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
}
#main-nav .websodi-nav-search input[type="search"]{
  position:static!important;
  float:none!important;
  display:block!important;
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  line-height:34px!important;
  transition:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#main-nav .websodi-nav-search button[type="submit"]{
  position:static!important;
  inset:auto!important;
  float:none!important;
  display:flex!important;
  grid-column:2!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  outline:0!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  color:#ff9a3d!important;
  line-height:34px!important;
  transform:none!important;
}
#main-nav .websodi-nav-search button[type="submit"] i{
  position:static!important;
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-size:13px!important;
  line-height:1!important;
}
#main-nav .websodi-nav-search:focus-within{
  border-color:rgba(255,154,61,.7)!important;
  background:rgba(255,255,255,.10)!important;
}
/* The portal has its own search; never allow Sahifa's legacy desktop search to leak out. */
#top-nav .search-block,
#main-nav .search-block,
#main-nav-uber .search-block{display:none!important;}

@media (max-width:1099px){
  #main-nav .websodi-nav-search{display:none!important;}
}


/* ==========================================================
   WEBSODI PORTAL v1.0.5 — stable navigation on scroll
   Sahifa's legacy sticky navigation is intentionally disabled.
   These rules are also a safety net for cached markup/classes.
   ========================================================== */
@media (min-width:1100px){
  #main-nav.fixed-enabled,
  #main-nav.fixed-nav,
  #main-nav.fixed-nav-appear,
  #main-nav.fixed-enabled.fixed-nav,
  #main-nav.fixed-enabled.fixed-nav-appear{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    box-shadow:none!important;
  }
  body.admin-bar #main-nav.fixed-nav-appear{top:auto!important;}
  #main-nav.fixed-nav .main-nav-logo{display:none!important;}
}


/* ==========================================================
   WEBSODI PORTAL v1.0.6 — contextual single-post helper panel
   Not a classic widget sidebar: TOC, related reading and search.
   ========================================================== */
body.single .websodi-single-shell{
  max-width:1180px!important;
}
body.single .websodi-single-grid{
  display:grid!important;
  grid-template-columns:minmax(0,820px) minmax(270px,320px)!important;
  align-items:start!important;
  justify-content:center!important;
  gap:28px!important;
  width:100%!important;
  margin:0 auto 26px!important;
}
body.single .websodi-single-grid article.websodi-article{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.single article.websodi-article .post-inner.websodi-article-body{
  padding:36px 46px 44px!important;
}
body.single article.websodi-article .entry{
  max-width:730px!important;
}
body.single .websodi-context-sidebar{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.single .websodi-context-sidebar-inner{
  position:sticky!important;
  top:22px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
body.admin-bar.single .websodi-context-sidebar-inner{
  top:54px!important;
}
body.single .websodi-context-card{
  width:100%!important;
  margin:0!important;
  padding:18px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid var(--ws-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(27,39,51,.045)!important;
}
body.single .websodi-context-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 13px!important;
  color:#222b33!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
body.single .websodi-context-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  border-radius:8px!important;
  background:#fff3e7!important;
  color:#a84f0d!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.single .websodi-context-toc ol{
  margin:0!important;
  padding:0!important;
}
body.single .websodi-context-toc li{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  border-top:1px solid #f0f2f4!important;
}
body.single .websodi-context-toc li:first-child{
  border-top:0!important;
}
body.single .websodi-context-toc li a{
  display:block!important;
  padding:9px 2px!important;
  color:#505a64!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:1.45!important;
  text-decoration:none!important;
}
body.single .websodi-context-toc li a:hover{
  color:#d86412!important;
}
body.single .websodi-context-toc li.websodi-toc-level-3 a{
  padding-left:14px!important;
  color:#59636c!important;
  font-size:12px!important;
  font-weight:560!important;
}
body.single article.websodi-article .entry h2[id],
body.single article.websodi-article .entry h3[id]{
  scroll-margin-top:24px!important;
}
body.single .websodi-context-related-list{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
body.single .websodi-context-related-item{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
  padding:11px 0!important;
  border-top:1px solid #f0f2f4!important;
  color:inherit!important;
  text-decoration:none!important;
}
body.single .websodi-context-related-item:first-child{
  padding-top:0!important;
  border-top:0!important;
}
body.single .websodi-context-related-item:last-child{
  padding-bottom:0!important;
}
body.single .websodi-context-related-thumb{
  display:block!important;
  width:58px!important;
  height:52px!important;
  overflow:hidden!important;
  border-radius:9px!important;
  background:#f2f4f6!important;
}
body.single .websodi-context-related-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
}
body.single .websodi-context-related-copy{
  display:block!important;
  min-width:0!important;
}
body.single .websodi-context-related-copy strong{
  display:-webkit-box!important;
  overflow:hidden!important;
  color:#313b44!important;
  font-size:12px!important;
  font-weight:720!important;
  line-height:1.38!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
}
body.single .websodi-context-related-item:hover strong{
  color:#d86412!important;
}
body.single .websodi-context-related-copy small{
  display:block!important;
  margin-top:5px!important;
  color:#59636c!important;
  font-size:10px!important;
  line-height:1.2!important;
}
body.single .websodi-context-search form{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  height:40px!important;
  overflow:hidden!important;
  border:1px solid #dde1e5!important;
  border-radius:10px!important;
  background:#fafbfc!important;
}
body.single .websodi-context-search input[type="search"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0 11px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#3f4851!important;
  font-size:12px!important;
  line-height:38px!important;
}
body.single .websodi-context-search button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #e4e7ea!important;
  background:#fff!important;
  color:#a84f0d!important;
}
body.single .websodi-post-tags,
body.single .websodi-single-extra,
body.single #related_posts,
body.single #comments-box,
body.single #respond{
  max-width:980px!important;
}

@media (max-width:1099px){
  body.single .websodi-single-shell{
    max-width:900px!important;
  }
  body.single .websodi-single-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  body.single .websodi-single-grid article.websodi-article{
    max-width:900px!important;
  }
  body.single .websodi-context-sidebar{
    max-width:900px!important;
    margin:0 auto!important;
  }
  body.single .websodi-context-sidebar-inner{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  body.single .websodi-context-search{
    grid-column:1/-1!important;
  }
}

@media (max-width:700px){
  body.single .websodi-single-grid{
    gap:14px!important;
  }
  body.single article.websodi-article .post-inner.websodi-article-body{
    padding:28px 20px 34px!important;
  }
  body.single article.websodi-article .entry{
    max-width:none!important;
  }
  body.single .websodi-context-sidebar-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  /* A table of contents placed after a long article is not useful on phones. */
  body.single .websodi-context-toc{
    display:none!important;
  }
  body.single .websodi-context-card{
    padding:16px!important;
    border-radius:12px!important;
  }
}


/* ==========================================================
   WEBSODI PORTAL v1.0.7 — true article + helper-panel columns
   v1.0.6 grid was being squeezed inside Sahifa's legacy 840px
   .content width. The single-post content wrapper must own the
   full 1180px desktop shell before the internal grid is split.
   ========================================================== */
@media (min-width:1100px){
  #wrapper.boxed #main-content.container > .content.websodi-single-content,
  #wrapper.boxed #main-content.container:not(.full-width) > .content.websodi-single-content{
    float:none!important;
    display:block!important;
    width:1180px!important;
    max-width:1180px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #wrapper.boxed #main-content.container > #sidebar,
  #wrapper.boxed #main-content.container:not(.full-width) > #sidebar{
    display:none!important;
  }

  body.single .websodi-single-shell{
    width:1180px!important;
    max-width:1180px!important;
    margin:0 auto!important;
  }

  body.single .websodi-single-grid{
    display:grid!important;
    grid-template-columns:minmax(0,850px) 300px!important;
    gap:30px!important;
    width:1180px!important;
    max-width:1180px!important;
    margin:0 auto 26px!important;
    align-items:start!important;
    justify-content:stretch!important;
  }

  body.single .websodi-single-grid > article.websodi-article{
    width:850px!important;
    max-width:850px!important;
    min-width:0!important;
    margin:0!important;
  }

  body.single article.websodi-article .post-inner.websodi-article-body{
    padding:38px 45px 46px!important;
  }

  body.single article.websodi-article .entry{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
  }

  body.single .websodi-context-sidebar{
    width:300px!important;
    max-width:300px!important;
    min-width:300px!important;
  }

  /* Elements that belong to the article stay aligned with the article,
     rather than being centered beneath the combined two-column shell. */
  body.single .websodi-post-tags,
  body.single .websodi-single-extra,
  body.single #related_posts,
  body.single #comments-box,
  body.single #respond{
    width:850px!important;
    max-width:850px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
}

@media (max-width:1099px){
  #wrapper.boxed #main-content.container > .content.websodi-single-content,
  #wrapper.boxed #main-content.container:not(.full-width) > .content.websodi-single-content{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body.single .websodi-single-grid{
    width:100%!important;
    max-width:900px!important;
  }
}

/* ==========================================================
   WEBSODI PORTAL v1.1.0 — calculator center on homepage
   ========================================================== */
.websodi-home-calculators{border-left:3px solid #e8751a!important}
.websodi-home-calc-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.websodi-home-calc-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:150px!important;padding:18px!important;border:1px solid #e7e9eb!important;border-radius:12px!important;background:#fbfcfc!important;color:inherit!important;text-decoration:none!important;transition:.18s ease!important}
.websodi-home-calc-card:hover{transform:translateY(-2px)!important;border-color:#efc49f!important;background:#fff!important;box-shadow:0 8px 20px rgba(35,42,48,.055)!important}
.websodi-home-calc-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;margin:0 0 12px!important;border-radius:10px!important;background:#fff1e4!important;color:#db6913!important;font-size:16px!important;font-weight:800!important}
.websodi-home-calc-card>span:nth-child(2){display:block!important;min-width:0!important}.websodi-home-calc-card strong{display:block!important;color:#313b44!important;font-size:13px!important;line-height:1.35!important}.websodi-home-calc-card small{display:-webkit-box!important;overflow:hidden!important;margin-top:6px!important;color:#818990!important;font-size:10px!important;line-height:1.45!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.websodi-home-calc-card>b{position:absolute!important;top:18px!important;right:16px!important;color:#e8751a!important;font-size:13px!important}.websodi-home-calc-all{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-top:16px!important;color:#d76714!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important}
@media(max-width:900px){.websodi-home-calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){.websodi-home-calc-grid{grid-template-columns:1fr!important}.websodi-home-calc-card{min-height:125px!important}}

/* ========================================================================== 
   WEBSODI PORTAL v1.1.1 — lock normal articles to a true right helper column
   Calculator pages have their own full-width rules in websodi-calculators.css.
   ========================================================================== */
@media (min-width:1100px){
  body.single-post #main-content.container{
    width:1180px!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.single-post #main-content.container>.content.websodi-single-content{
    float:none!important;
    width:1180px!important;
    max-width:1180px!important;
    margin:0!important;
  }
  body.single-post .websodi-single-shell,
  body.single-post .websodi-single-grid{
    width:1180px!important;
    max-width:1180px!important;
  }
  body.single-post .websodi-single-grid{
    grid-template-columns:850px 300px!important;
    column-gap:30px!important;
    justify-content:stretch!important;
  }
  body.single-post .websodi-single-grid>article.websodi-article{
    grid-column:1!important;
    width:850px!important;
    max-width:850px!important;
  }
  body.single-post .websodi-single-grid>.websodi-context-sidebar{
    grid-column:2!important;
    width:300px!important;
    max-width:300px!important;
    min-width:300px!important;
    align-self:start!important;
    margin:0!important;
  }
}

/* ========================================================================== 
   WEBSODI PORTAL v1.34.2 — true full-width homepage
   The homepage has no sidebar, so it uses the same 1180px portal frame as
   calculator pages instead of inheriting Sahifa's legacy 1010/1045px widths.
   ========================================================================== */
#main-content.websodi-front-layout{
  display:block!important;
  width:1180px!important;
  max-width:calc(100% - 32px)!important;
  margin:28px auto 46px!important;
  padding-left:0!important;
  padding-right:0!important;
}
#main-content.websodi-front-layout>.content{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
#main-content.websodi-front-layout>#sidebar{
  display:none!important;
}
.websodi-front-layout .websodi-home-hub{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:1099px){
  #main-content.websodi-front-layout{
    width:auto!important;
    max-width:calc(100% - 28px)!important;
  }
}
@media(max-width:700px){
  #main-content.websodi-front-layout{
    max-width:calc(100% - 20px)!important;
    margin-top:16px!important;
  }
}


/* ==========================================================================
   WEBSODI PORTAL v1.34.3 — dedicated homepage width guard
   ========================================================================== */
body.home #main-content.websodi-front-layout.full-width,
body.home #main-content.websodi-front-layout{
  display:block!important;
  width:1180px!important;
  max-width:calc(100% - 32px)!important;
  margin:28px auto 46px!important;
  padding:0!important;
}
body.home #main-content.websodi-front-layout>.websodi-front-content,
body.home #main-content.websodi-front-layout>.content{
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.home #main-content.websodi-front-layout>#sidebar{display:none!important;}
@media(max-width:700px){
  body.home #main-content.websodi-front-layout.full-width,
  body.home #main-content.websodi-front-layout{max-width:calc(100% - 20px)!important;margin-top:16px!important;}
}


/* ==========================================================
   WEBSODI PORTAL v1.38.3 — adaptive navigation + mobile polish
   ========================================================== */
@media (min-width:1100px){
  #theme-header{overflow:visible!important;}
  #theme-header .header-content{border-radius:14px 14px 0 0!important;}
  #main-nav,#main-nav-uber{position:relative!important;z-index:80!important;border-radius:0 0 14px 14px!important;}
  #main-nav .websodi-main-menu>ul{flex-wrap:nowrap!important;white-space:nowrap!important;overflow:visible!important;}
  #main-nav .websodi-main-menu>ul>li{height:52px!important;flex:0 0 auto!important;}
  #main-nav .websodi-main-menu>ul>li>a,
  #main-nav .websodi-nav-parent-toggle{padding-left:14px!important;padding-right:14px!important;}
  #main-nav .websodi-nav-group{position:relative!important;flex:0 0 auto!important;}
  #main-nav .websodi-nav-parent-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    min-height:52px!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;
    background:transparent!important;color:#eef1f3!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
    font-size:12.5px!important;font-weight:720!important;line-height:52px!important;letter-spacing:.005em!important;cursor:pointer!important;
  }
  #main-nav .websodi-nav-group:hover>.websodi-nav-parent-toggle,
  #main-nav .websodi-nav-group:focus-within>.websodi-nav-parent-toggle{background:#2b3238!important;color:#fff!important;}

  /* Draw the dropdown indicator ourselves. A font glyph sat below the text baseline. */
  #main-nav .websodi-nav-caret{
    position:static!important;display:block!important;flex:0 0 auto!important;width:0!important;height:0!important;
    margin:0!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;
    border-top:5px solid #ffad62!important;color:transparent!important;font-size:0!important;line-height:0!important;
    transform:none!important;transform-origin:50% 40%!important;transition:transform .16s ease!important;
  }
  #main-nav .websodi-nav-group:hover .websodi-nav-caret,
  #main-nav .websodi-nav-group:focus-within .websodi-nav-caret{transform:rotate(180deg)!important;}
  #main-nav .websodi-nav-group:after,
  #main-nav .websodi-nav-group>.websodi-nav-parent-toggle:after{display:none!important;content:none!important;}

  #main-nav .websodi-main-menu>ul>li.websodi-nav-group>ul.sub-menu{
    position:absolute!important;top:52px!important;left:0!important;right:auto!important;z-index:9999!important;
    display:none!important;width:224px!important;min-width:224px!important;margin:0!important;padding:8px!important;overflow:visible!important;
    border:1px solid rgba(255,255,255,.08)!important;border-top:3px solid var(--ws-orange)!important;border-radius:0 0 11px 11px!important;
    background:#20282f!important;box-shadow:0 14px 28px rgba(15,22,28,.22)!important;
  }
  #main-nav .websodi-main-menu>ul>li.websodi-nav-more>ul.sub-menu{left:auto!important;right:0!important;}
  #main-nav .websodi-main-menu>ul>li.websodi-nav-group:hover>ul.sub-menu,
  #main-nav .websodi-main-menu>ul>li.websodi-nav-group:focus-within>ul.sub-menu{display:block!important;}
  #main-nav .websodi-nav-group>ul.sub-menu>li,
  #main-nav .websodi-nav-group>ul.sub-menu>li:first-child{
    position:relative!important;float:none!important;display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  #main-nav .websodi-nav-group>ul.sub-menu>li+li{margin-top:2px!important;}
  #main-nav .websodi-nav-group>ul.sub-menu>li>a{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px 11px!important;
    border:0!important;border-radius:7px!important;background:transparent!important;color:#dce2e6!important;font-size:12px!important;font-weight:690!important;line-height:1.35!important;text-decoration:none!important;
  }
  #main-nav .websodi-nav-group>ul.sub-menu>li>a:hover,
  #main-nav .websodi-nav-group>ul.sub-menu>li>a:focus{padding-left:11px!important;padding-right:11px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;}
}

/* Mobile clone: larger tap targets, clearer hierarchy and a cleaner off-canvas panel. */
@media (max-width:1099px){
  #slide-out{
    position:fixed!important;z-index:6000!important;width:min(86vw,360px)!important;height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;
    background:#1c242a!important;color:#e5eaed!important;box-shadow:14px 0 34px rgba(11,18,23,.28)!important;
  }
  .csstransforms3d.csstransitions .js-nav .inner-wrapper{transform:none!important;left:0!important;}
  .search-mobile{height:42px!important;margin:16px 14px 12px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;background:#273139!important;box-shadow:none!important;}
  .search-mobile #s-mobile{height:40px!important;padding:9px 48px 9px 13px!important;color:#eef2f4!important;font-size:14px!important;}
  .search-mobile button.search-button{height:40px!important;width:44px!important;color:#ff8a28!important;}
  #mobile-menu{border-top:0!important;padding:3px 10px 22px!important;}
  #slide-out #mobile-menu:before{content:"WEBSODI MENÜ";display:block;padding:8px 8px 10px;color:#8d9aa3;font-size:10px;font-weight:800;letter-spacing:.12em;}
  #slide-out #mobile-menu .websodi-main-menu>ul>li{margin:2px 0!important;border-radius:9px!important;overflow:hidden!important;background:transparent!important;}
  #slide-out #mobile-menu a,
  #slide-out #mobile-menu .websodi-nav-parent-toggle{
    display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;margin:0!important;padding:12px 52px 12px 13px!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:transparent!important;color:#e3e8eb!important;
    font-size:15px!important;font-weight:690!important;line-height:1.35!important;text-align:left!important;text-decoration:none!important;
  }
  #slide-out #mobile-menu a:hover,
  #slide-out #mobile-menu .websodi-nav-parent-toggle:hover,
  #slide-out #mobile-menu li.is-mobile-open>.websodi-nav-parent-toggle{background:#263139!important;color:#fff!important;}
  #slide-out #mobile-menu .websodi-nav-home>a{color:#ffad62!important;}
  #slide-out #mobile-menu ul li.menu-item-has-children>i.mobile-arrows{
    top:5px!important;right:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;padding:0!important;
    border:0!important;border-radius:8px!important;background:rgba(255,255,255,.05)!important;color:#ff9a43!important;font-size:12px!important;
  }
  #slide-out #mobile-menu ul li.menu-item-has-children>i.mobile-arrows:hover{background:rgba(255,255,255,.09)!important;}
  #slide-out #mobile-menu .websodi-nav-caret{display:none!important;}
  #slide-out #mobile-menu ul.sub-menu{margin:0 5px 7px!important;padding:5px!important;border-left:2px solid rgba(255,122,0,.7)!important;border-radius:0 0 8px 8px!important;background:#171e23!important;}
  #slide-out #mobile-menu ul.sub-menu li{margin:0!important;}
  #slide-out #mobile-menu ul.sub-menu a{min-height:40px!important;padding:9px 11px!important;border-bottom:0!important;border-radius:6px!important;color:#bcc7cd!important;font-size:13.5px!important;font-weight:620!important;}
  #slide-out #mobile-menu ul.sub-menu a:hover{background:#212a30!important;color:#fff!important;}
}

/* ==========================================================
   WEBSODI PORTAL v1.39.3 — fixed mobile header + overlay drawer
   ========================================================== */
@media (max-width:1099px){
  html, body{overflow-x:hidden!important;}

  /* Keep the mobile brand genuinely left aligned. */
  #theme-header .header-content,
  #theme-header.center-logo .header-content{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding-left:16px!important;
    padding-right:62px!important;
  }
  #theme-header .logo,
  #theme-header.center-logo .logo,
  #theme-header.full-logo .logo{
    float:none!important;
    clear:none!important;
    display:block!important;
    width:auto!important;
    max-width:calc(100% - 4px)!important;
    margin:0 auto 0 0!important;
    padding:0!important;
    text-align:left!important;
  }
  #theme-header .logo h1,
  #theme-header .logo h2{
    margin:0!important;
    text-align:left!important;
  }
  #theme-header .logo a{
    justify-content:flex-start!important;
    text-align:left!important;
  }

  /* Sahifa's original drawer pushes .inner-wrapper by 80%.
     Websodi uses an overlay drawer instead: the page must never move. */
  body.js-nav .wrapper-outer,
  body.js-nav #wrapper,
  body.js-nav .inner-wrapper,
  .csstransforms3d.csstransitions body.js-nav .inner-wrapper,
  .csstransforms3d.csstransitions .js-nav .inner-wrapper{
    left:0!important;
    right:auto!important;
    margin-left:0!important;
    -webkit-transform:none!important;
       -moz-transform:none!important;
        -ms-transform:none!important;
         -o-transform:none!important;
            transform:none!important;
  }

  body.websodi-mobile-nav-open{overflow:hidden!important;}

  #slide-out{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    right:auto!important;
    z-index:6000!important;
    display:block!important;
    width:min(86vw,360px)!important;
    height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#1c242a!important;
    color:#e5eaed!important;
    box-shadow:14px 0 34px rgba(11,18,23,.28)!important;
    opacity:1!important;
    -webkit-transform:translate3d(-101%,0,0)!important;
       -moz-transform:translate3d(-101%,0,0)!important;
        -ms-transform:translate3d(-101%,0,0)!important;
         -o-transform:translate3d(-101%,0,0)!important;
            transform:translate3d(-101%,0,0)!important;
    transition:transform .22s ease!important;
  }
  body.js-nav #slide-out,
  body.websodi-mobile-nav-open #slide-out,
  .csstransforms3d.csstransitions .js-nav #slide-out{
    -webkit-transform:translate3d(0,0,0)!important;
       -moz-transform:translate3d(0,0,0)!important;
        -ms-transform:translate3d(0,0,0)!important;
         -o-transform:translate3d(0,0,0)!important;
            transform:translate3d(0,0,0)!important;
  }
  body.js-nav #mobile-menu,
  body.websodi-mobile-nav-open #mobile-menu{display:block!important;}

  .websodi-mobile-nav-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:5990!important;
    display:block!important;
    background:rgba(12,18,22,.52)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;
  }
  body.js-nav .websodi-mobile-nav-backdrop,
  body.websodi-mobile-nav-open .websodi-mobile-nav-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .websodi-mobile-menu-head{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:58px!important;
    padding:9px 10px 9px 16px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    background:#1c242a!important;
  }
  .websodi-mobile-menu-head strong{
    color:#fff!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  .websodi-mobile-menu-close{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:10px!important;
    background:#273139!important;
    cursor:pointer!important;
    box-shadow:none!important;
  }
  .websodi-mobile-menu-close span,
  .websodi-mobile-menu-close span:before{
    content:""!important;
    position:absolute!important;
    display:block!important;
    width:20px!important;
    height:2px!important;
    border-radius:4px!important;
    background:#ff9a43!important;
  }
  .websodi-mobile-menu-close span{transform:rotate(45deg)!important;}
  .websodi-mobile-menu-close span:before{transform:rotate(90deg)!important;}

  /* The drawer contains its own X, so hide the header burger while open. */
  body.js-nav #slide-out-open,
  body.websodi-mobile-nav-open #slide-out-open{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media (max-width:670px){
  #theme-header .header-content,
  #theme-header.center-logo .header-content{
    justify-content:flex-start!important;
    padding-left:12px!important;
    padding-right:58px!important;
  }
  #theme-header .logo,
  #theme-header.center-logo .logo{
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }
}

@media (max-width:350px){
  #theme-header .logo,
  #theme-header.center-logo .logo{
    padding-right:0!important;
    text-align:left!important;
  }
  #theme-header .logo a{font-size:21px!important;gap:8px!important;}
  #theme-header .logo a:before{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:19px!important;}
  #theme-header .logo span{margin-left:42px!important;}
}


/* Websodi v1.41.2 — portal discovery + context-aware internal links */
.websodi-home-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.websodi-home-live-grid>a{display:flex;align-items:center;gap:12px;min-height:104px;padding:15px;border:1px solid #e5e9ec;border-radius:11px;background:#fbfcfc;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.websodi-home-live-grid>a:hover{transform:translateY(-2px);border-color:#ffc28a;box-shadow:0 7px 18px rgba(31,42,49,.06)}
.websodi-home-live-icon{width:42px;height:42px;border-radius:10px;background:#fff1e4;display:flex;align-items:center;justify-content:center;flex:none;font-size:20px}
.websodi-home-live-copy{display:block;min-width:0;flex:1}.websodi-home-live-copy strong{display:block;color:#273139;font-size:14px}.websodi-home-live-copy small{display:block;margin-top:3px;color:#748087;font-size:11px;line-height:1.4}.websodi-home-live-copy em{display:block;margin-top:7px;color:#e66e00;font-size:9.5px;font-style:normal;font-weight:800}.websodi-home-live-grid>a>b{color:#f88c00;font-size:18px}
.websodi-smart-links{width:100%;max-width:1180px;margin:16px auto 24px;padding:22px;background:#202a31;border-radius:13px;box-sizing:border-box}
.websodi-smart-links>header>span{display:block;color:#ff9a35;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:5px}.websodi-smart-links>header>h2{margin:0 0 14px;color:#fff;font-size:20px;line-height:1.25}
.websodi-smart-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.websodi-smart-links-grid>a{position:relative;display:block;min-height:105px;padding:13px 34px 13px 13px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.035);text-decoration:none}.websodi-smart-links-grid>a:hover{background:rgba(255,255,255,.07)}.websodi-smart-links-grid>a>span{display:block;color:#ffad62;font-size:8.5px;font-weight:900;letter-spacing:.045em}.websodi-smart-links-grid>a>strong{display:block;color:#fff;font-size:13px;margin:4px 0}.websodi-smart-links-grid>a>small{display:block;color:#b9c4ca;font-size:10px;line-height:1.4}.websodi-smart-links-grid>a>b{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#ff7a00;font-size:18px}
@media(max-width:900px){.websodi-home-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.websodi-smart-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.websodi-home-live-grid,.websodi-smart-links-grid{grid-template-columns:1fr}.websodi-smart-links{margin:14px 0 22px;padding:18px 15px;border-radius:11px}.websodi-smart-links-grid>a{min-height:0}.websodi-home-live-grid>a{min-height:0}}

/* ========================================================================== 
   WEBSODI PORTAL v1.42.14 — homepage WCAG contrast closeout
   Keeps the visual hierarchy while ensuring small labels/descriptions on the
   light homepage cards meet AA contrast. "Coming soon" cards are no longer
   faded with opacity because that also faded their readable text.
   ========================================================================== */
body.home .websodi-home-section-head span{color:#b45100!important}
body.home .websodi-home-section-head>p{color:#5f6973!important}
body.home .websodi-home-topic-copy small{color:#5f6973!important}
body.home .websodi-home-topic-card.is-coming,
body.home .websodi-home-topic-grid--portal>.websodi-home-topic-card.is-coming{opacity:1!important}
body.home .websodi-home-topic-status{background:#e2e7eb!important;color:#4f5963!important}
body.home .websodi-home-live-copy small{color:#5f6973!important}
body.home .websodi-home-live-copy em{color:#a84400!important}
body.home .websodi-home-calc-card small{color:#5f6973!important}
body.home .websodi-home-calc-all{color:#a94700!important}
body.home .websodi-home-card-link{color:#a94700!important}
body.home .websodi-home-views{color:#5f6973!important}
body.home .websodi-home-search input::placeholder{color:#68727c!important;opacity:1}

/* ==========================================================================
   WEBSODI PORTAL v1.42.15 — homepage final AA contrast sweep
   ========================================================================== */
body.home .websodi-home-sponsor-meta small{color:#5f6973!important}
body.home .websodi-home-sponsor-meta>span{color:#9a4300!important}
body.home .websodi-home-sponsor-inline>a{color:#9f4600!important}
body.home .websodi-home-latest-cat{color:#9b4300!important}
body.home .websodi-home-latest-body p{color:#5f6973!important}
body.home .websodi-home-latest-link{color:#9f4600!important}
body.home .websodi-home-words-intro>span{color:#ffad62!important}
body.home .websodi-home-words-intro>a{color:#ffad62!important}
/* v1.42.16 - Homepage topic-card contrast final pass.
 * Lighthouse was still resolving the legacy #79828b small-copy rule on the
 * discovery cards on some front-page body-class combinations. Do not depend
 * on body.home here: the selector is scoped to the homepage topic component.
 */
.websodi-home-topic-grid--portal>.websodi-home-topic-card .websodi-home-topic-copy small,
.websodi-home-topic-card .websodi-home-topic-copy small{color:#46515c!important;opacity:1!important}
.websodi-home-topic-grid--portal>.websodi-home-topic-card.is-coming,
.websodi-home-topic-card.is-coming{opacity:1!important}


/* v1.42.52 — normal article accessibility hardening */
body.single-post article.websodi-article .entry blockquote,
body.single-post article.websodi-article .entry blockquote p{
  color:#39434d!important;
}
body.single-post article.websodi-article .entry blockquote p{
  padding:0!important;
  border:0!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-style:normal!important;
}
body.single-post #commentform label,
body.single-post #commentform .comment-notes,
body.single-post #commentform .logged-in-as,
body.single-post #commentform .form-allowed-tags,
body.single-post .commentmetadata,
body.single-post .commentmetadata a{
  color:#59636c!important;
}
body.single-post #related_posts .post-meta,
body.single-post #related_posts .tie-date{
  color:#59636c!important;
}
body.single-post .websodi-context-related-copy small{
  color:#59636c!important;
}


/* v1.42.54 — blog comment submit AA contrast */
body.single-post #respond .form-submit #submit,
body.single-post #commentform input[type="submit"]{
  background:#a84f0d!important;
  color:#fff!important;
  border-color:#a84f0d!important;
  text-shadow:none!important;
}
body.single-post #respond .form-submit #submit:hover,
body.single-post #respond .form-submit #submit:focus,
body.single-post #commentform input[type="submit"]:hover,
body.single-post #commentform input[type="submit"]:focus{
  background:#8f4109!important;
  color:#fff!important;
}


/* v1.42.57 — normal blog breadcrumb + header/content spacing */
body.single-post .websodi-single-breadcrumbs{
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
}
body.single-post .websodi-single-breadcrumbs #crumbs{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  color:#59636c!important;
  font-size:12px!important;
  line-height:18px!important;
}
body.single-post .websodi-single-breadcrumbs #crumbs a{
  color:#59636c!important;
  text-decoration:none!important;
}
body.single-post .websodi-single-breadcrumbs #crumbs a:hover{
  color:#a84f0d!important;
}
body.single-post .websodi-single-breadcrumbs #crumbs .delimiter{
  display:inline-block!important;
  margin:0 7px!important;
  color:#8b949c!important;
}
body.single-post .websodi-single-breadcrumbs #crumbs .current{
  min-width:0!important;
  color:#46515c!important;
}
@media (min-width:1100px){
  /* Match the tighter, standardized portal page spacing. */
  body.single-post #theme-header{
    margin-bottom:0!important;
  }
  body.single-post #wrapper.boxed #main-content.container{
    padding-top:8px!important;
    padding-bottom:30px!important;
  }
}
@media (max-width:700px){
  body.single-post .websodi-single-breadcrumbs{
    margin-bottom:9px!important;
  }
  body.single-post .websodi-single-breadcrumbs #crumbs{
    font-size:11px!important;
    line-height:17px!important;
  }
  body.single-post .websodi-single-breadcrumbs #crumbs .current{
    display:none!important;
  }
}


/* v1.42.58 — AI topic hub + contextual internal linking */
.websodi-ai-hub-intro{
  margin:0 0 22px;
  padding:22px 24px;
  background:#202a31;
  border-radius:12px;
  box-sizing:border-box;
}
.websodi-ai-hub-copy{max-width:850px}
.websodi-ai-hub-kicker,
.websodi-ai-related>header>span{
  display:block;
  margin:0 0 6px;
  color:#ff9a35;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.websodi-ai-hub-copy h2,
.websodi-ai-related>header h2{
  margin:0 0 8px;
  color:#fff;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
}
.websodi-ai-hub-copy p,
.websodi-ai-related>header p{
  margin:0;
  color:#c5cdd2;
  font-size:13px;
  line-height:1.65;
}
.websodi-ai-hub-links{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:16px;
}
.websodi-ai-hub-links>a,
.websodi-ai-related-grid>a{
  position:relative;
  display:block;
  padding:12px 34px 12px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  text-decoration:none!important;
  box-sizing:border-box;
}
.websodi-ai-hub-links>a:hover,
.websodi-ai-related-grid>a:hover{background:rgba(255,255,255,.075)}
.websodi-ai-hub-links>a span,
.websodi-ai-related-grid>a>span{
  display:block;
  color:#ffad62;
  font-size:9px;
  font-weight:900;
  letter-spacing:.035em;
}
.websodi-ai-hub-links>a strong,
.websodi-ai-related-grid>a strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:12px;
  line-height:1.35;
}
.websodi-ai-hub-links>a b,
.websodi-ai-related-grid>a b{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#ff7a00;
  font-size:17px;
}
.websodi-ai-related{
  margin:28px 0 10px;
  padding:20px;
  background:#202a31;
  border-radius:12px;
  box-sizing:border-box;
}
.websodi-ai-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.websodi-ai-related-grid>a small{
  display:block;
  margin-top:5px;
  color:#bac5cb;
  font-size:10.5px;
  line-height:1.45;
}
.websodi-ai-related-all{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:13px;
  color:#ffad62!important;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
}
.websodi-ai-related-all:hover{color:#fff!important}
@media(max-width:900px){
  .websodi-ai-hub-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .websodi-ai-hub-intro,.websodi-ai-related{padding:17px 15px;border-radius:10px}
  .websodi-ai-hub-copy h2,.websodi-ai-related>header h2{font-size:19px}
  .websodi-ai-hub-links,.websodi-ai-related-grid{grid-template-columns:1fr}
}


/* v1.42.59 — category breadcrumb normalization */
body.category .websodi-category-breadcrumb{
  color:#59636c!important;
}
body.category .websodi-category-breadcrumb a{
  color:#59636c!important;
  text-decoration:none!important;
}
body.category .websodi-category-breadcrumb a:hover{
  color:#a84f0d!important;
}
body.category .websodi-category-breadcrumb .delimiter{
  margin:0 5px!important;
  color:#8b949c!important;
}
body.category .websodi-category-breadcrumb .current{
  color:#46515c!important;
}
/* v1.43.19 — reliable mobile Sport icons + font-independent dropdown chevrons. */
.websodi-mobile-nav-icon{display:none!important}
@media (max-width:1099px){
  #slide-out #mobile-menu .websodi-mobile-nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 19px!important;width:19px!important;height:19px!important;margin-right:10px!important;color:#ff9a43!important}
  #slide-out #mobile-menu .websodi-mobile-nav-icon svg{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  #slide-out #mobile-menu .websodi-nav-label{min-width:0!important}
  #slide-out #mobile-menu ul li.menu-item-has-children>i.mobile-arrows{font-size:0!important;font-family:inherit!important}
  #slide-out #mobile-menu ul li.menu-item-has-children>i.mobile-arrows:before{content:""!important;display:block!important;width:8px!important;height:8px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:rotate(45deg) translate(-1px,-1px)!important;transform-origin:center!important;transition:transform .16s ease!important}
  #slide-out #mobile-menu ul li.menu-item-has-children.is-mobile-open>i.mobile-arrows:before{transform:rotate(225deg) translate(-1px,-1px)!important}
}


/* v1.43.21 — Rehberler active state, desktop + mobile. */
@media (min-width:1100px){
  #main-nav .websodi-nav-group.current-menu-parent>.websodi-nav-parent-toggle{background:#2b3238!important;color:#fff!important}
  #main-nav .websodi-nav-group>ul.sub-menu>li.current-menu-item>a{background:rgba(255,255,255,.07)!important;color:#fff!important}
}
@media (max-width:1099px){
  #slide-out #mobile-menu li.current-menu-parent>.websodi-nav-parent-toggle,
  #slide-out #mobile-menu li.current-menu-item>a{background:#263139!important;color:#fff!important}
}

/* v1.44.07 — AI article related guides visual refresh + contrast hardening. */
body.single-post article.websodi-article .entry .websodi-ai-related{
  margin:30px 0 12px!important;
  padding:22px!important;
  border:1px solid #dfe5ea!important;
  border-top:3px solid #f88c00!important;
  border-radius:12px!important;
  background:#f7f9fb!important;
  box-shadow:0 8px 24px rgba(31,42,49,.045)!important;
  box-sizing:border-box!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related>header{
  margin:0 0 15px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #e5e9ed!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related>header>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#a64d00!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related>header h2{
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  color:#1e2933!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related>header p{
  margin:0!important;
  color:#56626d!important;
  font-size:13px!important;
  line-height:1.6!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-grid>a{
  position:relative!important;
  display:block!important;
  min-height:108px!important;
  padding:15px 48px 14px 15px!important;
  border:1px solid #dde4e9!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1f2933!important;
  text-decoration:none!important;
  box-shadow:0 2px 8px rgba(31,42,49,.025)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  box-sizing:border-box!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-grid>a:hover{
  border-color:#efb477!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(31,42,49,.07)!important;
  transform:translateY(-1px)!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-grid>a>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#a34d08!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-grid>a>strong{
  display:block!important;
  margin:0!important;
  color:#18232d!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1.42!important;
  text-decoration:none!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-grid>a>small{
  display:block!important;
  margin:7px 0 0!important;
  color:#5b6670!important;
  font-size:11px!important;
  line-height:1.5!important;
  text-decoration:none!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-grid>a>b{
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  display:grid!important;
  place-items:center!important;
  width:29px!important;
  height:29px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#fff1e4!important;
  color:#b85300!important;
  font-size:16px!important;
  line-height:1!important;
  transform:translateY(-50%)!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-all{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  margin:15px 0 0!important;
  padding:9px 12px!important;
  border:1px solid #d9e0e5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#934500!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-decoration:none!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-all:hover{
  border-color:#efb477!important;
  background:#fff8f1!important;
  color:#743600!important;
}
body.single-post article.websodi-article .entry .websodi-ai-related-all>span{
  color:#c45d00!important;
  text-decoration:none!important;
}
@media(max-width:700px){
  body.single-post article.websodi-article .entry .websodi-ai-related{padding:17px 15px!important;border-radius:10px!important}
  body.single-post article.websodi-article .entry .websodi-ai-related>header h2{font-size:19px!important}
  body.single-post article.websodi-article .entry .websodi-ai-related-grid{grid-template-columns:1fr!important}
  body.single-post article.websodi-article .entry .websodi-ai-related-grid>a{min-height:0!important;padding:13px 45px 13px 13px!important}
  body.single-post article.websodi-article .entry .websodi-ai-related-all{width:100%!important;justify-content:center!important;box-sizing:border-box!important}
}

/* v1.44.08 — Single article images fill the content width without side gaps */
body.single .websodi-article-featured{
  background:#fff!important;
}
body.single .websodi-article-featured img{
  max-height:none!important;
  width:100%!important;
  margin:0!important;
  object-fit:initial!important;
}
body.single-post article.websodi-article .entry figure,
body.single-post article.websodi-article .entry .wp-block-image,
body.single-post article.websodi-article .entry .wp-caption,
body.single-post article.websodi-article .entry .aligncenter,
body.single-post article.websodi-article .entry .alignnone{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 26px!important;
  padding:0!important;
}
body.single-post article.websodi-article .entry figure img,
body.single-post article.websodi-article .entry .wp-block-image img,
body.single-post article.websodi-article .entry .wp-caption img,
body.single-post article.websodi-article .entry .aligncenter img,
body.single-post article.websodi-article .entry .alignnone img,
body.single-post article.websodi-article .entry > img,
body.single-post article.websodi-article .entry p > img:only-child{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
}
body.single-post article.websodi-article .entry figure figcaption,
body.single-post article.websodi-article .entry .wp-caption-text{
  width:100%!important;
  margin:10px 0 0!important;
  padding:0!important;
}

/* v1.44.09 — Gemini article uses a tightly cropped, theme-bundled featured image */
body.single-post .websodi-article-featured--gemini{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.single-post .websodi-article-featured--gemini img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:1672/560!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}

/* v1.44.10 — Grok GSC quick-answer layout. */
body.single-post .websodi-gsc-intent--grok .websodi-gsc-intent__qa{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){body.single-post .websodi-gsc-intent--grok .websodi-gsc-intent__qa{grid-template-columns:1fr}}

/* v1.44.11 — Grok comparison status icons: compact and balanced */
body.single-post .websodi-grok-compare-table{
  width:100%!important;
  table-layout:fixed!important;
}
body.single-post .websodi-grok-compare-table th,
body.single-post .websodi-grok-compare-table td{
  vertical-align:middle!important;
}
body.single-post .websodi-grok-compare-table td:not(:first-child),
body.single-post .websodi-grok-compare-table th:not(:first-child){
  text-align:center!important;
}
body.single-post .websodi-grok-compare-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  margin:1px auto!important;
  font-size:22px!important;
  line-height:1!important;
  vertical-align:middle!important;
}
@media (max-width:768px){
  body.single-post .websodi-grok-compare-icon{
    width:24px!important;
    height:24px!important;
    font-size:18px!important;
  }
  body.single-post .websodi-grok-compare-table th,
  body.single-post .websodi-grok-compare-table td{
    padding:7px 6px!important;
  }
}

/* v1.44.12 — Grok comparison icons: stable inline SVG, immune to emoji replacement */
body.single-post .websodi-grok-compare-icon{
  font-size:0!important;
}
body.single-post .websodi-grok-compare-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
body.single-post .websodi-grok-compare-icon.is-yes svg rect{
  fill:#69b84f!important;
  stroke:none!important;
}
body.single-post .websodi-grok-compare-icon.is-yes svg path{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.single-post .websodi-grok-compare-icon.is-no svg path{
  fill:none!important;
  stroke:#e52b3d!important;
  stroke-width:5!important;
  stroke-linecap:round!important;
}
body.single-post .websodi-grok-compare-icon.is-mid svg path,
body.single-post .websodi-grok-compare-icon.is-mid svg rect{
  fill:#f39a0a!important;
  stroke:none!important;
}

/* v1.44.14 — DeepSeek GSC layout + shared AI comparison icon standard */
body.single-post .websodi-gsc-intent--deepseek .websodi-gsc-intent__qa{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.single-post .websodi-ai-compare-table{
  width:100%!important;
  table-layout:fixed!important;
}
body.single-post .websodi-ai-compare-table th,
body.single-post .websodi-ai-compare-table td{
  vertical-align:middle!important;
}
body.single-post .websodi-ai-compare-table td:not(:first-child),
body.single-post .websodi-ai-compare-table th:not(:first-child){
  text-align:center!important;
}
body.single-post .websodi-ai-compare-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  margin:1px auto!important;
  font-size:0!important;
  line-height:1!important;
  vertical-align:middle!important;
}
body.single-post .websodi-ai-compare-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
body.single-post .websodi-ai-compare-icon.is-yes svg rect{fill:#69b84f!important;stroke:none!important}
body.single-post .websodi-ai-compare-icon.is-yes svg path{fill:none!important;stroke:#fff!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.single-post .websodi-ai-compare-icon.is-no svg path{fill:none!important;stroke:#e52b3d!important;stroke-width:5!important;stroke-linecap:round!important}
body.single-post .websodi-ai-compare-icon.is-mid svg path,
body.single-post .websodi-ai-compare-icon.is-mid svg rect{fill:#f39a0a!important;stroke:none!important}
@media(max-width:900px){
  body.single-post .websodi-gsc-intent--deepseek .websodi-gsc-intent__qa{grid-template-columns:1fr}
}
@media(max-width:768px){
  body.single-post .websodi-ai-compare-icon{width:24px!important;height:24px!important}
  body.single-post .websodi-ai-compare-table th,
  body.single-post .websodi-ai-compare-table td{padding:7px 6px!important}
}
/* v1.44.15 — Claude quick-answer layout; SEO metadata intentionally unchanged. */
body.single-post .websodi-gsc-intent--claude .websodi-gsc-intent__qa{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:900px){
  body.single-post .websodi-gsc-intent--claude .websodi-gsc-intent__qa{grid-template-columns:1fr}
}

/* ========================================================================== 
   WEBSODI PORTAL v1.44.17 — premium global footer
   Source mirror of assets/css/websodi-footer-critical.min.css.
   ========================================================================== */
.websodi-footer-main{position:relative;background:#1d252b;border-top:3px solid #f88c00;color:#cbd1d5}
.websodi-footer-main:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:rgba(255,255,255,.04)}
.websodi-footer-main .container{padding-top:38px;padding-bottom:36px}
.websodi-footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:34px;align-items:start}
.websodi-footer-brand{padding-right:20px}
.websodi-footer-logo{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important}
.websodi-footer-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#101417;color:#fff;font:900 22px/1 Arial,sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.18)}
.websodi-footer-logo-copy{display:flex;flex-direction:column;min-width:0}
.websodi-footer-logo-copy strong{color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:20px;line-height:1.05;letter-spacing:-.025em}
.websodi-footer-logo-copy small{margin-top:5px;color:#8f9aa2;font:750 8px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.13em}
.websodi-footer-brand p{max-width:330px;margin:19px 0 15px;color:#9ea8af;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:11.5px;line-height:1.7}
.websodi-footer-home-link{display:inline-flex;align-items:center;gap:7px;color:#f4a35d!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:780;text-decoration:none!important}
.websodi-footer-home-link:hover{color:#ffb573!important}
.websodi-footer-nav h2{position:relative;margin:2px 0 15px;padding-bottom:10px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.01em}
.websodi-footer-nav h2:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;background:#f88c00}
.websodi-footer-nav ul{margin:0;padding:0}.websodi-footer-nav li{margin:0;border-bottom:1px solid rgba(255,255,255,.055)}.websodi-footer-nav li:last-child{border-bottom:0}
.websodi-footer-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;color:#aeb7bd!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:10.8px;line-height:1.35;text-decoration:none!important;transition:color .16s ease,padding-left .16s ease}
.websodi-footer-nav a span{color:#67747d;font-size:14px;transition:color .16s ease,transform .16s ease}.websodi-footer-nav a:hover{padding-left:3px;color:#fff!important}.websodi-footer-nav a:hover span{color:#f88c00;transform:translateX(2px)}
.websodi-footer-bottom{background:#171d21!important;border-top:1px solid rgba(255,255,255,.055)!important}.websodi-footer-bottom .container{padding-top:17px!important;padding-bottom:17px!important}
.websodi-footer-bottom-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:22px}
.websodi-footer-copyright,.websodi-footer-meta,.websodi-footer-option-text,.websodi-footer-legal{color:#808b92!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:9.5px!important;line-height:1.5!important}
.websodi-footer-copyright a,.websodi-footer-meta a,.websodi-footer-legal a{color:#9ca5ab!important;text-decoration:none!important}.websodi-footer-copyright a:hover,.websodi-footer-meta a:hover,.websodi-footer-legal a:hover{color:#f3a35e!important}
.websodi-footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px}.websodi-footer-legal{display:flex;align-items:center;gap:8px}.websodi-footer-legal span{color:#4f5a61}.websodi-footer-social{margin-top:10px;text-align:center}
.websodi-footer-main+#theme-footer{margin-top:0}#wrapper.boxed-all .websodi-footer-main .container{width:997px}
@media(max-width:1099px){.websodi-footer-main .container,.websodi-footer-bottom .container{width:96%!important}.websodi-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.websodi-footer-brand{padding-right:0}.websodi-footer-brand p{max-width:430px}}
@media(max-width:670px){.websodi-footer-main .container{padding-top:29px;padding-bottom:27px}.websodi-footer-grid{grid-template-columns:1fr;gap:25px}.websodi-footer-brand{padding-bottom:5px}.websodi-footer-brand p{max-width:none}.websodi-footer-nav h2{margin-bottom:10px}.websodi-footer-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.websodi-footer-nav a{min-height:34px}.websodi-footer-bottom-grid{display:block;text-align:center}.websodi-footer-meta{justify-content:center;flex-wrap:wrap;margin-top:8px}.websodi-footer-legal{justify-content:center;flex-wrap:wrap}.websodi-footer-social{margin-top:12px}}
@media(max-width:420px){.websodi-footer-nav ul{grid-template-columns:1fr}.websodi-footer-logo-copy strong{font-size:19px}}

/* ========================================================================== 
   WEBSODI PORTAL v1.44.20 — single article SEO + visual final
   Quiet editorial header, natural article-ending internal links and a leaner
   helper column. Existing canonical/schema/Rank Math output is untouched.
   ========================================================================== */
body.single-post .websodi-article-header{
  padding:34px 42px 26px!important;
}
body.single-post .websodi-article-header h1.entry-title,
body.single-post .websodi-article-header h1.post-title{
  max-width:760px!important;
  margin-bottom:12px!important;
  font-size:38px!important;
  line-height:1.15!important;
}
body.single-post .websodi-article-lead{
  max-width:720px!important;
  margin:0 0 15px!important;
  color:#56616b!important;
  font-size:16px!important;
  font-weight:450!important;
  line-height:1.62!important;
}
body.single-post .websodi-article-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px 0!important;
  margin:0!important;
  color:#59636c!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
body.single-post .websodi-article-meta>span{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}
body.single-post .websodi-article-meta>span+span:before{
  content:none!important;
  display:none!important;
}
body.single-post .websodi-article-meta .websodi-article-meta-sep{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 9px!important;
  color:#c66a16!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  opacity:.78!important;
}
body.single-post .websodi-article-meta time{
  margin-left:4px!important;
  color:#404a53!important;
  font-weight:700!important;
}
body.single-post .websodi-single-breadcrumbs{
  margin-bottom:10px!important;
}
body.single-post article.websodi-article .post-inner.websodi-article-body{
  padding-top:34px!important;
}
body.single-post article.websodi-article .entry>p:first-child{
  font-size:17.5px!important;
  line-height:1.82!important;
}
body.single-post .websodi-context-sidebar-inner{
  gap:14px!important;
}
body.single-post .websodi-context-search{
  box-shadow:none!important;
}

/* Article-ending related links replace Sahifa's legacy related/author/nav chain. */
body.single-post .websodi-related-final{
  width:850px!important;
  max-width:850px!important;
  margin:0 0 28px!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border:1px solid var(--ws-line)!important;
  border-bottom:3px solid var(--ws-orange)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(27,39,51,.05)!important;
}
body.single-post .websodi-related-final-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 17px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #edf0f2!important;
}
body.single-post .websodi-related-final-head>div>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ad4c07!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
body.single-post .websodi-related-final-head h2{
  margin:0!important;
  color:#202930!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.018em!important;
}
body.single-post .websodi-related-category-link{
  flex:0 0 auto!important;
  padding-bottom:2px!important;
  color:#9d4507!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.single-post .websodi-related-category-link:hover{
  color:#7f3502!important;
}
body.single-post .websodi-related-final-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.single-post .websodi-related-final-card{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  min-height:112px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid #e6e9ec!important;
  border-radius:12px!important;
  background:#fbfcfc!important;
  color:inherit!important;
  text-decoration:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.single-post .websodi-related-final-card:hover{
  transform:translateY(-1px)!important;
  border-color:#efc7a6!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(35,42,48,.055)!important;
}
body.single-post .websodi-related-final-media{
  display:block!important;
  width:112px!important;
  min-height:112px!important;
  overflow:hidden!important;
  background:#eef1f3!important;
}
body.single-post .websodi-related-final-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:112px!important;
  margin:0!important;
  object-fit:cover!important;
}
body.single-post .websodi-related-final-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:112px!important;
  background:#202a31!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
}
body.single-post .websodi-related-final-copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:13px 14px 12px!important;
  box-sizing:border-box!important;
}
body.single-post .websodi-related-final-copy small{
  display:block!important;
  margin:0 0 5px!important;
  color:#64707a!important;
  font-size:9.5px!important;
  line-height:1.3!important;
}
body.single-post .websodi-related-final-copy strong{
  display:-webkit-box!important;
  overflow:hidden!important;
  color:#2b353e!important;
  font-size:12.5px!important;
  font-weight:760!important;
  line-height:1.38!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
body.single-post .websodi-related-final-copy em{
  display:block!important;
  margin-top:auto!important;
  padding-top:8px!important;
  color:#9d4507!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:800!important;
}

/* Legacy single-post extras are intentionally retired in v1.44.20. */
body.single-post #author-box,
body.single-post .post-navigation,
body.single-post #related_posts{
  display:none!important;
}

@media (max-width:1099px){
  body.single-post .websodi-related-final{
    width:100%!important;
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:700px){
  body.single-post .websodi-article-header{
    padding:24px 20px 20px!important;
  }
  body.single-post .websodi-article-header h1.entry-title,
  body.single-post .websodi-article-header h1.post-title{
    font-size:29px!important;
    line-height:1.18!important;
  }
  body.single-post .websodi-article-lead{
    margin-bottom:13px!important;
    font-size:14.5px!important;
    line-height:1.62!important;
  }
  body.single-post .websodi-article-meta{
    font-size:10.5px!important;
  }
  body.single-post .websodi-article-meta .websodi-article-meta-sep{
    margin-left:7px!important;
    margin-right:7px!important;
    font-size:13px!important;
  }
  body.single-post article.websodi-article .post-inner.websodi-article-body{
    padding-top:27px!important;
  }
  body.single-post article.websodi-article .entry>p:first-child{
    font-size:16px!important;
  }
  body.single-post .websodi-related-final{
    margin-bottom:22px!important;
    padding:18px!important;
    border-radius:14px!important;
  }
  body.single-post .websodi-related-final-head{
    display:block!important;
    margin-bottom:13px!important;
    padding-bottom:12px!important;
  }
  body.single-post .websodi-related-final-head h2{
    font-size:19px!important;
  }
  body.single-post .websodi-related-category-link{
    display:inline-flex!important;
    margin-top:9px!important;
  }
  body.single-post .websodi-related-final-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.single-post .websodi-related-final-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    min-height:92px!important;
  }
  body.single-post .websodi-related-final-media{
    width:88px!important;
    min-height:92px!important;
  }
  body.single-post .websodi-related-final-media img,
  body.single-post .websodi-related-final-placeholder{
    min-height:92px!important;
  }
  body.single-post .websodi-related-final-copy{
    padding:11px 12px 10px!important;
  }
}


/* ========================================================================== 
   WEBSODI PORTAL v1.44.21 — single article cleanup pass
   One related block, compact H2-only TOC, calmer article ending, robust tables.
   ========================================================================== */
@media (min-width:1100px){
  body.single-post .websodi-single-shell,
  body.single-post .websodi-single-grid{width:1180px!important;max-width:1180px!important}
  body.single-post .websodi-single-grid{grid-template-columns:865px 285px!important;column-gap:30px!important}
  body.single-post .websodi-single-grid>article.websodi-article{width:865px!important;max-width:865px!important}
  body.single-post .websodi-single-grid>.websodi-context-sidebar{width:285px!important;max-width:285px!important;min-width:285px!important}
  body.single-post article.websodi-article .post-inner.websodi-article-body{padding:38px 50px 44px!important}
  body.single-post article.websodi-article .entry{max-width:765px!important}
}

/* The desktop helper is intentionally only a compact table of contents. */
body.single-post .websodi-context-search{display:none!important}
body.single-post .websodi-context-card{padding:16px!important;border-radius:12px!important;box-shadow:0 7px 20px rgba(27,39,51,.04)!important}
body.single-post .websodi-context-title{margin-bottom:10px!important;font-size:13px!important}
body.single-post .websodi-context-toc ol{max-height:min(62vh,540px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:4px!important;scrollbar-width:thin!important}
body.single-post .websodi-context-toc li a{padding:8px 2px!important;font-size:12px!important;line-height:1.4!important;font-weight:650!important}
body.single-post .websodi-context-toc li.websodi-toc-level-3{display:none!important}

/* Long-form typography details that were still inherited from old Sahifa content. */
body.single-post article.websodi-article .entry pre{
  max-width:100%!important;margin:22px 0 26px!important;padding:16px 18px!important;overflow:auto!important;
  border:1px solid #e1e6ea!important;border-radius:10px!important;background:#f6f8f9!important;color:#26313a!important;
  font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;white-space:pre!important
}
body.single-post article.websodi-article .entry code{
  padding:.12em .34em!important;border-radius:5px!important;background:#f1f3f5!important;color:#27313a!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;font-size:.92em!important
}
body.single-post article.websodi-article .entry pre code{padding:0!important;background:transparent!important;font-size:inherit!important}
body.single-post article.websodi-article .entry table{table-layout:auto!important;background:#fff!important}
body.single-post article.websodi-article .entry td,
body.single-post article.websodi-article .entry th{vertical-align:middle!important;line-height:1.48!important}
body.single-post article.websodi-article .entry th{font-size:12.5px!important}
body.single-post article.websodi-article .entry td{font-size:13.5px!important}
body.single-post article.websodi-article .entry table td img{
  display:block!important;width:auto!important;height:auto!important;max-width:96px!important;max-height:96px!important;
  margin:4px auto!important;object-fit:contain!important;border-radius:8px!important
}

/* The older AI-category related module duplicated the final recommendation block. */
body.single-post .websodi-ai-related{display:none!important}

/* One calm, text-first related section inside the article surface. */
body.single-post .websodi-related-final{
  width:100%!important;max-width:none!important;margin:0!important;padding:27px 50px 32px!important;
  border:0!important;border-top:1px solid #e7ebee!important;border-radius:0!important;background:#f8fafb!important;
  box-shadow:none!important;box-sizing:border-box!important
}
body.single-post .websodi-related-final-head{margin-bottom:14px!important;padding-bottom:12px!important;align-items:center!important}
body.single-post .websodi-related-final-head>div>span{margin-bottom:4px!important;font-size:9px!important}
body.single-post .websodi-related-final-head h2{font-size:20px!important}
body.single-post .websodi-related-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.single-post .websodi-related-final-card{
  display:block!important;min-height:118px!important;padding:0!important;overflow:hidden!important;
  border:1px solid #e2e7ea!important;border-radius:11px!important;background:#fff!important
}
body.single-post .websodi-related-final-card:hover{transform:none!important;border-color:#e7b98f!important;box-shadow:0 6px 16px rgba(35,42,48,.045)!important}
body.single-post .websodi-related-final-media{display:none!important}
body.single-post .websodi-related-final-copy{min-height:118px!important;padding:14px 15px 13px!important}
body.single-post .websodi-related-final-copy small{font-size:9.5px!important;color:#68727b!important}
body.single-post .websodi-related-final-copy strong{font-size:13.5px!important;line-height:1.4!important;-webkit-line-clamp:3!important}
body.single-post .websodi-related-final-copy em{padding-top:10px!important;font-size:10px!important}

/* Do not move a desktop TOC underneath a long article on tablets/phones. */
@media (max-width:1099px){
  body.single-post .websodi-context-sidebar{display:none!important}
  body.single-post .websodi-single-grid{display:block!important;max-width:900px!important}
  body.single-post .websodi-single-grid>article.websodi-article{width:100%!important;max-width:900px!important}
}
@media (max-width:700px){
  body.single-post .websodi-related-final{padding:21px 20px 24px!important}
  body.single-post .websodi-related-final-head{display:block!important}
  body.single-post .websodi-related-final-grid{grid-template-columns:1fr!important}
  body.single-post .websodi-related-final-card,
  body.single-post .websodi-related-final-copy{min-height:0!important}
  body.single-post .websodi-related-final-copy{padding:13px 14px 12px!important}
  body.single-post article.websodi-article .entry table td img{max-width:72px!important;max-height:72px!important}
}

/* ========================================================================== 
   WEBSODI PORTAL v1.44.24 — DESIGN FREEZE + VISITOR UX FINAL
   Editorial list screens now share one full-width portal shell.
   ========================================================================== */
@media (min-width:1100px){
  #main-content.websodi-list-layout{
    display:block!important;
    width:1180px!important;
    max-width:1180px!important;
    margin:32px auto 46px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  #main-content.websodi-list-layout>.content{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #main-content.websodi-list-layout>#sidebar{display:none!important;}
}
.websodi-list-content{width:100%!important;max-width:none!important;float:none!important;}
.websodi-list-layout #crumbs{margin-bottom:15px!important;}
.websodi-list-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 22px!important;
  padding:25px 27px!important;
  background:#fff!important;
  border:1px solid var(--ws-line)!important;
  border-left:4px solid var(--ws-orange)!important;
  border-radius:13px!important;
  box-shadow:0 8px 26px rgba(27,39,51,.045)!important;
  box-sizing:border-box!important;
}
.websodi-list-head-main{min-width:0;max-width:840px;}
.websodi-list-head .page-title{
  margin:0!important;
  color:var(--ws-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:31px!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  line-height:1.14!important;
}
.websodi-list-head-main>p{margin:9px 0 0;color:#68727b;font-size:13px;line-height:1.62;}
.websodi-list-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:32px;
  padding:6px 11px;
  border:1px solid #f0dfcf;
  border-radius:999px;
  background:#fff7ef;
  color:#a64c0b;
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
}
.websodi-list-layout .post-listing.archive-box{gap:22px!important;}
.websodi-list-layout .post-listing.archive-box article.item-list,
.websodi-list-layout .post-listing.archive-box .item-list{padding-bottom:20px!important;}
.websodi-list-layout .post-listing.archive-box article.item-list:first-child .post-thumbnail img,
.websodi-list-layout .post-listing.archive-box .item-list:first-child .post-thumbnail img{height:330px!important;}
.websodi-list-layout .post-listing.archive-box article.item-list:first-child h2.post-box-title,
.websodi-list-layout .post-listing.archive-box .item-list:first-child h2.post-box-title{font-size:27px!important;}
.websodi-list-layout .post-listing.archive-box .post-thumbnail img{height:240px!important;}
.websodi-list-layout .post-listing.archive-box h2.post-box-title{padding:0 20px 9px!important;font-size:20px!important;}
.websodi-archive-meta{
  order:3!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  margin:0!important;
  padding:0 20px 11px!important;
  color:#8a939c!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}
.websodi-archive-cat{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border-radius:999px;
  background:#fff3e8;
  color:#aa4f0b!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.websodi-archive-meta-sep{color:#d9a678;font-weight:900;}
.websodi-list-layout .post-listing.archive-box .entry{padding:0 20px!important;font-size:13.5px!important;}
.websodi-list-layout .post-listing.archive-box .entry p{margin-bottom:17px!important;}
.websodi-list-layout .post-listing.archive-box .entry .more-link{gap:6px!important;}
.websodi-list-layout .pagination{margin:26px 0 0!important;}

/* Category intro becomes a useful decision aid, not another decorative hero. */
.websodi-list-layout .websodi-ai-hub-intro{margin:0 0 22px!important;}

/* Search recovery. */
.websodi-search-empty{
  padding:34px;
  background:#fff;
  border:1px solid var(--ws-line);
  border-bottom:4px solid var(--ws-orange);
  border-radius:13px;
  text-align:center;
}
.websodi-search-empty h2{margin:0 0 8px;color:var(--ws-ink);font-size:24px;line-height:1.2;}
.websodi-search-empty p{margin:0 auto 20px;max-width:620px;color:#68727b;font-size:13px;line-height:1.65;}
.websodi-search-empty form{display:flex;gap:8px;max-width:620px;margin:0 auto 18px;padding:6px;border:1px solid #e3e7ea;border-radius:11px;background:#fafbfc;}
.websodi-search-empty input{flex:1;min-width:0;height:42px;padding:0 11px!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:13px!important;}
.websodi-search-empty button{min-width:82px;height:42px;padding:0 16px;border:0;border-radius:8px;background:var(--ws-orange);color:#fff;font-weight:800;cursor:pointer;}
.websodi-search-empty>a{color:#a84c08!important;font-size:12px;font-weight:800;text-decoration:none!important;}

/* 404: a dead URL should still send the visitor somewhere useful. */
.websodi-404-content{float:none!important;width:100%!important;max-width:none!important;margin:0!important;}
.websodi-404{
  max-width:920px;
  margin:0 auto;
  padding:48px;
  background:#fff;
  border:1px solid var(--ws-line);
  border-bottom:4px solid var(--ws-orange);
  border-radius:16px;
  text-align:center;
  box-shadow:0 12px 34px rgba(27,39,51,.06);
}
.websodi-404-code{display:block;margin:0 0 9px;color:var(--ws-orange);font-size:13px;font-weight:900;letter-spacing:.14em;}
.websodi-404 h1{margin:0 0 12px;color:var(--ws-ink);font-size:38px;line-height:1.12;letter-spacing:-.035em;}
.websodi-404>p{max-width:700px;margin:0 auto 24px;color:#65707a;font-size:14px;line-height:1.7;}
.websodi-404-search{display:flex;gap:8px;max-width:700px;margin:0 auto 26px;padding:7px;border:1px solid #e1e6ea;border-radius:12px;background:#fafbfc;}
.websodi-404-search input{flex:1;min-width:0;height:44px;padding:0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:13px!important;}
.websodi-404-search button{min-width:92px;height:44px;border:0;border-radius:9px;background:var(--ws-orange);color:#fff;font-weight:850;cursor:pointer;}
.websodi-404-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px;text-align:left;}
.websodi-404-links a{display:block;padding:15px;border:1px solid #e7eaed;border-radius:10px;background:#fafbfc;color:var(--ws-ink)!important;text-decoration:none!important;}
.websodi-404-links a:hover{border-color:#efb57f;background:#fff8f1;}
.websodi-404-links strong{display:block;margin-bottom:5px;font-size:12.5px;}
.websodi-404-links span{display:block;color:#78828b;font-size:10.5px;line-height:1.4;}
.websodi-404-home{color:#a64c0b!important;font-size:12px;font-weight:850;text-decoration:none!important;}

@media (max-width:1099px){
  #main-content.websodi-list-layout{max-width:calc(100% - 24px)!important;margin:22px auto 36px!important;padding:0!important;}
  #main-content.websodi-list-layout>.content{float:none!important;width:100%!important;max-width:none!important;}
  #main-content.websodi-list-layout>#sidebar{display:none!important;}
  .websodi-list-layout .post-listing.archive-box article.item-list:first-child .post-thumbnail img,
  .websodi-list-layout .post-listing.archive-box .item-list:first-child .post-thumbnail img{height:290px!important;}
  .websodi-404-links{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:670px){
  #main-content.websodi-list-layout{max-width:calc(100% - 24px)!important;margin-top:16px!important;}
  .websodi-list-head{display:block!important;padding:20px!important;border-radius:11px!important;}
  .websodi-list-head .page-title{font-size:26px!important;}
  .websodi-list-count{margin-top:13px;}
  .websodi-list-layout .post-listing.archive-box{grid-template-columns:1fr!important;gap:14px!important;}
  .websodi-list-layout .post-listing.archive-box article.item-list:first-child,
  .websodi-list-layout .post-listing.archive-box .item-list:first-child{grid-column:auto!important;}
  .websodi-list-layout .post-listing.archive-box .post-thumbnail img,
  .websodi-list-layout .post-listing.archive-box article.item-list:first-child .post-thumbnail img,
  .websodi-list-layout .post-listing.archive-box .item-list:first-child .post-thumbnail img{height:auto!important;aspect-ratio:16/9!important;}
  .websodi-list-layout .post-listing.archive-box article.item-list:first-child h2.post-box-title,
  .websodi-list-layout .post-listing.archive-box .item-list:first-child h2.post-box-title,
  .websodi-list-layout .post-listing.archive-box h2.post-box-title{font-size:19px!important;padding-left:17px!important;padding-right:17px!important;}
  .websodi-archive-meta,.websodi-list-layout .post-listing.archive-box .entry{padding-left:17px!important;padding-right:17px!important;}
  .websodi-search-empty{padding:24px 18px;}
  .websodi-search-empty form,.websodi-404-search{display:block;}
  .websodi-search-empty input,.websodi-404-search input{display:block;width:100%;margin-bottom:7px;}
  .websodi-search-empty button,.websodi-404-search button{width:100%;}
  .websodi-404{padding:30px 18px;border-radius:12px;}
  .websodi-404 h1{font-size:30px;}
  .websodi-404-links{grid-template-columns:1fr;}
}

/* ==========================================================
   WEBSODI PORTAL v1.44.25 — single article width alignment final
   Match the 1180px portal frame used by category/search pages while keeping
   long-form reading measure deliberately narrower inside the surface.
   ========================================================== */
@media (min-width:1100px){
  body.single-post .websodi-single-shell.websodi-single-shell--editorial,
  body.single-post .websodi-single-breadcrumbs,
  body.single-post article.websodi-article.websodi-article--editorial{
    width:1180px!important;
    max-width:1180px!important;
  }
  body.single-post article.websodi-article.websodi-article--editorial .websodi-article-header{
    padding:42px 130px 31px!important;
  }
  body.single-post article.websodi-article.websodi-article--editorial .websodi-article-header h1{
    max-width:920px!important;
  }
  body.single-post article.websodi-article.websodi-article--editorial .websodi-article-lead{
    max-width:920px!important;
  }
  body.single-post article.websodi-article.websodi-article--editorial .post-inner.websodi-article-body{
    padding:44px 80px 52px!important;
  }
  body.single-post article.websodi-article.websodi-article--editorial .entry{
    max-width:920px!important;
  }
  body.single-post .websodi-related-final{
    margin:0 80px 52px!important;
  }
}