.tree-palette-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:end;margin:72px 0 30px;padding-top:30px;border-top:1px solid var(--ink)}
.tree-palette-head h3{margin:0;font:500 clamp(2rem,3vw,3rem)/1.05 var(--serif);letter-spacing:-.03em}
.tree-palette-head p:last-child{max-width:620px;margin:0}
.tree-symbol-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}
.tree-symbol-card{display:flex;min-width:0;min-height:260px;padding:20px 16px 18px;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:color .2s ease,background .2s ease}
.tree-symbol-card:hover,.tree-symbol-card:focus-visible{color:var(--accent);background:#faf6f1}
.tree-symbol-card svg{width:100%;height:auto;aspect-ratio:5/4;color:currentColor}
.tree-symbol-card span{display:block;padding-top:14px;border-top:1px solid var(--line);font-size:.92rem;line-height:1.35}
.tree-symbol-card small{display:block;margin-top:3px;color:#666;font-size:.7rem;font-style:normal}
.tree-symbol-meta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;color:#666;font-size:.76rem}
.tree-symbol-meta p{margin:0}
.tree-symbol-meta a{color:var(--ink);font-weight:700;text-underline-offset:4px}
@media(max-width:900px){.tree-palette-head{grid-template-columns:1fr;gap:18px}.tree-symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-symbol-card{min-height:280px}}
@media(max-width:520px){.tree-symbol-grid{grid-template-columns:1fr 1fr}.tree-symbol-card{min-height:215px;padding:14px 11px}.tree-symbol-card span{font-size:.78rem}.tree-symbol-meta{display:block}.tree-symbol-meta a{display:inline-block;margin-top:8px}}