.plant-guide-page{max-width:1120px;padding-block:40px 56px}
.guide-intro{padding:30px 38px;border:1px solid #d4dfcd;border-radius:24px;background:linear-gradient(115deg,#e5eedb,#f3f5e9);position:relative}
.guide-kicker{font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#3b6047;margin:0 0 10px}
.plant-guide-page .guide-intro h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:800px;line-height:1.08;margin:0 0 14px;letter-spacing:-.045em}
.guide-lead{max-width:62ch!important;font-size:1.1rem;line-height:1.55;margin:0;color:#36513d}
.guide-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:32px 0 18px}
.plant-guide-page .guide-section-heading h2{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);scroll-margin-top:24px}
.guide-section-heading>p{font-size:.85rem;max-width:28ch;margin:0;color:#52664f}
.plant-index{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.plant-index a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #c9d8c0;border-radius:30px;background:#fffdf8;color:#234730;text-decoration:none;font-size:.9rem;font-weight:650}
.plant-index a:hover{background:#e4eddb;border-color:#74946b}
.plant-guide-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.plant-guide-grid .plant-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:18px 32px;align-items:start;margin:0;padding:28px 28px 16px;border:1px solid #d4dfcb;border-radius:20px;background:#fffefa;box-shadow:0 4px 14px #173b2b05;min-width:0;scroll-margin-top:24px}
.plant-copy{min-width:0}
.plant-guide-grid h3{font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.035em;line-height:1.15;margin:0 0 8px}
.plant-latin{font-size:.95rem;color:#4f694d;margin:0;line-height:1.5}
.plant-synonym{display:block;font-size:.8rem;color:#63725a;margin-top:2px}
.plant-other-name{font-size:.8rem;color:#63725a;margin:4px 0 0}
.plant-summary{font-size:1.02rem;font-weight:650;line-height:1.45;margin:22px 0 12px}
.plant-traits{padding-left:20px;margin:0;color:#3e5442;font-size:.94rem;line-height:1.6}
.plant-traits li{padding-left:3px;margin-bottom:7px}
.plant-season-note{font-size:.84rem;line-height:1.55;margin:16px 0 0;color:#51614b}
.plant-guide-grid .plant-sources{grid-column:1/-1;max-width:none;margin:0;padding-top:10px;border-top:1px solid #e8ece2;font-size:.75rem;line-height:1.5;color:#5f6d5a;overflow-wrap:anywhere}
.plant-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:0;min-width:0}
.plant-media-pair figure{margin:0;min-width:0}
.plant-image-link{display:block;position:relative;aspect-ratio:4/5;border:1px solid #dbe3d2;border-radius:12px;overflow:hidden;background:#eef1e4}
.plant-image-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.plant-illustration .plant-image-link{background:#f5f3e9}
.plant-illustration img{object-fit:contain;padding:8px}
.plant-herbarium img{object-fit:cover;object-position:50% 28%;padding:0}
.plant-alchemilla img{object-position:50% 45%}
.plant-habit img{object-position:0% 70%}
.image-expand{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#173b2b;color:#fff;font-size:1rem;box-shadow:0 1px 8px #0002}
.plant-image-link:hover .image-expand{background:#3f6240}
.plant-media-pair figcaption{padding:8px 2px 0;line-height:1.4;overflow-wrap:anywhere}
.plant-media-pair figcaption strong{display:block;color:#23422d;font-size:.85rem;font-weight:700;margin-bottom:2px}
.image-credit{display:block;font-size:.75rem;color:#5f6d5a}
.image-credit a,.plant-sources a,.guide-links a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#a3b09c}
.image-credit a:hover,.plant-sources a:hover,.guide-links a:hover{color:#173b2b;text-decoration-color:currentColor}
.plant-identify{font-size:1rem;line-height:1.55;margin:18px 0 0;color:#2f4a36}
.plant-crosslink{font-size:.92rem;font-weight:700;margin:16px 0 0}
.plant-crosslink a{color:#173b2b;text-underline-offset:3px}
.plant-guide-grid .plant-card-invasive{background:#fbf6ed}
.leaf-compare{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:0;list-style:none}
.content-page .leaf-compare li{max-width:none}
.leaf-compare a{display:block;height:100%;min-height:44px;padding:12px 14px;border:1px solid #c9d8c0;border-radius:14px;background:#fffdf8;color:#234730;text-decoration:none}
.leaf-compare a:hover{background:#e4eddb;border-color:#74946b}
.leaf-compare strong{display:block;font-size:.92rem;line-height:1.3}
.leaf-compare span{display:block;margin-top:4px;font-size:.8rem;line-height:1.35;color:#4b6049}
.guide-note{margin:10px 4px 0;font-size:.82rem;color:#5f6d5a}
.plant-media-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.guide-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:28px 4px 0;font-size:.88rem;color:#52664f}
.plant-guide-page .guide-links h2{margin:0;font-size:.88rem;font-weight:700;letter-spacing:0;line-height:1.5;color:#3b6047}
.guide-links ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
.guide-links li{max-width:none}
.plant-guide-page :is(a,button):focus-visible{outline:3px solid #a65d20;outline-offset:4px;border-radius:3px}
.plant-guide-page .plant-image-link:focus-visible{outline-offset:3px;border-radius:12px}
@media(max-width:960px){.leaf-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-guide-grid .plant-card{grid-template-columns:minmax(0,1fr);gap:20px}.plant-summary{margin-top:18px}.plant-traits{max-width:65ch}.plant-media-pair{max-width:660px;width:100%}}
@media(max-width:620px){.plant-guide-page{width:calc(100% - 32px);padding-block:24px 40px}.guide-intro{padding:24px 22px;border-radius:18px}.guide-lead{font-size:1rem}.guide-section-heading{display:block;margin-top:26px}.guide-section-heading>p{margin-top:12px;max-width:none}.plant-index{gap:7px;margin-bottom:18px}.plant-index a{padding:8px 12px;font-size:.8rem}.plant-guide-grid{gap:18px}.plant-guide-grid .plant-card{padding:20px 16px 14px;gap:18px;border-radius:16px}.plant-guide-grid h3{font-size:1.7rem}.plant-media-pair,.plant-media-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.plant-media-three .plant-illustration{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.plant-media-three .plant-illustration figcaption{padding:0}.plant-media-pair figcaption strong{font-size:.8rem}.image-expand{right:6px;bottom:6px;width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){html:has(.plant-guide-page){scroll-behavior:auto}}