/* Takenick manual fixed-size AdSense display slots (v3).
   Each box reserves an exact pixel size for the active viewport, so the
   space is held whether or not an ad fills it (no layout shift). Nothing
   here ever collapses or hides an unfilled unit. The companion script
   (tk-manual-ads.v3.js) chooses one <ins> per wrapper at load. */
.tk-ad{display:block;margin:22px auto;text-align:center;box-sizing:border-box;clear:both}
.tk-ad__label{display:block;height:16px;line-height:16px;margin:0 0 4px;font:400 11px/16px Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6}
.tk-ad__box{display:block;margin:0 auto;overflow:hidden}
.tk-ad__box>ins{display:inline-block}
/* mobile (<768px) reserved sizes */
.tk-ad--leaderboard .tk-ad__box{width:320px;height:100px}
.tk-ad--rect .tk-ad__box{width:300px;height:250px}
.tk-ad--mid .tk-ad__box{width:300px;height:250px}
/* desktop / tablet (>=768px) reserved sizes */
@media (min-width:768px){
  .tk-ad--leaderboard .tk-ad__box{width:728px;height:90px}
  .tk-ad--rect .tk-ad__box{width:300px;height:250px}
  .tk-ad--mid .tk-ad__box{width:336px;height:280px}
}

/* v3.1 narrow-screen safety: on small phones a fixed 300/320px box can be
   wider than a padded content column (e.g. .wrap / .seo with side padding)
   and cause horizontal scroll. Let the wrapper span the viewport so the
   fixed ad box keeps its exact size, centered, and never overflows. The ad
   box dimensions above are unchanged; this only affects the outer wrapper. */
@media (max-width:480px){
  .tk-ad{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding-left:0;
    padding-right:0;
  }
}