*{box-sizing:border-box}body{margin:0;background:#f4f1e8;color:#344331;font:16px/1.65 Georgia,serif}main{max-width:1160px;margin:auto;padding:30px 30px 60px}nav{display:flex;justify-content:space-between;font:12px system-ui;margin-bottom:60px}a{color:#52664b;text-underline-offset:4px}.eyebrow{font:10px system-ui;letter-spacing:.18em;text-transform:uppercase;color:#6d7964}h1{font-size:clamp(36px,5.8vw,70px);line-height:1.1;font-weight:400;margin:17px 0}header>p{font-size:19px;color:#76806b}h2{font-size:clamp(26px,3vw,39px);font-weight:400;margin:8px 0}p{margin:12px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:36px;font-size:14px;color:#707a65;border-top:1px solid #d4d8c8;padding-top:15px;margin:28px 0}#chooser{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:30px 0 42px}button{font:13px system-ui;color:inherit;border:1px solid #c4cbb7;border-radius:24px;padding:12px 17px;background:transparent;cursor:pointer}button:hover{background:#e7ebdd}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #8f9f74;outline-offset:4px}#chooser button{border-radius:8px;text-align:left;min-height:62px}#chooser button span{display:block;font-size:9px;color:#65725b;margin-bottom:5px}#chooser button[aria-pressed=true]{background:#3e533a;color:#fff}#chooser button[aria-pressed=true] span{color:#d3ddc8}.specimen{padding-top:20px;border-top:1px solid #bdc7ad}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading p{font-style:italic;color:#6a785e;font-size:14px}.controls{display:flex;gap:8px;flex-wrap:wrap}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}figure{margin:0;min-width:0}.figure-label{font:10px system-ui;letter-spacing:.12em;text-transform:uppercase;padding:12px 0;color:#6c7d60}#photo,#drawing{width:100%;height:360px;background:#e9ecdf;border-radius:7px}#photo{display:flex;align-items:center;justify-content:center;padding:10px}#photo img{width:100%;height:100%;object-fit:contain}#drawing{background:#efeee2}#photo .placeholder{max-width:290px;text-align:center;padding:25px;font-size:16px}figcaption{font:11px/1.65 system-ui;color:#738069;min-height:55px;padding-top:10px}figcaption a{font-size:11px}.fact{border-left:2px solid #9caa83;padding:13px 22px;margin:24px 0;font-size:21px;background:#eaeddf}dl{display:grid;grid-template-columns:155px 1fr;gap:12px 26px;font-size:15px}dt{color:#738067}dd{margin:0}details{border-block:1px solid #d2d8c5;padding:15px 0;margin:25px 0;font-size:14px}summary{cursor:pointer}#sources{font:12px/1.8 system-ui;display:flex;gap:22px;flex-wrap:wrap}.pending{margin-top:65px}.pending ul{padding-left:20px;font-size:14px;color:#69775e}.pending li{margin:14px 0}footer{margin-top:45px;border-top:1px solid #d2d8c5;padding-top:22px;font:11px/1.8 system-ui;color:#738069}.outline{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.6s ease forwards}.paint{opacity:0;animation:fill 1.3s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fill{to{opacity:1}}@media(max-width:700px){main{padding:24px 18px}nav{margin-bottom:38px}.intro{grid-template-columns:1fr;gap:0}#chooser{grid-template-columns:repeat(2,1fr)}.heading{display:block}.controls{margin:20px 0}.comparison{gap:12px}#photo,#drawing{height:230px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:14px}.figure-label{font-size:8px}.fact{font-size:18px}}@media(max-width:420px){#photo,#drawing{height:190px}}@media(prefers-reduced-motion:reduce){.outline{animation:none;stroke-dashoffset:0}.paint{animation:none;opacity:1}}

.specimen-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 0;font:12px system-ui;color:#6a785e}.specimen-nav button{min-width:48px;min-height:44px;font-size:20px;padding:7px 16px}.comparison{touch-action:pan-y pinch-zoom}.comparison img{-webkit-user-drag:none;user-select:none}.comparison:focus-visible{outline:2px solid #8f9f74;outline-offset:5px}#plant-position{text-align:center;min-width:150px}

.recognition{border-top:1px solid #d2d8c5;margin-top:28px;padding:24px 0 8px}.recognition h3{font:normal 29px/1.25 Georgia,serif;margin:8px 0 20px}.recognition ol{list-style:none;counter-reset:cue;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.recognition li{counter-increment:cue;font-size:16px;line-height:1.6}.recognition li:before{content:'0' counter(cue);display:block;font:11px system-ui;letter-spacing:.1em;color:#748466;margin-bottom:10px}.recognition-note{font:12px/1.7 system-ui;color:#758068}.recognition-sources{display:flex;gap:16px;flex-wrap:wrap;font:12px/1.7 system-ui;margin-top:12px}#lookalike{background:#eaeddf;border-radius:8px;padding:20px 24px;margin-top:24px;font-size:14px}#lookalike h4{font:normal 19px/1.4 Georgia,serif;margin:0}#lookalike a{font:12px system-ui}#lookalike button{margin-left:18px}#lookalike[hidden]{display:none}@media(max-width:700px){.recognition ol{grid-template-columns:1fr;gap:16px}.recognition li{display:grid;grid-template-columns:25px 1fr;gap:10px}.recognition li:before{margin-top:7px}#lookalike button{display:block;margin:16px 0 0}}

#photo .placeholder{font-size:14px;padding:12px}#photo .placeholder b{font:500 13px/1.4 system-ui}#photo .placeholder a{display:inline-block;font:12px/1.5 system-ui}#photo:has(.placeholder){height:auto;min-height:360px}@media(max-width:700px){#photo:has(.placeholder){min-height:230px}#photo .placeholder{font-size:12px;padding:4px}}

.size-study{border-block:1px solid #d2d8c5;padding:24px 0;margin-top:24px}.size-study h3{font:normal 29px/1.25 Georgia,serif;margin:8px 0 20px}.size-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.size-study h4{font:12px system-ui;color:#66775d;margin:0}.size-study p{font-size:16px}.size-study .size-note{font:12px/1.7 system-ui;color:#758068;margin-top:20px}#size-source{font:12px/1.7 system-ui}@media(max-width:700px){.size-columns{grid-template-columns:1fr;gap:16px}}

/* Collection identity stays secondary to the garden. */
[hidden]{display:none!important}.collection-views{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.collection-views [aria-pressed="true"],#real-ownership[aria-pressed="true"]{background:#e4e9d9}.ownership-panel{padding:16px 0;margin:12px 0 22px;border-block:1px solid #d6dacb}.ownership-panel p{font-size:14px}#pingdom-links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}#ownership-note{font-size:12px;color:#707d65}#real-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}#real-collection .specimen{padding:20px;border:1px solid #d6dacb;border-radius:18px}#real-collection button{display:block;margin-top:18px}.actions a{display:inline-block;padding:8px;font-size:13px}

/* Photo-first profiles: short default view, optional reading below. */
main{max-width:1000px;padding-top:12px}.site-header{margin-bottom:0!important}#browse-pingdex{margin:0 0 16px;padding:10px 0;border-top:0}#browse-pingdex>summary{font:13px system-ui;color:#65745a}#browse-pingdex nav{margin-bottom:20px}#browse-pingdex header>p{font-size:16px}#browse-pingdex header h1{font-size:36px}#browse-pingdex #chooser{margin:15px 0}.specimen{padding-top:10px;border:0}.heading{display:block}.heading h2{font-size:clamp(25px,4vw,38px);line-height:1.15;margin:6px 0 12px}.comparison{margin-top:0;gap:16px;grid-template-columns:1.25fr 1fr}.figure-label{padding:5px 0 8px;font-size:9px;letter-spacing:.07em}#photo,#drawing{height:330px}#photo:has(.placeholder){min-height:330px}figcaption{min-height:0;font-size:10px;line-height:1.45;padding-top:6px}figcaption a{font-size:10px}.specimen-nav{margin:12px 0 0;gap:14px}.specimen-nav button{min-height:44px}.controls{margin:10px 0 16px;justify-content:center}.controls button{font-size:12px;padding:10px 16px}.profile-section{margin:0;padding:14px 0;border-top:1px solid #d2d8c5;border-bottom:0}.profile-section>summary{font:15px system-ui}.profile-section .ownership-panel{border:0;margin:0;padding:10px 0}.profile-section .recognition,.profile-section .size-study{border:0;margin:0;padding-top:15px}.profile-section #nickname{font-size:14px;color:#6a785e}.profile-section #sources{padding:12px 0}.pending{margin-top:18px}main>details:last-child{margin-top:22px}main>details:last-child>summary{font:12px system-ui}main>details:last-child footer{margin-top:18px}
@media(max-width:700px){main{padding:10px 16px 28px}.heading h2{font-size:27px}.heading .eyebrow{font-size:9px}.comparison{gap:10px}#photo,#drawing{height:240px}#photo:has(.placeholder){min-height:240px}#photo{padding:5px}.figure-label{font-size:8px;min-height:30px}#plant-position{min-width:125px;font-size:11px}.specimen-nav{margin-top:10px}#browse-pingdex{margin-bottom:10px}.controls{margin:8px 0 12px}.profile-section{padding:13px 0}}
@media(max-width:380px){#photo,#drawing{height:210px}#photo:has(.placeholder){min-height:210px}.heading h2{font-size:24px}}