/* Troubleshooting hub and problem pages. */
.tree{margin:20px 0 8px}
.tree-box{background:var(--surface); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); padding:18px}
.tree-q{margin:0 0 12px; font-size:1.25rem}
.tree-k{margin:0 0 4px; font-size:.78rem; color:var(--muted); text-transform:uppercase; letter-spacing:.04em}
.tree-opts{display:grid; gap:8px}
.tree-opt{font:inherit; text-align:left; background:var(--surface-2); color:var(--ink); border:1px solid var(--line); border-radius:10px; padding:12px 14px; cursor:pointer}
.tree-opt:hover,.tree-opt:focus-visible{border-color:var(--grow); outline:none}
.tree-back{font:inherit; background:none; color:var(--muted); border:0; padding:10px 4px 0; cursor:pointer; text-decoration:underline}
.tree-row{display:flex; gap:14px; align-items:center; flex-wrap:wrap}
.tree-cta{display:inline-block; background:var(--grow); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; font-weight:600; margin-top:10px}
.tree-link{color:inherit}
.plist{list-style:none; padding:0; margin:8px 0; display:grid; gap:8px}
.plist li{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:12px 14px}
.plist a{font-weight:600}
.plist span{display:block; color:var(--muted); font-size:.9rem; margin-top:2px}
.badge.sev-high{color:var(--warn)} .badge.sev-medium{color:var(--warn)} .badge.sev-low,.badge.sev-none{color:var(--grow-ink)}
.note{color:var(--muted); font-size:.9rem}
.src{font-size:.92rem}
/* species picker */
.pk-form fieldset{border:1px solid var(--line); border-radius:14px; background:var(--surface); margin:0 0 12px; padding:12px 16px}
.pk-form legend{font-family:var(--serif); font-weight:500; padding:0 6px}
.pk-form label{display:block; padding:6px 0; cursor:pointer}
.pk-form input{margin-right:8px}
.pk-results h2{margin-top:26px}
.pk-card{display:flex; gap:14px; background:var(--surface); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); padding:14px; margin:10px 0}
.pk-card img{width:96px; height:96px; object-fit:cover; border-radius:10px; flex:none}
.pk-card h3{margin:0; font-family:var(--serif); font-weight:500}
.pk-card .sci{margin:0 0 6px; font-size:.95rem}
.pk-card ul{margin:6px 0; padding-left:1.1em}
.pk-guide{background:var(--surface-2); border:1px solid var(--line); border-radius:14px; padding:4px 18px 16px; margin:22px 0}
@media (max-width:480px){ .pk-card{flex-direction:column} .pk-card img{width:100%; height:160px} }
/* glossary */
.gl{margin:6px 0 0}
.gl dt{font-family:var(--serif); font-weight:500; font-size:1.1rem; margin-top:14px; scroll-margin-top:12px}
.gl dd{margin:2px 0 0; max-width:66ch}
.gl-links{display:block; font-size:.9rem; margin-top:2px}
.gl-az{display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 4px}
.gl-az a{font-weight:600; text-decoration:none}