/* =========================================================
   MAGAZINE THEME — LAYOUT
========================================================= */

.container{
  width:min(var(--maxw),calc(100% - 42px));
  margin-inline:auto;
}

.layout-shell{
  display:grid;
  align-items:start;
  gap:var(--layout-gap);
  margin:26px auto 46px;
  min-width:0;
}

.layout-grid,
.layout-home{
  grid-template-columns:minmax(0,1fr) var(--layout-sidebar-width);
}

.layout-shell > *{min-width:0}

.layout-shell > main{
  max-width:100%;
  min-width:0;
}

.home-content-wide{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.content-card{
  min-width:0;
  padding:30px;
  border:1px solid var(--border);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}

.site-ad{width:100%;margin:20px 0}
.site-ad__inner{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:90px;
  overflow:hidden;
  border-block:1px solid var(--border);
  background:var(--surface);
}
.td-ad-box{display:block;width:100%;max-width:970px;margin:auto}

@media (max-width:1100px){
  .layout-grid,.layout-home{grid-template-columns:1fr}
}

@media (max-width:768px){
  .container{width:min(var(--maxw),calc(100% - 22px))}
  .layout-shell{gap:20px;margin-top:18px}
  .content-card{padding:20px}
}

@media (max-width:480px){
  .container{width:min(var(--maxw),calc(100% - 14px))}
  .content-card{padding:16px}
}
/* =========================================================
   MAGAZINE — SINGLE ARTICLE LAYOUT RESET
========================================================= */

.content-card:has(.single-post),
body:has(.single-post) main.content-card{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.content-card:has(.single-post) .single-post{
  margin:0;
}

@media (max-width:768px){

  .content-card:has(.single-post),
  body:has(.single-post) main.content-card{
    padding:0;
  }
}