.spo-navigation{--spo-nav-green:#31543b;--spo-nav-line:#d4e0d1;--spo-nav-soft:#f3f7f0;margin:1rem 0 1.45rem;color:#223c2e}
.spo-navigation[hidden],.spo-navigation [hidden],.spo-nav-source[hidden],.spo-nav-reading[hidden]{display:none!important}
.spo-nav-search,.spo-nav-panel{margin:0 0 1rem;padding:clamp(.75rem,2.4vw,1.2rem);border:1px solid var(--spo-nav-line);border-radius:12px;background:var(--spo-nav-soft)}
.spo-nav-search label{display:block;margin-bottom:.4rem;font-weight:700;color:var(--spo-nav-green)}
.spo-nav-search-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}
.spo-nav-search-fields input,.spo-nav-search-fields select{width:100%;min-width:0;padding:.55rem .7rem;border:1px solid #b7cbb9;border-radius:7px;background:#fff;color:#223c2e;font:inherit}
.spo-nav-status{font-size:.88em;margin:.35rem 0 0}
.spo-nav-status:empty{display:none}
.spo-nav-results{list-style:none;margin:.45rem 0 0!important;padding:0!important}
.spo-nav-results li{padding:.45rem 0;border-top:1px solid var(--spo-nav-line)}
.spo-nav-results a{color:var(--spo-nav-green);font-weight:700;text-decoration:none}
.spo-nav-results a:hover{text-decoration:underline}
.spo-nav-results small{display:block;color:#546b5b}
.spo-nav-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-bottom:.7rem}
.spo-nav-panel-head h2{margin:0!important;font-size:clamp(1.18rem,3vw,1.5rem);color:var(--spo-nav-green)}
.spo-nav-panel-head p{margin:.15rem 0 0;font-size:.88rem;color:#526758}
.spo-nav-overview,.spo-nav-group-link{font-weight:650;color:var(--spo-nav-green)!important;text-decoration:none}
.spo-nav-overview:hover,.spo-nav-group-link:hover{text-decoration:underline}
.spo-nav-cards,.spo-nav-level{list-style:none!important;padding:0!important;margin:0!important}
.spo-nav-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,218px),1fr));gap:.65rem}
.spo-nav-cards:not(:has(>li>details[open])){grid-auto-rows:1fr}
.spo-nav-cards>li:has(>details[open]){grid-column:1/-1}
.spo-nav-cards>li{display:flex;flex-direction:column}
.spo-nav-cards>li,.spo-nav-level>li{min-width:0;margin:0!important;padding:0!important}
.spo-nav-level{display:grid;gap:.3rem;padding-left:.55rem!important;border-left:1px solid #d8e3d8}
.spo-nav-group,.spo-nav-leaf{min-width:0;border:1px solid var(--spo-nav-line);border-radius:9px;background:#fff;color:#244734!important;box-sizing:border-box}
.spo-nav-group{scroll-margin-top:9rem}
.spo-nav-group>summary,.spo-nav-leaf{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.52rem;min-height:2.5rem;padding:.52rem .72rem;box-sizing:border-box;border-radius:8px;line-height:1.32;font-weight:650;text-decoration:none!important;cursor:pointer}
.spo-nav-cards>li>.spo-nav-leaf,.spo-nav-cards>li>.spo-nav-group{flex:1}
.spo-nav-cards>li>.spo-nav-group:not([open]){display:flex;flex-direction:column}
.spo-nav-cards>li>.spo-nav-group:not([open])>summary{flex:1}
.spo-nav-cards>li>.spo-nav-group>summary,.spo-nav-cards>li>.spo-nav-leaf{min-height:4.15rem;padding:.62rem .82rem}
.spo-nav-group>summary{list-style:none}
.spo-nav-group>summary::-webkit-details-marker{display:none}
.spo-nav-label{min-width:0;overflow-wrap:anywhere}
.spo-nav-card-icon{width:1rem;line-height:1;text-align:center;font-size:1.2em;color:#557a60}
.spo-nav-group[open]>summary>.spo-nav-card-icon{transform:rotate(90deg)}
.spo-nav-group[open]>summary{background:#edf5eb}
.spo-nav-group>summary:hover,.spo-nav-leaf:hover{background:#e9f2e7;color:#183b25!important}
.spo-nav-group>summary:focus-visible,.spo-nav-leaf:focus-visible{outline:2px solid #587e62;outline-offset:2px}
.spo-nav-group-body{padding:0 .6rem .55rem}
.spo-nav-group-link{display:inline-block;margin:.15rem .25rem .35rem 0;font-size:.88em}
.spo-nav-description{font-size:.86em;margin:.1rem 0 .35rem;color:#566e5d}
.spo-nav-rank,.spo-nav-empty{display:inline-block;margin-left:.32em;padding:.08em .4em;border-radius:4px;font-size:.73em;font-weight:600;color:#426049;background:#edf4eb;white-space:normal}
.spo-nav-empty{background:#f5f1e8;color:#715f43}
.spo-nav-crossrefs{display:grid;gap:.35rem;margin-top:.65rem;font-size:.88em}
.spo-nav-crossrefs:empty{display:none}
.spo-nav-crossrefs>a,.spo-nav-path a{color:var(--spo-nav-green,#31543b)}
.spo-nav-edit-link{margin:.2rem .22rem .25rem}
.spo-nav-path{display:flex;align-items:center;flex-wrap:wrap;gap:.32em .5em;margin:.1rem 0 .75rem;font-size:.86em;color:#52695a}
.spo-nav-path>span:last-child{font-weight:700;color:#244734}
.spo-nav-separator{color:#64806c}
.spo-nav-reading,.spo-nav-reading [id]{scroll-margin-top:8.5rem}
.spo-nav-reading>details[id^="enc-item-"] .spo-enc-branch-body .spo-enc-branch[id^="enc-item-"],
.spo-nav-reading>details[id^="enc-item-"] .spo-enc-branch-body .spo-enc-child{display:none!important}
@media(max-width:480px){.spo-nav-search-fields{grid-template-columns:1fr}.spo-nav-panel-head{align-items:flex-start}.spo-nav-group,.spo-nav-reading,.spo-nav-reading [id]{scroll-margin-top:6rem}}

.spo-nav-panel{scroll-margin-top:8.5rem}.spo-nav-back{margin-inline-start:auto;font-weight:650}
.spo-navigation .spo-nav-search-fields select{appearance:auto;height:auto;min-height:2.45rem;line-height:1.25;padding:.44rem .65rem}

.spo-nav-cards:has(>li>.spo-nav-edit-link)>li:not(:has(>details[open])){position:relative;padding-block-end:2rem!important}
.spo-nav-cards>li>.spo-nav-edit-link{position:absolute;inset-inline-start:.45rem;inset-block-end:.15rem;margin:0}

.spo-strata-colored>.spo-nav-group,.spo-strata-colored>.spo-nav-leaf{border-inline-start:4px solid var(--spo-strata-color)}
.spo-strata-colored>.spo-nav-group>summary,.spo-strata-colored>.spo-nav-leaf{background:color-mix(in srgb,var(--spo-strata-color) 19%,white)}
.spo-strata-colored>.spo-nav-group>summary:hover,.spo-strata-colored>.spo-nav-leaf:hover{background:color-mix(in srgb,var(--spo-strata-color) 32%,white)}
.spo-nav-period-overview{display:block;margin:.65rem 0 .8rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--spo-strata-color,#c6dcd0) 55%,white);border-inline-start:5px solid var(--spo-strata-color,#c6dcd0);border-radius:8px;background:color-mix(in srgb,var(--spo-strata-color,#c6dcd0) 20%,white);font-weight:700;color:#203e39!important}
.spo-nav-period-overview:hover,.spo-nav-period-overview:focus-visible{text-decoration:underline;background:color-mix(in srgb,var(--spo-strata-color,#c6dcd0) 28%,white)}
.spo-nav-overview-kicker{display:block;margin-bottom:.18rem;font-size:.75em;letter-spacing:.025em}
.spo-nav-strata-subtitle{margin:.65rem 0 .4rem;font-size:.9em;font-weight:700;color:#36544c}
.spo-nav-reading.spo-strata-colored>details.spo-enc-branch{border-inline-start:5px solid var(--spo-strata-color)!important;background:color-mix(in srgb,var(--spo-strata-color) 8%,white)!important}
.spo-nav-reading.spo-strata-colored>details.spo-enc-branch>summary{background:color-mix(in srgb,var(--spo-strata-color) 26%,white)!important}
.spo-nav-reading.spo-strata-colored>details.spo-enc-branch>.spo-enc-branch-body{background:color-mix(in srgb,var(--spo-strata-color) 6%,white)!important}
.spo-enc-consolidated,.spo-enc-consolidated p,.spo-enc-consolidated figcaption{font-family:inherit}

.spo-nav-create-link{display:inline-flex;align-items:center;margin:.2rem .3rem .35rem 0;padding:.24rem .52rem;border:1px solid #a8bda9;border-radius:6px;background:#edf5eb;color:#31543b!important;font-size:.83em;font-weight:650;text-decoration:none!important}
.spo-nav-create-link:hover,.spo-nav-create-link:focus-visible{background:#dfeee0;color:#183b24!important}
.spo-nav-new-section{display:block;padding:15px;border:1px solid #d2ddd0;border-radius:11px;background:#fff;color:#31543b!important;font-weight:700;text-decoration:none!important}
.spo-nav-new-section:hover{background:#edf4eb}
.spo-new-entry-placeholder{padding:.7rem .9rem;border-left:3px solid #6c8c72;background:#edf4eb}
.spo-paleo-intro {
    display: grid;
    gap: .5rem;
    margin-block: 1rem 1.5rem;
}
.spo-paleo-overview {
    position: relative;
    min-width: 0;
    background: #f2f7f4;
    border: 1px solid #c6dcd0;
    border-radius: 8px;
    scroll-margin-top: 5rem;
}
.spo-paleo-article-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem .45rem;
    min-height: 2.6rem;
    padding: .45rem .7rem;
    font-weight: 700;
    color: #234937;
    border-radius: 7px;
    list-style: none;
    cursor: pointer;
    text-decoration: none !important;
}
.spo-paleo-article-link:hover, .spo-paleo-article-link:focus-visible { background: #e3f0e8; }
.spo-nav-item-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .2rem .55rem .45rem;
}
.spo-nav-item-actions > a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 2.25rem;
    margin: 0;
    padding: .28rem .5rem;
    background: #fff;
    border: 1px solid #cadccf;
    border-radius: 6px;
    color: #31543b!important;
    font-family: inherit;
    font-size: .76em;
    font-style: normal;
    font-weight: 650;
    line-height: 1.35;
}
.spo-nav-item-actions > a:hover, .spo-nav-item-actions > a:focus-visible {
    background: #dfede1;
}
.spo-nav-item-actions > .spo-nav-remove-link, .spo-nav-remove-link {
    background: #fff6f4;
    color: #8d302a!important;
    border-color: #e3c2bd;
}
.spo-nav-item-actions > .spo-nav-remove-link:hover, .spo-nav-item-actions > .spo-nav-remove-link:focus-visible,
.spo-nav-remove-link:hover, .spo-nav-remove-link:focus-visible {
    background: #f9e1db;
    color: #78231d!important;
}
.spo-nav-home-card > a { display: block; }