/* Shared outline icons; text labels remain the accessible names. */
.ui-icon,.home-action-icon svg,.stat-top svg{width:20px;height:20px;flex:0 0 20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#site-more-dialog .ui-icon,#secondary-more-dialog .ui-icon{width:20px;height:20px;flex-basis:20px}
#site-more-open,#secondary-more-open{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.person-favorite .ui-icon,.comparison-favorite .ui-icon{margin-inline-end:7px}
[aria-pressed="true"]>.ui-icon use[href$="#bookmark"]{fill:currentColor;fill-opacity:.15}

/* A smaller ivory introduction keeps search at the center of the home page. */
#home .home-hero{padding:34px 24px 28px;background:#f6f4ec;color:#193f32;border-bottom:1px solid #e3e3d7}
#home .home-hero>.home-hero-copy{max-width:880px}
#home .home-hero h2{color:#193f32;font-size:clamp(1.65rem,3.5vw,2.35rem);line-height:1.6}
#home .home-hero .home-intro{color:#5c6d61;margin:8px 0 20px}
#home .home-search-form{align-items:center;background:#fff;border:1px solid #b5bda9;border-radius:14px;padding:6px;gap:4px;box-shadow:0 6px 24px #2946320c}
#home .home-search-form:focus-within{border-color:#8b733c;box-shadow:0 0 0 3px #ab925126}
#home .home-search-icon{margin-inline-start:10px;color:#667b67}
#home .home-search-form input{padding-inline:8px;color:#193f32;min-height:48px}
#home .home-search-form input::placeholder{color:#66756a;opacity:1}
#home .home-search-form button.primary{min-height:48px;padding:10px 22px;border-radius:9px;background:#1d4537;border-color:#1d4537;color:#fff}
#home .home-search-form button.primary:hover{background:#2c5846}
#home .home-search-form .search-clear{width:44px;min-width:44px;min-height:44px;padding:8px;color:#526b5a}
#home .home-links{gap:10px 22px;margin-top:14px!important}
#home .home-links>a,#home .home-links>button{color:#294f3b!important;border:0;background:transparent;padding:8px 0;min-height:44px;gap:9px;flex:0 1 auto;width:auto;justify-content:flex-start}
#home .home-links>a:hover,#home .home-links>button:hover{color:#183c2b!important;text-decoration:underline;text-underline-offset:4px}
#home .home-links .home-action-icon{color:#8b733c}
#home .home-hero .recent-area{border-color:#d7dece;color:#596b5b;margin-top:14px}
#home .home-hero .recent-area>summary,#home .home-hero .recent-meta{color:#596b5b}
#home .home-hero .recent-meta button{color:#725d2f}
#home .home-hero .recent-list button{background:#fff;color:#294f3b;border-color:#d7dece}

/* Keep the two mobile paths; connect each name with a quiet, continuous line. */
#relation-result .relation-common{background:#f5edd9;border-color:#c9b176;padding:14px 12px}
#relation-result .relation-common h3{color:#634f26}
#relation-result .relation-common .eyebrow{color:#786133}
#relation-result .relation-paths>section{background:#fffef9;border-color:#e5e7dd}
#relation-result .relation-paths h4{background:#fffef9}
#relation-result .relation-paths .path-arrow{display:block;width:1px;height:18px;padding:0;margin:0 auto;background:#9fae9e;font-size:0;line-height:0}
#relation-result .relation-paths .common button{color:#634f26;background:#f5edd9;border-color:#c9b176}
#group-result .group-paths li{border-inline-start-width:1px;border-inline-start-color:#9fae9e}
#group-result .group-paths li:before{width:5px;height:5px;inset-inline-start:-3px;background:#9fae9e}
#group-result .group-paths .common{background:#f5edd9;color:#634f26;border-inline-start-color:#c9b176}
#group-result .group-paths .common:before{background:#a68a4d}
#group-result .group-paths .common button{color:#634f26}
@media(max-width:760px){
 #home .home-hero{padding:24px 18px 22px}
 #home .home-hero .home-intro{margin-bottom:16px}
 #home .home-search-form{margin-top:16px}
 #home .home-search-form button.primary{padding-inline:16px}
 #home .home-links{gap:8px 18px}
 #home .home-links>a,#home .home-links>button{font-size:.875rem}
 #relation-result .relation-paths .path-arrow{height:16px}
 .top .top-actions #site-more-open .ui-icon,.top .top-actions #secondary-more-open .ui-icon{display:inline-block}
}
@media(max-width:359px){
 #home .home-hero{padding-inline:14px}
 #home .home-search-icon{margin-inline-start:4px;width:18px;height:18px;flex-basis:18px}
 #home .home-search-form{gap:0}
 #home .home-search-form input{padding-inline:4px}
 #home .home-search-form button.primary{padding-inline:12px}
 #home .home-links{gap:4px 14px}
}
