.pd-app{--pd-ink:var(--global-palette3,#10303a);--pd-muted:var(--global-palette5,#546a72);--pd-line:var(--global-palette7,#d9e4e6);--pd-surface:var(--global-palette9,#fff);--pd-soft:var(--global-palette8,#f4f8f8);--pd-brand:var(--global-palette1,#0b6e7f);color:var(--pd-ink);font-size:16px;line-height:1.55}
.pd-app *{box-sizing:border-box}
.pd-app input.pd-search{display:block!important;width:100%!important;height:auto!important;font:inherit!important;line-height:1.4!important;padding:14px 16px 14px 46px!important;border:1.5px solid var(--pd-line)!important;border-radius:12px!important;color:var(--pd-ink)!important;box-shadow:none!important;background:var(--pd-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23546a72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 15px 50%!important;background-size:20px!important}
.pd-app input.pd-search:focus{border-color:var(--pd-brand)!important}
.pd-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 10px;position:sticky;top:0;z-index:5;background:var(--pd-surface);scrollbar-width:none}
.pd-chips::-webkit-scrollbar{display:none}
.pd-chip{flex:none;font:inherit;font-size:.92rem;border:1.5px solid var(--pd-line);background:var(--pd-surface);color:var(--pd-ink);padding:7px 14px;border-radius:999px;cursor:pointer}
.pd-chip[aria-pressed="true"]{background:var(--pd-brand);border-color:var(--pd-brand);color:#fff}
.pd-chip .pd-n{margin-left:4px;font-size:.8rem;opacity:.7}
.pd-search:focus-visible,.pd-chip:focus-visible,a.pd-btn:focus-visible{outline:3px solid var(--pd-brand);outline-offset:2px}
.pd-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;margin:2px 0 0}
.pd-count{color:var(--pd-ink);font-size:.9rem;font-weight:600;margin:0}

/* groups: --pd-c is the category colour, --pd-cd a darker shade that passes contrast for text and buttons */
.pd-group{--pd-cd:var(--pd-c);margin:34px 0}
@supports (color:color-mix(in srgb,red 50%,black)){.pd-group{--pd-cd:color-mix(in srgb,var(--pd-c) 76%,#000);--pd-tint:color-mix(in srgb,var(--pd-c) 13%,#fff)}}
.pd-group h2{margin:0 0 4px}
.pd-group h2:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--pd-c);margin-right:10px}
.pd-note{margin:0 0 16px;color:var(--pd-muted);max-width:64ch;font-size:.95rem;text-wrap:balance}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}

/* card */
.pd-card{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}
.pd-head{display:flex;align-items:flex-start;gap:12px}
.pd-headtext{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.pd-card h3{font-size:1.08rem;line-height:1.25;overflow-wrap:anywhere}
.pd-badge{display:inline-block;margin-top:4px;font-size:.8rem;font-weight:600;line-height:1.3;padding:2px 9px;border-radius:999px;background:var(--pd-tint,var(--pd-soft));color:var(--pd-cd)}
.pd-sub,.pd-ver{color:var(--pd-muted);font-size:.92rem}.pd-ver{font-size:.8rem}

/* variant pills (all shown) */
.pd-pills{display:flex;flex-wrap:wrap;gap:6px}
.pd-pills li{padding:3px 9px;font-size:.82rem;line-height:1.35;border:1px solid var(--pd-line);border-radius:6px;background:var(--pd-soft);color:var(--pd-ink)}

/* button always sits at the bottom of the card */
.pd-foot{display:flex;flex-direction:column;gap:8px}
.pd-shop,.pd-disclosure{font-size:.82rem;color:var(--pd-muted)}
.pd-shop{text-align:center}
.pd-shop a{color:var(--pd-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--pd-line);text-decoration-thickness:1px;text-underline-offset:3px}
.pd-shop a::after{content:" \203A";content:" \203A" / ""}
.pd-shop a:hover{color:var(--pd-cd);text-decoration-color:currentColor}
.pd-shop a:focus-visible{outline:3px solid var(--pd-brand);outline-offset:2px}
.pd-btn{display:block;text-align:center;text-decoration:none;font-weight:700;font-size:.95rem;padding:11px 16px;border-radius:10px;background:var(--pd-cd);color:#fff}
a.pd-btn:hover{filter:brightness(1.12);color:#fff}
a.pd-btn:visited,a.pd-btn:active,a.pd-btn:focus{color:#fff}
.pd-btn-off{background:var(--pd-soft);color:var(--pd-muted);border:1px dashed var(--pd-line);font-weight:600}
.pd-btn-paused{background:#fff4df;color:#8a5200;border:1px dashed #e2b765;font-weight:600}
.pd-card.pd-paused .pd-head,.pd-card.pd-paused .pd-sub,.pd-card.pd-paused .pd-pills,.pd-card.pd-paused .pd-ver{opacity:.6}
.pd-empty{padding:30px 0;color:var(--pd-muted)}
.pd-app [hidden]{display:none!important}

/* beat Kadence's .entry-content list/paragraph/heading rules */
.pd-app .pd-card ul.pd-pills{list-style:none!important;margin:0!important;padding:0!important}
.pd-app .pd-card ul.pd-pills li{list-style:none!important;margin:0!important;display:block;width:auto;max-width:100%}
.pd-app .pd-card ul.pd-pills li::marker,.pd-app .pd-card ul.pd-pills li::before{content:none!important}
.pd-app .pd-card p,.pd-app .pd-card h3{margin:0!important}
.pd-app .pd-card>.pd-foot{margin-top:auto!important}
.pd-app .pd-card .pd-shop{margin:0!important}
.pd-app .pd-meta p{margin:0!important}
.pd-app .pd-disclosure{font-size:.8rem}

@media (max-width:520px){
.pd-grid{grid-template-columns:1fr}
.pd-card{padding:16px}
.pd-btn{padding:13px 16px;min-height:46px}
}

/* newborn answer block (quiet, no accent stripe) */
.pd-answer{margin:0 0 18px;padding:16px 18px;border:1px solid var(--pd-line);border-radius:12px;background:var(--pd-soft)}
.pd-app .pd-answer .pd-answer-q{font-size:1.05rem!important;line-height:1.3!important;margin:0 0 6px!important}
.pd-app .pd-answer p{margin:0 0 8px!important;font-size:.95rem}
.pd-app .pd-answer p:last-child{margin-bottom:0!important}
.pd-app .pd-answer a{color:var(--pd-ink);font-weight:600}

/* FAQ */
.pd-faq{margin:40px 0 8px}
.pd-app .pd-faq h2{margin:0 0 12px!important}
.pd-faq details{border:1px solid var(--pd-line);border-radius:12px;background:var(--pd-surface);margin:0 0 10px}
.pd-app .pd-faq summary{cursor:pointer;font-weight:700;padding:14px 16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0!important}
.pd-faq summary::-webkit-details-marker{display:none}
.pd-faq summary::after{content:"+";content:"+" / "";flex:none;font-weight:400;font-size:1.3rem;line-height:1;color:var(--pd-muted)}
.pd-faq details[open] summary::after{content:"\2212";content:"\2212" / ""}
.pd-faq summary:focus-visible{outline:3px solid var(--pd-brand);outline-offset:2px;border-radius:12px}
.pd-faq .pd-faq-a{padding:0 16px 14px;color:var(--pd-ink)}
.pd-app .pd-faq .pd-faq-a p{margin:0 0 8px!important}
.pd-app .pd-faq .pd-faq-a p:last-child{margin-bottom:0!important}
.pd-app .pd-faq .pd-faq-a a{color:var(--pd-ink);font-weight:600}
