/* Parkar Growth Kit — scoped under .pgk so themes can't break it, and it can't break themes. */
.pgk{--pgk-accent:#E5484D;--pgk-ink:#14161A;--pgk-muted:#626873;--pgk-line:#E3E5EA;--pgk-soft:#F6F7F9;--pgk-bg:#FFFFFF;
  --pgk-good:#16A34A;--pgk-warn:#C2690A;--pgk-bad:#DC2626;--pgk-good-bg:#E8F7EE;--pgk-warn-bg:#FDF3E2;--pgk-bad-bg:#FDECEC;--pgk-tip-bg:#EEF2F7;
  box-sizing:border-box;max-width:1100px;margin:32px auto;color:var(--pgk-ink);background:var(--pgk-bg);border:1px solid var(--pgk-line);border-radius:20px;
  font-family:inherit;font-size:16px;line-height:1.5;text-align:left;overflow:hidden;container-type:inline-size;container-name:pgk;box-shadow:0 18px 40px -28px rgba(15,20,30,.35)}
.pgk *,.pgk *::before,.pgk *::after{box-sizing:border-box}
.pgk p,.pgk h3,.pgk ol,.pgk li{margin:0;padding:0}
.pgk-head{padding:24px 28px 20px;border-bottom:1px solid var(--pgk-line)}
.pgk .pgk-title{font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--pgk-ink);margin:0 0 4px}
.pgk-intro{color:var(--pgk-muted);font-size:15px}
.pgk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.pgk-in{padding:24px 28px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--pgk-line);margin:0}
.pgk-out{padding:24px 28px;display:flex;flex-direction:column;gap:16px;background:var(--pgk-soft)}
.pgk-res{display:flex;flex-direction:column;gap:16px}

/* fields */
.pgk-field{display:flex;flex-direction:column;gap:6px}
.pgk-field>label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:600;color:var(--pgk-ink);margin:0}
.pgk-field>label small{font-weight:500;color:var(--pgk-muted);font-size:12px}
.pgk-val{font-weight:700;color:var(--pgk-accent);font-variant-numeric:tabular-nums}
.pgk-inp{display:flex;align-items:center;border:1.5px solid var(--pgk-line);border-radius:12px;background:#fff;overflow:hidden}
.pgk-inp:focus-within{border-color:var(--pgk-accent);box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.pgk-inp span{padding:0 0 0 14px;color:var(--pgk-muted);font-size:14px;font-weight:600;white-space:nowrap}
.pgk .pgk-inp input[type=text]{flex:1;min-width:0;width:100%;border:0;margin:0;background:transparent;box-shadow:none;color:var(--pgk-ink);font:inherit;font-size:20px;font-weight:700;padding:11px 14px 11px 10px;font-variant-numeric:tabular-nums;height:auto;line-height:1.3;border-radius:0}
.pgk .pgk-inp input[type=text]:focus{outline:none}
.pgk input[type=range]{-webkit-appearance:none;appearance:none;width:100%;margin:8px 0 2px;background:transparent;padding:0;border:0;height:24px;box-shadow:none;outline:none;cursor:pointer}
.pgk input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--pgk-accent) var(--pgk-fill,50%),#E3E5EA var(--pgk-fill,50%));border:0}
.pgk input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#E3E5EA;border:0}
.pgk input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--pgk-accent)}
.pgk input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--pgk-accent);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.pgk input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--pgk-accent);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.pgk input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--pgk-ink);outline-offset:2px}
.pgk-hint{font-size:13px;color:var(--pgk-muted)}

