.tm-herbaryum{--bg:#E9E2CC;--ink:#2B3A24;--muted:#5D6B50;--accent:#4C6B3A;--accent-t:#7A4A1E;--line:#C4BB9F;--panel:#DED6BC;--font:"EB Garamond",Georgia,serif;--font-h:Caveat,cursive;--dock:#2B3A24;--dock-ink:#F3EEDD;--dock-r:6px;background-image:radial-gradient(#00000009 1px,transparent 1px);background-size:5px 5px;font-size:16px}
.tm-herbaryum .qm-modal{background:#F5F0DF}.tm-herbaryum .qm-modal h2{font-size:32px}
.hb-cover{margin:14px;padding:26px 18px;border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:3px;background:#F5F0DF;text-align:center}.hb-cover p{font-style:italic;letter-spacing:.14em;font-size:13px;text-transform:uppercase}.hb-cover h1{margin:4px 0;font:700 clamp(42px,12vw,70px)/1 Caveat,cursive;color:var(--accent);overflow-wrap:anywhere}.hb-cover small{font-style:italic;color:var(--muted);font-size:15px}
.hb-tabs{gap:6px;padding:8px 14px;background:#E9E2CC;border-bottom:1px solid var(--line)}.hb-tabs a{padding:4px 12px;border:1px solid var(--line);border-radius:3px 3px 0 0;background:#F5F0DF;font-style:italic;transition:background .18s,color .18s}.hb-tabs a:hover,.hb-tabs a.on{background:var(--accent);border-color:var(--accent);color:#F5F0DF}
.hb-main{max-width:900px;margin:auto;padding:0 14px}.hb-sec{padding-top:20px}.hb-sec h2{margin:0 0 14px;font:700 36px/1 Caveat,cursive;color:var(--accent-t)}
.hb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.hb-sheet{position:relative;display:flex;flex-direction:column;padding:12px 10px 10px;background:#FBF8EC;box-shadow:0 3px 9px rgba(50,40,10,.22);color:var(--accent);transition:transform .22s,box-shadow .22s}.hb-sheet:nth-child(3n+1){transform:rotate(-.9deg)}.hb-sheet:nth-child(3n){transform:rotate(.8deg)}.hb-sheet:hover{transform:rotate(0) translateY(-3px);box-shadow:0 8px 16px rgba(50,40,10,.28)}.hb-sheet svg{width:64%;margin:2px auto 8px;transition:transform .35s}.hb-sheet:hover svg{transform:rotate(-4deg) scale(1.05)}
.hb-tape{position:absolute;top:-7px;left:50%;width:58px;height:16px;transform:translateX(-50%) rotate(-2deg);background:rgba(190,170,110,.5)}
.hb-label{display:block;padding:6px 8px;border:1px solid var(--ink);color:var(--ink);text-align:left}.hb-label em{font-size:11.5px;color:var(--muted)}.hb-label b{display:block;font:700 22px/1 Caveat,cursive;color:var(--ink)}.hb-label small{display:block;margin:2px 0;font-style:italic;font-size:13.5px;line-height:1.2;color:var(--muted)}.hb-label strong{font-weight:500;color:var(--accent-t)}
@media (min-width:700px){.hb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}