/* Indoor plant finder. Uses the site tokens (chalk, ink, pine = mulberry, clay = moss, rain, line). Square corners. */
.pf-page{max-width:1080px;margin:0 auto;padding:28px 20px 72px;color:var(--ink,#312c2d);font-family:var(--reading,'Libre Caslon Text',Georgia,serif);font-size:17px;line-height:1.75}
.pf-page [hidden]{display:none!important}
.pf-page h1,.pf-page h2,.pf-page h3{font-family:var(--serif,'IM Fell DW Pica',Georgia,serif);font-weight:400;color:var(--ink,#312c2d)}
.pf-page a{color:var(--pine,#623c48);text-decoration:underline;text-underline-offset:3px}
.pf-page a:hover{color:var(--ink,#312c2d)}
.pf-page :is(a,button,input,summary):focus-visible,.pf-page [tabindex="-1"]:focus-visible{outline:3px solid var(--clay,#63715b);outline-offset:3px}
.pf-crumbs{font:13px/1.5 var(--sans,'Libre Franklin',sans-serif);color:var(--muted,#5e5458);margin:0 0 22px}
.pf-head h1{font-size:clamp(34px,6vw,58px);line-height:1.1;letter-spacing:-.015em;margin:0 0 20px}
.pf-copy{max-width:720px}
.pf-copy p{margin:0 0 18px}
.pf-copy h2{font-size:clamp(28px,4vw,36px);line-height:1.2;margin:40px 0 14px}
.pf-copy ul,.pf-copy ol{padding-left:22px;margin:0 0 18px}
.pf-copy li{margin-bottom:8px}
.pf-copy table{width:100%;border-collapse:collapse;font:15px/1.5 var(--sans,'Libre Franklin',sans-serif);margin:0 0 22px}
.pf-copy th,.pf-copy td{border:1px solid var(--line,#c9cec4);padding:10px;text-align:left;vertical-align:top}
.pf-copy th{background:var(--rain,#e4eaeb);font-weight:600}
.pf-after{margin-top:56px}

.pf-tool{margin:36px 0 0;padding:26px 0 0;border-top:1px solid var(--line,#c9cec4);scroll-margin-top:16px}
.pf-tool>h2{font-size:clamp(30px,4.4vw,42px);line-height:1.15;margin:0 0 16px}
.pf-nojs{padding:14px;border:1px solid var(--pine,#623c48);font:15px/1.6 var(--sans,'Libre Franklin',sans-serif)}

.pf-form{display:block;margin:0 0 30px}
.pf-group{border:0;padding:0;margin:0 0 26px;min-width:0}
.pf-group legend{font:600 17px/1.4 var(--sans,'Libre Franklin',sans-serif);padding:0;margin:0 0 6px;color:var(--pine,#623c48)}
.pf-hint{font:14px/1.6 var(--sans,'Libre Franklin',sans-serif);color:var(--muted,#5e5458);margin:0 0 12px}
.pf-choices{display:grid;grid-template-columns:1fr;gap:8px}
.pf-pills{display:flex;flex-wrap:wrap;gap:8px}
.pf-choice{display:flex;gap:12px;align-items:flex-start;min-height:48px;box-sizing:border-box;padding:10px 14px;background:#fff;border:1px solid var(--line,#c9cec4);cursor:pointer;font:15px/1.45 var(--sans,'Libre Franklin',sans-serif)}
.pf-choice:hover{border-color:var(--pine,#623c48)}
.pf-choice input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--pine,#623c48)}
.pf-choice strong{display:block;font-weight:600}
.pf-choice small{display:block;font-size:13.5px;color:var(--muted,#5e5458)}
.pf-choice:has(input:checked){border-color:var(--pine,#623c48);box-shadow:inset 0 0 0 1px var(--pine,#623c48);background:var(--rain,#e4eaeb)}
.pf-pills .pf-choice{align-items:center}

.pf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.pf-btn{min-height:48px;padding:12px 22px;border:1px solid var(--pine,#623c48);background:var(--pine,#623c48);color:var(--chalk,#faf8f5);font:600 15px/1.2 var(--sans,'Libre Franklin',sans-serif);border-radius:0;cursor:pointer}
.pf-btn:hover{background:var(--ink,#312c2d);border-color:var(--ink,#312c2d)}
.pf-btn--quiet{background:transparent;color:var(--pine,#623c48)}
.pf-btn--quiet:hover{background:var(--rain,#e4eaeb);color:var(--ink,#312c2d)}

.pf-results{scroll-margin-top:16px}
.pf-results>h3,.pf-close>h3{font-size:clamp(28px,4vw,36px);line-height:1.2;margin:0 0 8px;outline:0}
.pf-status{font:15px/1.6 var(--sans,'Libre Franklin',sans-serif);margin:0 0 20px;padding:12px 14px;background:var(--rain,#e4eaeb);border-left:4px solid var(--clay,#63715b)}
.pf-status:empty{display:none}

.pf-list{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:1fr;gap:22px}
.pf-card{padding:22px 20px;background:#fff;border:1px solid var(--line,#c9cec4);min-width:0}
.pf-card.is-close{border-style:dashed}
.pf-name{font-size:28px;line-height:1.15;margin:0 0 4px}
.pf-sci{display:block;font:italic 15px/1.5 var(--reading,'Libre Caslon Text',Georgia,serif);color:var(--muted,#5e5458);margin-top:4px}
.pf-also{font:13.5px/1.5 var(--sans,'Libre Franklin',sans-serif);color:var(--muted,#5e5458);margin:0 0 10px}
.pf-fit{margin:10px 0;padding:10px 12px;font:14.5px/1.55 var(--sans,'Libre Franklin',sans-serif);background:var(--rain,#e4eaeb);border-left:4px solid var(--clay,#63715b)}
.pf-fit--close{background:#fff;border:1px dashed var(--pine,#623c48);border-left:4px solid var(--pine,#623c48)}
.pf-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.pf-tag{display:inline-block;padding:3px 9px;border:1px solid var(--line,#c9cec4);font:600 12.5px/1.5 var(--sans,'Libre Franklin',sans-serif);color:var(--ink,#312c2d);background:var(--chalk,#faf8f5)}
.pf-tag--safe{border-color:var(--clay,#63715b);background:var(--rain,#e4eaeb)}
.pf-tag--toxic{border-color:var(--pine,#623c48);color:var(--pine,#623c48)}
.pf-tag--unknown{border-style:dashed;border-color:var(--pine,#623c48);color:var(--pine,#623c48)}
.pf-guid{margin:0 0 14px}
.pf-facts{margin:0 0 12px}
.pf-facts>div{padding:9px 0;border-top:1px solid var(--line,#c9cec4)}
.pf-facts dt{font:600 12.5px/1.5 var(--sans,'Libre Franklin',sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#5e5458);margin:0 0 2px}
.pf-facts dd{margin:0;font-size:16px;line-height:1.6}
.pf-note{display:block;margin-top:4px;color:var(--muted,#5e5458);font-size:15px}
.pf-caution{margin:0 0 12px;padding:10px 12px;border-left:4px solid var(--pine,#623c48);background:var(--chalk,#faf8f5);font:14.5px/1.55 var(--sans,'Libre Franklin',sans-serif)}
.pf-more{margin:12px 0;font:14.5px/1.55 var(--sans,'Libre Franklin',sans-serif)}
.pf-more p{margin:0 0 4px;font-weight:600}
.pf-more ul,.pf-src ul{margin:0;padding-left:20px}
.pf-more li,.pf-src li{margin-bottom:4px}
.pf-src{font:14px/1.55 var(--sans,'Libre Franklin',sans-serif);margin-top:10px}
.pf-src summary{cursor:pointer;padding:8px 0;min-height:24px}

.pf-close{margin:0 0 10px}
.pf-other{margin:0 0 20px;border:1px solid var(--line,#c9cec4);padding:0 16px;background:var(--chalk,#faf8f5)}
.pf-other>summary{cursor:pointer;padding:14px 0;font:600 16px/1.4 var(--sans,'Libre Franklin',sans-serif);color:var(--pine,#623c48)}
.pf-other[open]>summary{border-bottom:1px solid var(--line,#c9cec4);margin-bottom:16px}
.pf-other .pf-list{margin-bottom:16px}
.pf-out{font:15px/1.6 var(--sans,'Libre Franklin',sans-serif);padding-left:20px;margin:0 0 16px}

@media (min-width:480px){
  .pf-facts>div{display:grid;grid-template-columns:7.5rem 1fr;gap:14px}
  .pf-facts dt{margin:3px 0 0}
}
@media (min-width:700px){
  .pf-page{padding:44px 30px 90px}
  .pf-choices{grid-template-columns:1fr 1fr}
  .pf-list{grid-template-columns:1fr 1fr;align-items:start}
  .pf-card{padding:24px}
}
@media (min-width:1000px){
  .pf-group--light .pf-choices{grid-template-columns:repeat(3,1fr)}
  .pf-group--space .pf-choices{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){.pf-page *{transition:none!important;animation:none!important}}
@media print{.pf-form,.pf-crumbs{display:none!important}.pf-card{break-inside:avoid;border-color:#999}}