.ssba{--ink:#ede8dc;--gold:#d6b476;--muted:#a8afad;background:#101c20;color:var(--ink);border:1px solid #3b4849;border-radius:12px;overflow:hidden;margin:24px 0;font:15px/1.55 system-ui,sans-serif;isolation:isolate}.ssba *{box-sizing:border-box}.ssba h2,.ssba h3,.ssba p{color:inherit;margin:0 0 12px}.ssba h2{font:clamp(24px,3vw,36px)/1.15 Georgia,serif}.ssba h3{font:26px/1.2 Georgia,serif}.ssba .ssba-eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.ssba header{padding:25px}.ssba button,.ssba select,.ssba input{font:inherit}.ssba button,.ssba select,.ssba input[type=search]{background:#1c2c31;border:1px solid #506166;color:var(--ink);border-radius:5px;padding:8px 12px}.ssba button{cursor:pointer;min-height:42px}.ssba button:hover{background:#304449}.ssba button:focus-visible,.ssba input:focus-visible,.ssba select:focus-visible,.ssba a:focus-visible{outline:3px solid #efbd62;outline-offset:3px}.ssba button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.ssba .ssba-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 25px 18px}.ssba label{display:inline-flex;align-items:center;gap:7px}.ssba input[type=checkbox]{accent-color:var(--gold);width:17px;height:17px}.ssba .ssba-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;border-top:1px solid #3b4849;border-bottom:1px solid #3b4849}.ssba .ssba-map{height:var(--ssba-map-height,560px);background:#cad4cd;z-index:0}.ssba .ssba-detail{padding:22px;max-height:var(--ssba-map-height,560px);overflow:auto;border-left:1px solid #3b4849}.ssba a{color:#edc982;text-decoration:underline}.ssba .ssba-detail a{display:block;margin:12px 0}.ssba .ssba-status{display:inline-block;padding:4px 8px;border:1px solid #5b7f77;border-radius:3px;margin:10px 0;color:#9bd3bc;font-size:12px}.ssba .ssba-status.disputed{border-color:#b88444;color:#f0bf80}.ssba .ssba-small{font-size:12px;color:var(--muted)}.ssba .ssba-timeline{padding:22px 25px}.ssba .ssba-timecontrols{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px}.ssba .ssba-year{font-size:25px;color:var(--gold);min-width:110px}.ssba .ssba-slider{width:100%;accent-color:var(--gold);cursor:ew-resize;margin:10px 0;min-height:30px}.ssba .ssba-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.ssba .ssba-track{height:90px;position:relative;background:linear-gradient(#18282e,#122126);border:1px solid #435258;border-radius:5px;overflow:hidden;touch-action:pan-y;cursor:grab;margin:15px 0 8px}.ssba .ssba-track:active{cursor:grabbing}.ssba .ssba-trackline{position:absolute;left:0;right:0;top:44px;border-top:1px solid #5f706e}.ssba .ssba-event{position:absolute;transform:translateX(-50%);padding:2px 5px;min-height:27px;font-size:11px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#253a40}.ssba .ssba-event:before{content:'•';color:var(--gold);margin-right:4px}.ssba .ssba-event.selected{border-color:var(--gold)}.ssba .ssba-windowlabels{display:flex;justify-content:space-between;font-size:12px;color:var(--gold)}.ssba .ssba-results{padding:0 25px 25px}.ssba .ssba-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:12px;max-height:310px;overflow:auto}.ssba .ssba-card{text-align:left;padding:12px;display:block}.ssba .ssba-card small{display:block;color:var(--muted)}.ssba .ssba-card.active{border-color:var(--gold)}.ssba .ssba-legend{padding:12px 25px;font-size:12px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}.ssba .ssba-key{display:inline-block;width:11px;height:11px;border:2px solid #246a50;border-radius:50%;margin-right:4px;background:#d6f2e3}.ssba .ssba-key.uncertain{border-color:#b17c32;background:transparent;border-style:dashed}.ssba .ssba-locationnote{padding:12px 25px;background:#1c2b2c;font-size:12px}.ssba .ssba-locationnote a{display:inline}.ssba .leaflet-control a{color:#222}.ssba .leaflet-container{font-family:inherit}.ssba .leaflet-tooltip{color:#142329}.ssba .leaflet-popup-content{color:#17252a}.ssba .leaflet-popup-content a{color:#6a430e}.ssba .ssba-empty{padding:16px;border:1px dashed #526668}.ssba .ssba-search{width:100%}.ssba .ssba-mobilehint{display:none}@media(max-width:760px){.ssba .ssba-layout{grid-template-columns:1fr}.ssba .ssba-map{height:390px}.ssba .ssba-detail{max-height:none;border-left:0;border-top:1px solid #3b4849}.ssba header,.ssba .ssba-timeline{padding:18px}.ssba .ssba-toolbar{padding:0 18px 15px}.ssba .ssba-results{padding:0 18px 18px}.ssba .ssba-timecontrols{gap:7px}.ssba .ssba-timecontrols button{min-width:46px}.ssba .ssba-mobilehint{display:block}.ssba .ssba-event{max-width:90px}.ssba .ssba-legend,.ssba .ssba-locationnote{padding:12px 18px}}@media(prefers-reduced-motion:reduce){.ssba *{scroll-behavior:auto!important}}

.ssba .ssba-directory{padding:24px 25px;border-top:1px solid #3b4849}.ssba .ssba-directory h2{font-size:27px}.ssba .ssba-directory summary{cursor:pointer;color:var(--gold);padding:14px 0;min-height:48px}.ssba .ssba-directory summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ssba .ssba-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.ssba .ssba-directory article{padding:18px;background:#18282e;border:1px solid #3b4849;border-radius:6px;scroll-margin-top:110px}.ssba .ssba-directory article h3{font-size:22px}.ssba .ssba-directory article:target{border-color:var(--gold)}.ssba .ssba-directory a{overflow-wrap:anywhere}@media(max-width:760px){.ssba .ssba-directory{padding:18px}}

/* Battlefield shields: SVG swords keep the icon independent of emoji fonts. */
.ssba .ssba-layout{grid-template-columns:minmax(0,1fr) 370px}.ssba .ssba-detail h2.ssba-battle-title{font-size:29px;line-height:1.17;margin:0 0 8px}.ssba .ssba-detail-section{margin-top:20px;padding-top:16px;border-top:1px solid #3b4849}.ssba .ssba-detail-section h3{font:600 16px/1.35 system-ui,sans-serif;margin:0 0 10px;color:var(--gold)}.ssba .ssba-campaign-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold)}.ssba .ssba-quote{margin:14px 0;padding:14px;background:#26363a;border-left:3px solid var(--gold)}.ssba .ssba-quote blockquote{margin:0 0 10px;padding:0;border:0;background:none;font:italic 18px/1.5 Georgia,serif;color:#fff5df}.ssba .ssba-quote figcaption{font-size:12px}.ssba .ssba-quote figcaption span{display:block;color:#b8c7c8;margin:5px 0 10px}.ssba .ssba-quote a{font-size:12px}.ssba .ssba-battle-icon{background:transparent;border:0}.ssba .ssba-badge{--badge:#6d552b;position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid #ffdd93;border-radius:11px 11px 15px 15px;background:var(--badge);color:#fff4cf;box-shadow:0 2px 0 #151c1f,0 3px 10px #0009;transform-origin:50% 100%;transition:transform .12s ease}.ssba .ssba-badge:after{content:'';position:absolute;left:14px;bottom:-7px;width:9px;height:9px;background:var(--badge);border-right:2px solid #ffdd93;border-bottom:2px solid #ffdd93;transform:rotate(45deg)}.ssba .ssba-badge svg{width:30px;height:30px;z-index:1}.ssba .ssba-badge.roses{--badge:#902f43}.ssba .ssba-badge.civil{--badge:#215c72}.ssba .ssba-badge.revolt{--badge:#a44a1d}.ssba .ssba-badge.approximate,.ssba .ssba-badge.disputed{border-style:dashed}.ssba .ssba-badge.is-selected{transform:scale(1.18);box-shadow:0 0 0 4px #ffdb8570,0 4px 12px #000b}.ssba .ssba-marker-question{position:absolute;right:-6px;top:-7px;width:18px;height:18px;border-radius:50%;background:#ffdd93;color:#34230b;font:bold 13px/18px system-ui;text-align:center;z-index:2}.ssba .ssba-battle-icon:focus-visible{outline:3px solid #17232a;outline-offset:5px}.ssba .ssba-campaign-key:before{content:'';display:inline-block;width:10px;height:10px;border-radius:2px;background:#902f43;margin-right:5px}.ssba .ssba-campaign-key.civil:before{background:#408da8}.ssba .ssba-campaign-key.revolt:before{background:#df8744}@media(max-width:900px){.ssba .ssba-layout{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:760px){.ssba .ssba-layout{grid-template-columns:1fr}.ssba .ssba-detail{max-height:none}.ssba .ssba-badge{width:34px;height:34px}.ssba .ssba-badge:after{left:12px}.ssba .ssba-detail h2.ssba-battle-title{font-size:27px}}

.ssba .ssba-key:not(.uncertain){position:relative;width:13px;height:13px;background:#67502c;border:1px solid #e3be77;border-radius:3px}.ssba .ssba-key:not(.uncertain):before,.ssba .ssba-key:not(.uncertain):after{content:'';position:absolute;width:1px;height:10px;background:#fff2cf;left:5px;top:0;transform:rotate(45deg)}.ssba .ssba-key:not(.uncertain):after{transform:rotate(-45deg)}

/* Map with controls at its side; timeline and expansive information below. */
.ssba .ssba-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:stretch}.ssba .ssba-layout>.ssba-map{min-width:0}.ssba .ssba-control-panel{min-width:0;padding:16px;border-left:1px solid #3b4849;background:#17272d}.ssba .ssba-control-title{font:600 16px/1.3 system-ui,sans-serif;color:var(--gold);margin:0 0 12px}.ssba .ssba-control-panel .ssba-timecontrols{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:6px;margin-bottom:16px}.ssba .ssba-control-panel button{font-size:13px;padding:6px;min-height:36px}.ssba .ssba-control-panel .ssba-year{grid-column:1/-1;grid-row:1;font-size:27px;margin-bottom:4px}.ssba .ssba-control-panel .ssba-timecontrols label{grid-column:1/-1;justify-content:space-between;font-size:12px;margin-top:4px}.ssba .ssba-control-panel .ssba-span{font-size:13px;min-width:100px;padding:6px}.ssba .ssba-control-panel .ssba-minus{grid-column:1/2}.ssba .ssba-control-panel .ssba-plus{grid-column:3/4}.ssba .ssba-control-panel .ssba-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;margin:0}.ssba .ssba-control-panel .ssba-toolbar label{font-size:13px;min-width:0}.ssba .ssba-control-panel .ssba-toolbar label:has(select){display:flex;justify-content:space-between;gap:6px}.ssba .ssba-control-panel .ssba-toolbar select{font-size:12px;max-width:155px;min-width:0;padding:6px}.ssba .ssba-control-panel .ssba-reset{margin-top:3px}.ssba .ssba-map-notes{margin-top:14px;font-size:12px}.ssba .ssba-map-notes summary{cursor:pointer;color:var(--gold);padding:6px 0}.ssba .ssba-map-notes .ssba-legend{padding:10px 0;gap:6px;flex-direction:column}.ssba .ssba-map-notes .ssba-locationnote{padding:10px;font-size:11px}.ssba .ssba-timeline{padding:18px 25px;border-bottom:1px solid #3b4849}.ssba .ssba-timeline>.ssba-eyebrow{margin-bottom:6px}.ssba .ssba-detail{max-height:none;overflow:visible;border-left:0;border-top:0;padding:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;align-items:start}.ssba .ssba-detail>*{min-width:0;overflow-wrap:anywhere}.ssba .ssba-detail>:not(.ssba-detail-section),.ssba .ssba-detail>.ssba-quotes-section{grid-column:1/-1}.ssba .ssba-detail>.ssba-status{justify-self:start}.ssba .ssba-detail-section{margin-top:14px}.ssba .ssba-results{border-top:1px solid #3b4849;padding-top:20px}.ssba .ssba-map-notes summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.ssba .ssba-layout{grid-template-columns:minmax(0,1fr)}.ssba .ssba-control-panel{grid-row:1;border-left:0;border-bottom:1px solid #3b4849;padding:14px 18px}.ssba .ssba-control-panel .ssba-timecontrols{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ssba .ssba-control-panel .ssba-year{flex-basis:100%;font-size:24px}.ssba .ssba-control-panel .ssba-timecontrols label{margin-left:auto;margin-top:0}.ssba .ssba-control-panel .ssba-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.ssba .ssba-control-panel .ssba-toolbar label:has(select){flex-direction:column;align-items:stretch}.ssba .ssba-control-panel .ssba-toolbar select{max-width:100%;width:100%}.ssba .ssba-control-panel .ssba-reset{margin-top:0}.ssba .ssba-map-notes{margin-top:8px}.ssba .ssba-control-title{display:none}.ssba .ssba-detail{grid-template-columns:minmax(0,1fr);padding:18px;gap:0}.ssba .ssba-timeline{padding:15px 18px}.ssba .ssba-detail>.ssba-detail-section{grid-column:1/-1}}

.ssba .ssba-detail>.ssba-archaeology-section{grid-column:1/-1}.ssba .ssba-archaeology-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;list-style:none;padding:0;margin:0 0 12px}.ssba .ssba-archaeology-list li{margin:0;padding:16px;background:#1c2d33;border:1px solid #3b4f55;border-radius:6px;min-width:0}.ssba .ssba-archaeology-list h4{font:600 16px/1.4 system-ui,sans-serif;color:var(--ink);margin:0 0 10px}.ssba .ssba-archaeology-list p{font-size:14px}.ssba .ssba-archaeology-list .ssba-small,.ssba .ssba-archaeology-list a{font-size:12px}

/* Spacious results, with explicit button resets for WordPress themes. */
.ssba .ssba-results{padding:30px 28px 34px}.ssba .ssba-results>label{display:block;margin:0 0 12px;font-size:16px;font-weight:600}.ssba .ssba-results .ssba-search{height:48px;padding:12px 14px;line-height:1.4;font-size:15px}.ssba .ssba-results .ssba-count{margin:14px 0 20px;line-height:1.65}.ssba .ssba-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;max-height:none!important;height:auto!important;overflow:visible!important;margin-top:0;grid-auto-rows:auto}.ssba .ssba-cards button.ssba-card{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;width:100%;min-width:0;max-width:none;height:auto!important;min-height:148px!important;padding:22px!important;margin:0;white-space:normal!important;overflow:visible!important;text-overflow:clip;text-align:left;text-transform:none!important;letter-spacing:normal!important;line-height:1.5!important;font:inherit;border-radius:8px;background:#1c2e35;border:1px solid #52676e;box-shadow:none;float:none}.ssba .ssba-card .ssba-card-title{display:block;white-space:normal!important;overflow-wrap:anywhere;text-transform:none!important;letter-spacing:normal;font-size:18px;font-weight:600;line-height:1.4;color:var(--ink)}.ssba .ssba-card .ssba-card-meta{display:block;white-space:normal!important;margin:0;font-size:13px;font-weight:400;line-height:1.6;text-transform:none!important;letter-spacing:normal;color:#bac6c8}.ssba .ssba-card .ssba-card-status{display:block;font-size:12px;font-weight:400;line-height:1.6;white-space:normal!important;text-transform:none!important;letter-spacing:normal;color:var(--gold);margin-top:auto}.ssba .ssba-cards button.ssba-card:hover{background:#2b414a;border-color:var(--gold)}.ssba .ssba-cards button.ssba-card.active{border-color:var(--gold);background:#293d40}.ssba .ssba-directory{padding-top:30px;padding-bottom:30px}.ssba .ssba-directory>p{line-height:1.75;margin:16px 0 22px}.ssba .ssba-directory summary{padding:16px 0;line-height:1.6}
@media(max-width:640px){.ssba .ssba-results{padding:24px 18px 28px}.ssba .ssba-cards{grid-template-columns:minmax(0,1fr);gap:14px}.ssba .ssba-cards button.ssba-card{min-height:132px!important;padding:20px!important}.ssba .ssba-card .ssba-card-title{font-size:17px}}

/* A labelled year ruler follows the visible timeline window. */
.ssba .ssba-track{height:150px;margin-top:14px}.ssba .ssba-trackline{top:79px}.ssba .ssba-year-tick{position:absolute;top:0;bottom:0;border-left:1px solid #c9bc8d30;pointer-events:none;z-index:0}.ssba .ssba-year-tick-label{position:absolute;top:7px;left:0;transform:translateX(-50%);padding:0 4px;font:12px/1.3 system-ui,sans-serif;color:#dfcfaa;white-space:nowrap;background:#17272c}.ssba .ssba-year-tick-label.at-start{transform:none}.ssba .ssba-year-tick-label.at-end{transform:translateX(-100%)}.ssba .ssba-event{z-index:1}
.ssba .ssba-museum{margin-top:16px;padding:14px;border-left:3px solid #c4a35d;background:rgba(196,163,93,.07)}.ssba .ssba-museum p{margin:0 0 10px}.ssba .ssba-museum a{display:inline-block;margin-bottom:10px}

.ssba .ssba-cup{display:inline-block;width:13px;height:15px;vertical-align:-3px;margin-right:5px;fill:#e8bb55;flex:none}.ssba .ssba-event.has-finds:before{content:none}.ssba .ssba-find-key{display:flex;align-items:center;gap:4px;margin:12px 0}.ssba .ssba-find-key .ssba-cup{width:15px;height:18px}