/* =========================
   PatientLead Health | Tool System Layer
   File: assets/plh-tools/plh-tools.css
   Scope: Tool pages only (page-plh-tool.php)
========================= */

.plh-page-tool{
  background: #ebf0eb;
  color: #2b4142;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

/* =========================
   Width + layout
========================= */

.plh-page-tool .plh-tool-wrap{
  max-width: 1080px;
  margin: 0 auto;
  padding: 32px 24px 80px;
}

.plh-page-tool .plh-wrap{
  max-width: 100%;
}

/* =========================
   Back to dashboard
========================= */

.plh-action-row{
  margin-bottom: 28px;
}

/* WCAG 1.4.11: interactive border raised from 0.22 to 0.30 (~3.09:1) */
.plh-action-row .plh-btn{
  appearance: none;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid rgba(43,65,66,0.30);
  background: #ffffff;
  color: #2b4142;
}

.plh-action-row .plh-btn:hover{
  border-color: rgba(43,65,66,0.35);
}

/* =========================
   Heading hierarchy
========================= */

.plh-page-tool h1{
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1.15;
  font-weight: 800;
  margin: 0 0 12px;
}

.plh-page-tool h1 + p{
  max-width: 70ch;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(43,65,66,0.75);
  margin-bottom: 24px;
}

.plh-page-tool h2{
  font-size: 20px;
  font-weight: 800;
  margin: 28px 0 10px;
}

.plh-page-tool h3{
  font-size: 16px;
  font-weight: 700;
  margin: 22px 0 8px;
}

/* =========================
   Vertical rhythm safety
========================= */

.plh-page-tool section{
  margin-bottom: 24px;
}

/* =========================
   Mobile
========================= */

@media (max-width: 768px){
  .plh-page-tool .plh-tool-wrap{
    padding: 24px 16px 64px;
  }
}

/* ===========================
   Tool UI polish: kicker/title spacing
   Scope: Tool landing shell only
   =========================== */

/* If your tool shell root is #plh-tool-shell */
#plh-tool-shell .plh-kicker{
  margin: 0 0 6px 0;         /* space under kicker */
  line-height: 1.1;
}

#plh-tool-shell .plh-h1,
#plh-tool-shell h1{
  margin: 0 0 10px 0;        /* remove default top margin */
  line-height: 1.06;
}

/* If some pages use h2 as the main title */
#plh-tool-shell .plh-h2,
#plh-tool-shell h2{
  margin-top: 0;
}