/* checklist */
.pgk-grid-check .pgk-in{gap:8px}
.pgk-check{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--pgk-line);border-radius:12px;cursor:pointer;background:#fff;margin:0;font-size:15px;font-weight:500;color:var(--pgk-ink)}
.pgk-check input{position:absolute;opacity:0;width:1px;height:1px}
.pgk-box{width:24px;height:24px;border-radius:7px;border:2px solid #C5CAD3;display:block;position:relative;background:#fff}
.pgk-check input:checked+.pgk-box{background:var(--pgk-accent);border-color:var(--pgk-accent)}
.pgk-check input:checked+.pgk-box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.pgk-check input:focus-visible+.pgk-box{outline:2px solid var(--pgk-accent);outline-offset:2px}
.pgk-w{font-size:12px;font-weight:700;color:var(--pgk-muted);font-variant-numeric:tabular-nums}

/* results */
.pgk-big{display:flex;flex-direction:column;gap:2px}
.pgk-k{font-size:13px;font-weight:600;color:var(--pgk-muted)}
.pgk-v{font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--pgk-ink);font-variant-numeric:tabular-nums}
.pgk-v small{font-size:.36em;letter-spacing:0;font-weight:600;color:var(--pgk-muted)}
.pgk-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pgk-tile{background:#fff;border:1px solid var(--pgk-line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.pgk-tv{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--pgk-ink);overflow-wrap:anywhere}
.pgk-meter{height:14px;border-radius:7px;background:#E3E5EA;overflow:hidden}
.pgk-meter i{display:block;height:100%;border-radius:7px;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.pgk-meter.pgk-good i{background:var(--pgk-good)}.pgk-meter.pgk-warn i{background:var(--pgk-warn)}.pgk-meter.pgk-bad i{background:var(--pgk-bad)}
.pgk-zone{display:flex;flex-direction:column;gap:4px}
.pgk-zbar{display:flex;height:14px;border-radius:7px;overflow:hidden}
.pgk-zbar i{display:block;height:100%}
.pgk-zbar i:nth-child(1){width:var(--a);background:var(--pgk-good)}
.pgk-zbar i:nth-child(2){width:calc(var(--b) - var(--a));background:var(--pgk-warn)}
.pgk-zbar i:nth-child(3){flex:1;background:var(--pgk-bad)}
.pgk-ztrack{position:relative;height:12px}
.pgk-zmark{position:absolute;top:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid var(--pgk-ink);transform:translateX(-50%);transition:left .35s cubic-bezier(.2,.8,.2,1)}
.pgk-zlab{position:relative;height:18px;font-size:12px;color:var(--pgk-muted);font-variant-numeric:tabular-nums}
.pgk-zlab span{position:absolute;top:0;transform:translateX(-50%)}
.pgk-zlab span:first-child{left:0;transform:none}.pgk-zlab span:last-child{right:0;transform:none}
.pgk-list{display:flex;flex-direction:column;gap:8px}
.pgk-row{position:relative;display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--pgk-line);border-radius:12px;padding:10px 14px;font-size:15px;overflow:hidden}
.pgk-row span,.pgk-row b{position:relative;z-index:1}
.pgk-row b{font-variant-numeric:tabular-nums}
.pgk-row i{position:absolute;left:0;top:0;bottom:0;background:var(--pgk-accent);opacity:.12}
.pgk-verdict{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:600}
.pgk-pill{flex:none;display:inline-block;margin-top:2px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.pgk-verdict.pgk-good{background:var(--pgk-good-bg);color:var(--pgk-good)}.pgk-verdict.pgk-good .pgk-pill{background:var(--pgk-good)}
.pgk-verdict.pgk-warn{background:var(--pgk-warn-bg);color:var(--pgk-warn)}.pgk-verdict.pgk-warn .pgk-pill{background:var(--pgk-warn)}
.pgk-verdict.pgk-bad{background:var(--pgk-bad-bg);color:var(--pgk-bad)}.pgk-verdict.pgk-bad .pgk-pill{background:var(--pgk-bad)}
.pgk-verdict.pgk-tip{background:var(--pgk-tip-bg);color:#334155}.pgk-verdict.pgk-tip .pgk-pill{background:#475569}
.pgk-fixes{list-style:none;counter-reset:pgk;display:flex;flex-direction:column;gap:8px}
.pgk-fixes li{counter-increment:pgk;position:relative;background:#fff;border:1px solid var(--pgk-line);border-radius:12px;padding:10px 14px 10px 46px;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--pgk-muted)}
.pgk-fixes li::before{content:counter(pgk);position:absolute;left:12px;top:11px;width:24px;height:24px;border-radius:50%;background:var(--pgk-accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pgk-fixes b{color:var(--pgk-ink);font-size:15px}
.pgk-note{font-size:13px;color:var(--pgk-muted)}
.pgk-note b{color:var(--pgk-ink)}

/* lead capture */
.pgk-gate{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--pgk-line);margin:0}
.pgk-gate-t{font-size:14px;font-weight:600}
.pgk-gate-row{display:flex;gap:8px;flex-wrap:wrap}
.pgk .pgk-gate input[type=text]{flex:1 1 200px;min-width:0;border:1.5px solid var(--pgk-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;background:#fff;color:var(--pgk-ink);margin:0;height:auto;box-shadow:none}
.pgk .pgk-gate input[type=text]:focus{outline:none;border-color:var(--pgk-accent)}
.pgk:not(.pgk-theme) .pgk-btn{border:0;border-radius:12px;padding:12px 18px;font:inherit;font-size:15px;font-weight:700;background:var(--pgk-accent)!important;color:#fff!important;cursor:pointer;line-height:1.3;margin:0;text-transform:none;letter-spacing:0;box-shadow:none}
.pgk .pgk-btn:hover{filter:brightness(.94)}
.pgk .pgk-btn:disabled{opacity:.6;cursor:default}
.pgk .pgk-btn:focus-visible{outline:2px solid var(--pgk-ink);outline-offset:2px}
.pgk-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--pgk-muted);font-weight:500;margin:0;cursor:pointer}
.pgk-consent input{margin:3px 0 0;accent-color:var(--pgk-accent)}
.pgk-msg{font-size:14px;font-weight:600;min-height:21px;color:var(--pgk-muted)}
.pgk-msg.pgk-err{color:var(--pgk-bad)}
.pgk-msg.pgk-okm{color:var(--pgk-good);padding:12px 14px;background:var(--pgk-good-bg);border-radius:12px}
.pgk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.pgk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pgk a.pgk-wa{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#06301A;border-radius:12px;padding:12px 18px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:none}
.pgk a.pgk-wa:hover{filter:brightness(.95);color:#06301A}
.pgk a.pgk-wa::before{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-bottom-left-radius:2px}
.pgk-credit{font-size:11px;color:var(--pgk-muted)}

/* Stack based on the space the theme gives the tool, not the screen width. */
@container pgk (max-width:720px){
  .pgk-grid{grid-template-columns:1fr}
  .pgk-in{border-right:0;border-bottom:1px solid var(--pgk-line)}
}
@container pgk (max-width:440px){
  .pgk-head,.pgk-in,.pgk-out{padding-left:16px;padding-right:16px}
  .pgk-tiles{grid-template-columns:1fr}
  .pgk .pgk-btn{width:100%}
}
@supports not (container-type:inline-size){
  @media (max-width:760px){.pgk-grid{grid-template-columns:1fr}.pgk-in{border-right:0;border-bottom:1px solid var(--pgk-line)}}
}
@media (max-width:420px){.pgk{border-radius:16px;margin:20px 0}}
@media (prefers-reduced-motion:reduce){.pgk-meter i,.pgk-zmark{transition:none}}

/* tool cards: Free Tools hub, "More free tools", 404 page */
.pgk-cards{--pgk-accent:#E5484D;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:24px 0;font-family:inherit}
.pgk-cards .pgk-card{background:#fff;border:1px solid #E3E5EA;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#14161A;transition:transform .2s,border-color .2s;box-shadow:none}
.pgk-cards .pgk-card:hover{transform:translateY(-3px);border-color:var(--pgk-accent);color:#14161A}
.pgk-cards .pgk-card:focus-visible{outline:2px solid var(--pgk-accent);outline-offset:2px}
.pgk-card-ic{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--pgk-accent) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--pgk-accent)}
.pgk-card-ic svg{width:24px;height:24px}
.pgk-card b{font-size:17px;line-height:1.3}
.pgk-card span{color:#626873;font-size:14px;line-height:1.45}
.pgk-card i{font-style:normal;font-weight:700;color:var(--pgk-accent);font-size:14px;margin-top:auto}
@media (prefers-reduced-motion:reduce){.pgk-cards .pgk-card{transition:none}}

/* Match the theme: its text, background and accent colours, its buttons (block themes). */
.pgk.pgk-theme,.pgk-cards.pgk-theme{--pgk-accent:var(--wp--preset--color--contrast,#111);--pgk-ink:var(--wp--preset--color--contrast,#111);--pgk-bg:var(--wp--preset--color--base,#fff)}
.pgk.pgk-theme{box-shadow:none;border-radius:16px}
.pgk.pgk-theme .pgk-btn{cursor:pointer;margin:0;white-space:nowrap}
:where(.pgk.pgk-theme) :where(.pgk-btn){background:var(--pgk-ink);color:var(--pgk-bg);border:0;border-radius:999px;padding:12px 22px;font:inherit;font-weight:600}
.pgk.pgk-theme .pgk-inp:focus-within,.pgk.pgk-theme .pgk-gate input[type=text]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--pgk-ink) 12%,transparent)}
.pgk-cards.pgk-theme .pgk-card{background:var(--pgk-bg);color:var(--pgk-ink)}
.pgk-cards.pgk-theme .pgk-card:hover{color:var(--pgk-ink)}
.pgk-cards.pgk-theme .pgk-card-ic{background:color-mix(in srgb,var(--pgk-ink) 7%,transparent)}
.pgk-cards.pgk-theme .pgk-card i{text-decoration:underline;text-underline-offset:3px}
/* Wide cards on desktop: up to 4 in a row. */
.pgk-cards.alignwide{margin-left:auto;margin-right:auto}
@media (min-width:900px){.pgk-cards.alignwide{grid-template-columns:repeat(4,minmax(0,1fr))}.pgk-cards.alignwide:has(> .pgk-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}