/* Plant Toxicity Checker: additions on top of the shared toolkit styles (app.css) */
#pptk{--sev:#A8402F;--sevbg:#FBEDE9;--mod:#B5532A;--modbg:#FCEEE4;--mildc:#8A5B0A;--mildbg:#FBF3DF;--likely:#3E7A4C;--likelybg:#F1F7EC}
#pptk .tab.sos{color:var(--sev)}
#pptk .tab.sos[aria-current="page"]{color:var(--sev)}
#pptk .hero .stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;position:relative;z-index:1}
#pptk .hero .stats div{color:#DCE8D6;font-size:14px;line-height:1.2}
#pptk .hero .stats b{display:block;color:#fff;font-size:26px;font-family:Fraunces,Georgia,serif;font-weight:600}

/* lily bar */
#pptk .lilybar{display:flex;gap:10px;align-items:flex-start;background:var(--sevbg);color:#5E2219;border-radius:14px;padding:12px 14px;margin-bottom:14px;font-size:15px;line-height:1.45}
#pptk .lilybar svg{color:var(--sev);width:20px;height:20px;margin-top:1px}
#pptk .lilybar a{color:#5E2219;font-weight:700}

/* pet switch + segmented */
#pptk .petsw{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px}
#pptk .petsw .pl{font-weight:700;font-size:14px;color:var(--muted);margin-right:4px}
#pptk .petsw button,#pptk .seg button{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 15px;font-weight:600;min-height:44px}
#pptk .petsw button[aria-pressed="true"]{background:var(--g1);border-color:var(--g1);color:#fff}
#pptk .seg{display:inline-flex;background:var(--cream2);border-radius:14px;padding:4px;gap:2px;flex-wrap:wrap}
#pptk .seg button{border:0;background:transparent;border-radius:10px;padding:8px 14px;min-height:40px;color:var(--muted)}
#pptk .seg button[aria-pressed="true"]{background:#fff;color:var(--g1);box-shadow:var(--sh)}
#pptk .seg button[data-show="emergency"][aria-pressed="true"]{color:var(--sev)}
#pptk .count{margin:0 0 12px;font-size:15px}
@media(max-width:520px){#pptk .seg{display:flex;width:100%}#pptk .seg button{flex:1;padding:8px 6px;font-size:14px}#pptk .sortl{width:100%}#pptk .sortl select{width:100%}}

/* verdict pills */
#pptk .vps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#pptk .vp{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px 5px 7px;font-size:14px;font-weight:700;line-height:1.2}
#pptk .vp .pe{font-size:15px}
#pptk .vp.emg{background:var(--sev);color:#fff}
#pptk .vp.mod{background:var(--modbg);color:var(--mod)}
#pptk .vp.mild{background:var(--mildbg);color:var(--mildc)}
#pptk .vp.caution{background:#fff;color:var(--mildc);box-shadow:inset 0 0 0 1.5px #E3C27A}
#pptk .vp.safe{background:var(--safebg);color:var(--safe)}
#pptk .vp.likely{background:#fff;color:var(--likely);box-shadow:inset 0 0 0 1.5px #B9D6A8}

/* cards */
#pptk .tc .open{padding:16px 16px 14px}
#pptk .tc .top{padding-right:44px}
#pptk .tc h3{font-size:18px}
#pptk .tc.danger{border-color:#E9B9AE}
#pptk .tc .hit{font-size:13px;color:var(--muted);margin-top:8px}
#pptk .tc .cl{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px}
#pptk .hm{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--g2);display:flex;align-items:center;justify-content:center;padding:0}
#pptk .hm svg{width:20px;height:20px}
#pptk .hm[aria-pressed="true"]{background:var(--g1);border-color:var(--g1);color:#fff}
#pptk .empty .small,#pptk .small{font-size:14px;color:var(--muted);margin-top:8px}
#pptk .empty .btn{margin-top:14px}
#pptk .muted{color:var(--muted);font-size:15px;margin-bottom:10px}

/* plant view */
#pptk .vbox{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
#pptk .vb{border-radius:18px;padding:16px;border:1.5px solid transparent}
#pptk .vb.dim{opacity:.6}
#pptk .vb .vh{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
#pptk .vb .vh .pe{font-size:20px}
#pptk .vb b{display:block;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:26px;margin:6px 0 4px;line-height:1.1}
#pptk .vb p{font-size:15px;line-height:1.45}
#pptk .vb small{display:block;font-size:13px;margin-top:8px;opacity:.85;font-weight:600}
#pptk .vb.emg{background:var(--sev);color:#fff}
#pptk .vb.emg b{color:#fff}
#pptk .vb.mod{background:var(--modbg);color:#6B2F14;border-color:#F0C7AE}
#pptk .vb.mild{background:var(--mildbg);color:#5A3D07;border-color:#EFD9A6}
#pptk .vb.caution{background:#fff;color:#5A3D07;border-color:#E3C27A;border-style:dashed}
#pptk .vb.safe{background:var(--safebg);color:#1E4424;border-color:#CFE3C3}
#pptk .vb.likely{background:#fff;color:#1E4424;border-color:#B9D6A8;border-style:dashed}
#pptk .rm{display:inline-flex;gap:3px;margin-left:auto}
#pptk .rm i{width:16px;height:7px;border-radius:4px;background:currentColor;opacity:.18}
#pptk .rm.r1 i:nth-child(1),#pptk .rm.r2 i:nth-child(-n+2),#pptk .rm.r3 i{opacity:1}
@media(max-width:560px){#pptk .vbox{grid-template-columns:1fr}}
#pptk .sos{display:flex;gap:12px;background:var(--sevbg);color:#5E2219;border-radius:16px;padding:16px;margin-top:14px}
#pptk .sos>svg{width:26px;height:26px;color:var(--sev);flex:none}
#pptk .sos strong{display:block;font-size:17px}
#pptk .sos>div>span{display:block;font-size:15px;margin-top:2px}
#pptk .alert.warn{background:var(--mildbg);color:#5A3D07}
#pptk .alert.warn svg{color:var(--mildc)}
#pptk .alert div{font-size:16px;line-height:1.5}
#pptk .panel h3{display:flex;align-items:center;gap:8px;font-size:20px}
#pptk .panel h3 svg{color:var(--g2);width:22px;height:22px}
#pptk .panel p{font-size:16px}
#pptk .steps ol{margin:0;padding-left:22px}
#pptk .steps li{margin:6px 0;padding-left:2px}
#pptk .steps .linkbtn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;text-decoration:underline}
#pptk .mini span{display:block;line-height:1.25}
#pptk .mini small{display:block;font-size:13px;color:var(--safe);font-weight:600}
#pptk .guide.alt{background:var(--mint);color:var(--g1)}
#pptk .guide.alt b{color:var(--g1)}
#pptk .guide.alt span{color:var(--muted)}
#pptk .guide.alt svg{color:var(--g2)}
#pptk .dhead+.alert,#pptk .actions{margin-top:16px}

/* helplines */
#pptk .lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px}
#pptk .line{display:block;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none!important;color:var(--ink)}
#pptk a.line:hover{border-color:var(--sev)}
#pptk .line .lw{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#pptk .line b{display:block;font-size:16px;margin:2px 0}
#pptk .line .num{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--sev);font-size:17px}
#pptk .line small{display:block;font-size:13px;color:var(--muted);margin-top:4px}
#pptk .line.other{background:var(--cream2);border-style:dashed}
#pptk .lines.compact{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
#pptk .lines.compact .line{padding:10px 12px}

/* home + help */
#pptk .hhead h2{font-size:clamp(26px,4.5vw,36px);margin-bottom:6px}
#pptk .hhead p{color:var(--muted);max-width:720px;margin-bottom:16px}
#pptk .adder{position:relative;margin-bottom:16px}
#pptk .sugg{display:grid;gap:6px;margin-top:8px}
#pptk .sugg button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px 12px;text-align:left;color:var(--ink);width:100%}
#pptk .sugg button span{flex:1;line-height:1.25}
#pptk .sugg small{display:block;font-style:italic;color:var(--muted);font-size:13px}
#pptk .sugg em{font-style:normal;font-weight:700;color:var(--g2);display:inline-flex;align-items:center;gap:4px}
#pptk .sugg button[disabled]{opacity:.55;cursor:default}
#pptk .sugg .mono,#pptk .htable .mono{width:36px;height:36px;font-size:14px;border-radius:10px}
#pptk .hsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:14px}
#pptk .hs{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:14px 16px}
#pptk .hs .pe{font-size:26px;line-height:1}
#pptk .hs b{display:block;font-size:17px;line-height:1.3}
#pptk .hs span{display:block;font-size:15px;margin-top:4px}
#pptk .hs.emg{background:var(--sevbg);color:#5E2219}
#pptk .hs.mild{background:var(--mildbg);color:#5A3D07}
#pptk .hs.safe{background:var(--safebg);color:#1E4424}
#pptk .htable{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:4px}
#pptk .hr{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(var(--np,2),minmax(0,1fr)) 44px;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}
#pptk .hr.hh{border-top:0;background:var(--cream2);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
#pptk .hr a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0}
#pptk .hr a span{min-width:0}
#pptk .hr a b{display:block;line-height:1.25}
#pptk .hr a small{display:block;font-style:italic;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pptk .hr .vp{font-size:13px}
#pptk .rm-btn{width:36px;height:36px;border-radius:10px;border:0;background:var(--cream2);color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0}
@media(max-width:600px){#pptk .hr{grid-template-columns:minmax(0,1fr) 40px;row-gap:6px}#pptk .hr.hh{display:none}#pptk .hr>[role="cell"]:first-child{grid-column:1/2}#pptk .hr>[role="cell"]:last-child{grid-column:2;grid-row:1}#pptk .hr>[role="cell"]:not(:first-child):not(:last-child){grid-column:1/2}#pptk .hr .vp .sr{position:static!important;width:auto;height:auto;clip:auto}}
#pptk .swapl{margin:6px 0;font-size:16px}
#pptk .sosbig{display:flex;gap:12px;background:var(--sev);color:#fff;border-radius:18px;padding:18px}
#pptk .sosbig>svg{width:28px;height:28px;flex:none}
#pptk .sosbig strong{font-size:18px;display:block;margin-bottom:6px}
#pptk .sosbig ul{margin:0;padding-left:18px}
#pptk .sosbig li{margin:5px 0;font-size:16px}
#pptk .sosbig a{color:#fff;font-weight:700}
#pptk .bigsteps{list-style:none;counter-reset:s;margin:18px 0 0;padding:0;display:grid;gap:10px}
#pptk .bigsteps li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 14px 60px}
#pptk .bigsteps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--g1);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
#pptk .bigsteps b{display:block;font-size:17px}
#pptk .bigsteps span{display:block;color:var(--muted);font-size:16px}
#pptk h3.sub{font-size:22px;margin-top:26px}
#pptk .ask{margin:0 0 12px;padding-left:20px}
#pptk .kid{margin-top:16px}

/* methodology */
#pptk .legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}
#pptk .legend div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.45}
#pptk .legend .vp{margin-bottom:6px}

/* print */
#pptk-print .tprint{font-family:system-ui,sans-serif;color:#1C2620;padding:8mm}
#pptk-print .tprint h1{font-family:Georgia,serif;font-size:26px;margin:0}
#pptk-print .tprint .sub{font-size:12px;color:#56625A;margin:4px 0 12px}
#pptk-print .tprint table{width:100%;border-collapse:collapse;font-size:13px}
#pptk-print .tprint th,#pptk-print .tprint td{border:1px solid #CCD5C6;padding:6px 8px;text-align:left;vertical-align:top}
#pptk-print .tprint th{background:#EEF4E4}
#pptk-print .tprint td.emg{background:#F5D2CA;font-weight:700}
#pptk-print .tprint td.mod{background:#FCE3D3;font-weight:700}
#pptk-print .tprint td.mild,#pptk-print .tprint td.caution{background:#FBF0D3}
#pptk-print .tprint td.safe,#pptk-print .tprint td.likely{background:#E5F1DE}
#pptk-print .tprint .pbox{border:2px solid #A8402F;border-radius:8px;padding:10px;margin-top:12px;font-size:12.5px;line-height:1.7}

#pptk[data-view="home"] .hero,#pptk[data-view="help"] .hero{padding:18px 22px}
#pptk[data-view="home"] .hero p,#pptk[data-view="home"] .hero .badges,#pptk[data-view="home"] .hero .stats,#pptk[data-view="help"] .hero p,#pptk[data-view="help"] .hero .badges,#pptk[data-view="help"] .hero .stats,#pptk[data-view="plant"] .hero .stats{display:none}
#pptk[data-view="home"] .hero h1,#pptk[data-view="help"] .hero h1{font-size:clamp(24px,4vw,32px);margin:4px 0 0}
@media(max-width:860px){#pptk .tabs .tab{flex-direction:column;gap:3px;font-size:13px;padding:8px 4px;text-align:center}#pptk .tabs .tab svg{width:20px;height:20px}}
/* printable pet safety card */
#pptk-print .tcard h2{font-size:30px}
#pptk-print .tvs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
#pptk-print .tv{border-radius:10px;padding:10px 12px;border:1.5px solid #E3E9DA;font-size:12px;line-height:1.4}
#pptk-print .tv .tvp{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
#pptk-print .tv b{display:block;font-family:Fraunces,Georgia,serif;font-size:21px;margin:2px 0}
#pptk-print .tv small{display:block;font-size:10.5px;margin-top:4px;font-weight:700;opacity:.85}
#pptk-print .tv.emg{background:#A8402F;border-color:#A8402F;color:#fff}
#pptk-print .tv.mod{background:#FCEEE4;border-color:#F0C7AE;color:#6B2F14}
#pptk-print .tv.mild{background:#FBF3DF;border-color:#EFD9A6;color:#5A3D07}
#pptk-print .tv.caution{background:#fff;border:1.5px dashed #E3C27A;color:#5A3D07}
#pptk-print .tv.safe{background:#E9F3E3;border-color:#CFE3C3;color:#1E4424}
#pptk-print .tv.likely{background:#fff;border:1.5px dashed #B9D6A8;color:#1E4424}
#pptk-print .pnote{font-size:12.5px;line-height:1.45;background:#F5EFE4;border-radius:8px;padding:8px 10px;margin-top:8px}
#pptk-print .ptips ol{margin:4px 0 0;padding-left:18px}
#pptk-print .ptips li{margin:2px 0}
#pptk-print .pswap{font-size:12.5px;margin-top:8px}
#pptk-print .tcard .pbox{border:2px solid #A8402F;border-radius:8px;padding:8px 10px;margin-top:10px;font-size:11.5px;line-height:1.6}
#pptk-print .pvet{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
#pptk-print .tcard .pf{gap:12px}