/* Scoped additions: the shared Hanip test styles remain unchanged. */
.tree-page{--accent:#8fdf8c}
.tree-page #start{height:auto;min-height:590px;padding:40px 26px 26px}
.tree-page #start .common-subtitle{font-size:16px;line-height:1.7;margin-bottom:24px!important}
.tree-page #start .callout{height:auto;min-height:150px;flex:none;display:block;font-size:16px;line-height:1.85;padding:20px;margin:16px 0 18px!important;overflow:visible}
.tree-page #start .test-stats{flex:none}
.tree-page #start .small{height:auto;min-height:20px}
.tree-page #start .start-brand-logo{width:48px;height:48px;top:31px}
.tree-page #quiz{height:auto!important;min-height:590px!important;max-height:none!important}
.tree-page #quiz h2{flex:0 0 auto!important;min-height:64px!important;max-height:none!important;margin:26px 0 18px!important;overflow:visible}
.tree-page #quiz .answers{grid-template-columns:1fr!important;gap:9px!important}
.tree-page #quiz .answers .answer{aspect-ratio:auto!important;min-height:48px!important;height:auto!important;padding:12px 16px!important;justify-content:flex-start!important;text-align:left!important;font-size:16px;line-height:1.45!important}
.tree-page .answer:focus-visible,.tree-page a:focus-visible,.tree-page button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.tree-page .analysis-fill{transition:width 2s linear}
.tree-page #result h1{margin-bottom:8px}
.tree-page .tree-region{color:#b5deba;line-height:1.7;margin:12px 0}
.tree-page .tree-scientific{color:#bbb8c1;font-size:16px;overflow-wrap:anywhere}
.tree-page figure{margin:24px 0}
.tree-page .tree-photo{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;background:#171d19;border:1px solid #303d32;border-radius:17px}
.tree-page .tree-caption{color:#aaa6af;font-size:12px;line-height:1.65;overflow-wrap:anywhere;margin-top:10px}
.tree-page a{color:#b0e3ab}
.tree-page .result-box p{margin:0;white-space:pre-line;font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:break-word}
.tree-page .source-list{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.tree-page .source-list a{display:block}
.tree-page .share-status{min-height:20px}
@media(max-width:600px){
 .tree-page #start{min-height:560px;padding:28px 20px 22px}
 .tree-page #start .common-subtitle{font-size:15px;margin-bottom:14px!important}
 .tree-page #start .callout{font-size:15px;min-height:0;padding:17px;line-height:1.8}
 .tree-page #quiz{padding:23px 18px!important;min-height:0!important}
 .tree-page #quiz h2{font-size:21px;min-height:54px!important;margin:22px 0 14px!important}
 .tree-page #quiz .answers{gap:8px!important}
 .tree-page #quiz .answers .answer{font-size:15px;min-height:46px!important;padding:11px 14px!important}
 .tree-page #quiz .quiz-nav{margin-top:8px!important}
 .tree-page #result h1{font-size:28px}
 .tree-page .result-box{padding:17px}
 .tree-page .result-box p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.tree-page .orbit{animation:none}.tree-page .analysis-fill{transition:none}}