.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--r2);
  box-shadow:var(--shadow);
}
.card.pad{padding:18px}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.76);
  font-weight:700;font-size:13px;color:rgba(11,18,32,.86);
}
.grid2{
  display:grid;grid-template-columns: 1fr 1fr;gap:18px;
}
.grid3{
  display:grid;grid-template-columns: repeat(3,1fr);gap:16px;
}
@media (max-width: 920px){ .grid2,.grid3{grid-template-columns:1fr} }
h1{font-size:42px;line-height:1.08;margin:12px 0 8px 0}
h2{font-size:26px;margin:26px 0 10px 0}
h3{font-size:18px;margin:18px 0 8px 0}
p{color:rgba(11,18,32,.86);line-height:1.7}
.muted{color:var(--muted)}
.kbd{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  padding:2px 6px;border:1px solid var(--border);
  border-radius:8px;background:rgba(255,255,255,.75);
}
.notice{
  border-left:4px solid var(--brand2);
  padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.75);
}
.notice.warn{border-left-color:var(--warn)}
.notice.danger{border-left-color:var(--danger)}



.adsense-block {
  max-width: 100%;
  overflow: hidden;
}

.adsense-block ins {
  margin: 0 auto;
}