/* Docs Main Page */
.wptools-docs-page{
  background:linear-gradient(180deg,#f6f8ff 0%,#f7f9fc 60%,#fff 100%);
  padding:64px 0
}

.wptools-docs-hero{
  max-width:980px;
  padding:0 20px;
  text-align:left
}

.wptools-docs-title{
  font-size:52px;
  line-height:1.05;
  margin:0;
  color:#0f172a;
  letter-spacing:-.02em
}

.wptools-docs-subtitle{
  max-width:760px;
  margin:14px 0 0;
  color:#64748b;
  font-size:18px;
  line-height:1.6
}

.wptools-docs-search{
  margin-top:22px;
  max-width:520px
}

.wptools-docs-search input{
  width:100%;
  height:44px;
  border-radius:999px;
  border:1px solid #e2e8f0;
  background:#fff;
  padding:0 16px;
  font-size:15px;
  outline:none
}

.wptools-docs-search input:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)
}

.wptools-docs-group{
  max-width:1100px;
  margin:34px auto 0;
  padding:0 20px
}

.wptools-docs-group-head{
  margin-bottom:14px
}

.wptools-docs-group-title{
  margin:0;
  font-size:22px;
  color:#0f172a
}

.wptools-docs-group-title a{
  color:inherit;
  text-decoration:none
}

.wptools-docs-group-title a:hover{
  text-decoration:underline
}

.wptools-docs-group-sub{
  margin:6px 0 0;
  color:#64748b;
  font-size:15px;
  line-height:1.6
}

.wptools-docs-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}

@media (max-width:980px){
  .wptools-docs-title{font-size:40px}
  .wptools-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:680px){
  .wptools-docs-grid{grid-template-columns:1fr}
}

.wptools-doc-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  display:flex;
  flex-direction:column;
  min-height:140px
}

.wptools-doc-card-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start
}

.wptools-doc-card-title{
  margin:0;
  font-size:16px;
  color:#0f172a;
  line-height:1.35
}

.wptools-doc-card-title a{
  color:inherit;
  text-decoration:none
}

.wptools-doc-card-title a:hover{
  text-decoration:underline
}

.wptools-doc-badge{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:#e0ecff;
  color:#1d4ed8;
  border:1px solid #cfe2ff;
  white-space:nowrap
}

.wptools-doc-card-desc{
  margin:10px 0 0;
  color:#64748b;
  font-size:14px;
  line-height:1.6
}

.wptools-doc-card-foot{
  margin-top:auto;
  padding-top:14px
}

.wptools-btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #dbe3f0;
  background:#fff;
  color:#2563eb;
  text-decoration:none;
  font-weight:600
}

.wptools-btn-outline:hover{
  background:#f8fbff
}

/* Docs Inner Page */
.wptools-docs-page{background:linear-gradient(180deg,#f6f8ff 0%,#f7f9fc 60%,#fff 100%);padding:64px 0}
.wptools-docs-layout{max-width:1100px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.6fr .7fr;gap:22px}
@media(max-width:980px){.wptools-docs-layout{grid-template-columns:1fr}}

.wptools-docs-hero{grid-column:1/-1;max-width:980px}
.wptools-docs-breadcrumbs{color:#64748b;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wptools-docs-breadcrumbs a{color:#2563eb;text-decoration:none;font-weight:600}
.wptools-docs-breadcrumbs .sep{opacity:.5}

.wptools-docs-title{font-size:44px;line-height:1.1;margin:14px 0 0;color:#0f172a;letter-spacing:-.02em}
@media(max-width:900px){.wptools-docs-title{font-size:34px}}
.wptools-docs-subtitle{max-width:760px;margin:12px 0 0;color:#64748b;font-size:18px;line-height:1.6}

.wptools-docs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.wptools-docs-main .wptools-surface{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.06);padding:22px}
.wptools-docs-content{color:#0f172a}
.wptools-docs-content h2{margin:20px 0 10px;font-size:24px}
.wptools-docs-content h3{margin:18px 0 8px;font-size:18px}
.wptools-docs-content p{color:#334155;line-height:1.75}
.wptools-docs-content a{color:#2563eb}

.wptools-docs-sidebar{display:grid;gap:14px;align-content:start}
.wptools-sidecard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.06);padding:18px}
.wptools-sidecard h3{margin:0;color:#0f172a;font-size:18px}

.wptools-callout{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.05)}
.wptools-callout h4{margin:0 0 8px;color:#0f172a;font-size:16px}
.wptools-callout-body{color:#334155;line-height:1.65}
.wptools-callout.is-info{border-color:#cfe2ff;background:#f6faff}
.wptools-callout.is-tip{border-color:#bbf7d0;background:#f6fffb}
.wptools-callout.is-warning{border-color:#fde68a;background:#fffcf3}