/* PDFChai PDF suite: home grid, navbar tools menu, footer tool columns.
   Plain CSS (ps- prefix) so it doesn't depend on the compiled Tailwind build. */

.ps-wrap{max-width:1180px;margin:0 auto;padding:0 18px}

/* ── hero ── */
.ps-hero{background:linear-gradient(180deg,#f3f6ff 0%,#fff 100%);padding:34px 0 18px;text-align:center}
.ps-hero h1{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:900;letter-spacing:-.02em;color:#0f172a;margin:0 0 12px;line-height:1.15}
.ps-lead{max-width:720px;margin:0 auto 22px;color:#475569;font-size:1.05rem;line-height:1.6}
.ps-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px}
.ps-chip{border:1px solid #dbe3f3;background:#fff;color:#334155;border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:700;cursor:pointer;transition:.15s}
.ps-chip:hover{border-color:#2563eb;color:#2563eb}
.ps-chip.is-on{background:#0f172a;border-color:#0f172a;color:#fff}
.ps-search{max-width:440px;margin:0 auto}
.ps-search input{width:100%;border:1px solid #dbe3f3;border-radius:12px;padding:12px 14px;font-size:.95rem;outline:none;background:#fff}
.ps-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}

/* ── tool grid ── */
.ps-grid-wrap{padding-top:18px;padding-bottom:40px}
.ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.ps-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e8edf6;border-radius:16px;padding:18px;
  text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;min-height:150px}
.ps-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#cfd9ee}
.ps-card[hidden]{display:none}
.ps-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;
  background:color-mix(in srgb,var(--c) 14%,#fff);border:1px solid color-mix(in srgb,var(--c) 30%,#fff)}
.ps-name{font-weight:800;font-size:1.05rem;color:#0f172a}
.ps-desc{font-size:.88rem;color:#64748b;line-height:1.5}
.ps-empty{text-align:center;color:#64748b;padding:20px 0}
.ps-empty[hidden]{display:none}

/* ── why / steps / faq ── */
.ps-why,.ps-steps,.ps-faq{padding:46px 0}
.ps-why{background:#f8fafc;border-top:1px solid #eef2f8;border-bottom:1px solid #eef2f8}
.ps-why h2,.ps-steps h2,.ps-faq h2{text-align:center;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:900;color:#0f172a;margin:0 0 26px}
.ps-why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.ps-why-item{background:#fff;border:1px solid #e8edf6;border-radius:16px;padding:20px}
.ps-why-item span{font-size:1.6rem}
.ps-why-item h3{font-weight:800;margin:8px 0 6px;color:#0f172a}
.ps-why-item p{color:#64748b;font-size:.92rem;line-height:1.55;margin:0}
.ps-steps-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ps-steps-list li{background:#fff;border:1px solid #e8edf6;border-radius:16px;padding:20px}
.ps-steps-list b{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#2563eb;color:#fff;align-items:center;justify-content:center;font-weight:800}
.ps-steps-list h3{font-weight:800;margin:10px 0 6px;color:#0f172a}
.ps-steps-list p{color:#64748b;font-size:.92rem;line-height:1.55;margin:0}
.ps-faq .ps-wrap{max-width:820px}
.ps-qa{border:1px solid #e8edf6;border-radius:14px;padding:14px 18px;margin-bottom:10px;background:#fff}
.ps-qa summary{font-weight:800;cursor:pointer;color:#0f172a}
.ps-qa p{color:#475569;margin:10px 0 0;line-height:1.6}

/* ── brand logo (navbar + footer) ── */
.ps-logo{display:inline-flex;align-items:center;gap:8px;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:#1e293b;line-height:1;text-decoration:none;white-space:nowrap}
.ps-logo img{width:34px;height:34px;flex:none}
.ps-logo-chai{color:#ea580c}
.ps-logo:hover{opacity:.85}

/* ── navbar ── */
.nav-bar .nav-link,.ps-nav-btn{white-space:nowrap}
@media (min-width:1024px) and (max-width:1200px){.nav-bar .nav-link,.ps-nav-btn{font-size:.9rem}}

/* ── navbar: "All PDF tools" mega menu ── */
.ps-nav-tools{position:relative}
.ps-nav-btn{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#0f172a;background:none;border:0;cursor:pointer;font-size:inherit;padding:6px 0}
.ps-nav-btn:hover{color:#2563eb}
.ps-mega{position:absolute;right:0;top:calc(100% + 12px);width:min(860px,92vw);background:#fff;border:1px solid #e8edf6;border-radius:18px;
  box-shadow:0 24px 60px rgba(15,23,42,.14);padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:60}
.ps-nav-tools:hover .ps-mega,.ps-nav-tools:focus-within .ps-mega,.ps-nav-tools.is-open .ps-mega{opacity:1;visibility:visible;transform:none}
.ps-mega h4{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin:0 0 6px;font-weight:800}
.ps-mega a{display:flex;align-items:center;gap:8px;padding:6px 6px;border-radius:9px;color:#0f172a;text-decoration:none;font-weight:600;font-size:.92rem}
.ps-mega a:hover{background:#f1f5ff;color:#2563eb}
#mobile-menu{max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
#mobile-menu a{padding:4px 0}
.ps-mobile-group{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;font-weight:800;margin-top:10px}

/* ── footer tool columns ── */
.ps-foot-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin-bottom:28px;text-align:left}
.ps-foot-tools h5{font-size:.78rem;font-weight:800;color:#0f172a;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}
.ps-foot-tools a{display:block;font-size:.88rem;color:#64748b;text-decoration:none;padding:3px 0}
.ps-foot-tools a:hover{color:#2563eb}

@media (max-width:760px){
  .ps-mega{grid-template-columns:1fr 1fr}
  .ps-card{min-height:0}
}