/* 2FA homepage: tool + public sidebar card
   Desktop width model intentionally matches /ads.html:
   minmax(0,1fr) + 320px, gap 20px, collapse at 1080px. */
.twofa-home-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  align-items:start;
  width:100%;
  max-width:var(--maxw);
  margin:0 auto;
}
.twofa-home-workspace.is-single{
  grid-template-columns:minmax(0,1fr);
}
.twofa-home-workspace > *{
  min-width:0;
}
.twofa-home-workspace .twofa-tool-card{
  width:100%;
  max-width:none;
  margin:0;
  box-sizing:border-box;
}
/* card-spacing.css is loaded globally and gives adjacent *-card siblings
   a 5px top margin. In this horizontal grid that would push the right card
   down, so override it with higher specificity. */
.main-wrap .twofa-home-workspace > .twofa-tool-card,
.main-wrap .twofa-home-workspace > .twofa-public-card{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.twofa-public-card{
  overflow:hidden;
  border:1px solid rgba(15,35,55,.06);
  box-shadow:0 10px 28px rgba(16,36,56,.06);
  background:#fff;
  border-radius:5px;
  box-sizing:border-box;
}
.twofa-public-card-head{
  padding:15px 18px;
  text-align:center;
  border-bottom:1px solid #eef2f7;
  background:#fbfdff;
}
.twofa-public-card-head h2{
  margin:0;
  text-align:center;
  color:#111827;
  font-size:17px;
  line-height:1.4;
  font-weight:800;
}
.twofa-public-card-content{
  padding:17px 18px;
  color:#475569;
  font-size:14px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
.twofa-public-card-content > :first-child{margin-top:0;}
.twofa-public-card-content > :last-child{margin-bottom:0;}
.twofa-public-card-content p{margin:0 0 10px;}
.twofa-public-card-content ul,
.twofa-public-card-content ol{margin:8px 0 12px;padding-left:22px;}
.twofa-public-card-content li + li{margin-top:5px;}
.twofa-public-card-content a{color:#1677ff;text-decoration:none;}
.twofa-public-card-content a:hover{text-decoration:underline;}
.twofa-public-card-content img{display:block;max-width:100%;height:auto;border-radius:5px;}
.twofa-public-card-content table{width:100%;max-width:100%;border-collapse:collapse;}
.twofa-public-card-content th,
.twofa-public-card-content td{padding:7px 8px;border:1px solid #e5e7eb;vertical-align:top;}
.twofa-public-card-content blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid #bfdbfe;background:#f8fafc;}

@media (max-width:1080px){
  .twofa-home-workspace{
    grid-template-columns:1fr;
  }
}