/* BOTHERIA_HISTORY_MOBILE_TRACKS_PALETTE_V12 — scoped to the existing timeline. */
.history-timeline{--ht-ink:var(--era-text,#203d35);--ht-paper:var(--era-paper,var(--paper,#f7f7f0));--ht-surface:var(--era-surface,#e8eee7);--ht-line:var(--era-line,#d9e0d6);--ht-muted:var(--era-muted,#596b63);--ht-event:var(--era-secondary,#356b57);--ht-period:#94743d;--ht-war:#9b605b;--ht-campaign:#627d86;--ht-focus:#356b57;--ht-track-step:28px;position:relative;isolation:isolate;max-width:100%;margin:1rem 0 3rem;color:var(--ht-ink);font-family:system-ui,"Microsoft YaHei",sans-serif;color-scheme:light}
.history-timeline[data-ht-dark=true]{--ht-ink:var(--era-text,#e5eae5);--ht-paper:var(--era-paper,#18221e);--ht-surface:var(--era-surface,#202d27);--ht-line:var(--era-line,#4b5d51);--ht-muted:var(--era-muted,#b5c4b8);--ht-event:#9ac6ae;--ht-period:#d5b974;--ht-war:#e1a09b;--ht-campaign:#adc5d0;--ht-focus:#b8d6c1;color-scheme:dark}
.history-timeline *{box-sizing:border-box}.history-timeline button,.history-timeline input{font:inherit}.history-timeline button{cursor:pointer;touch-action:manipulation}.history-timeline :is(button,a):focus-visible,.history-timeline .ht-viewport:focus-visible{outline:2px solid var(--ht-focus);outline-offset:4px}.history-timeline button:disabled{opacity:.5;cursor:default}.history-timeline [data-ht-type=event]{--ht-record-color:var(--ht-event);}.history-timeline [data-ht-type=period]{--ht-record-color:var(--ht-period);}.history-timeline [data-ht-type=war]{--ht-record-color:var(--ht-war);}.history-timeline [data-ht-type=campaign]{--ht-record-color:var(--ht-campaign);}
.history-timeline .ht-heading{padding:0 0 20px;border-bottom:1px solid var(--ht-line)}.history-timeline .ht-kicker{margin:0 0 8px!important;color:var(--ht-muted);font:650 10px/1.6 system-ui,sans-serif;letter-spacing:.15em}.history-timeline .ht-heading h2{margin:0 0 10px;padding:0;border:0;color:var(--ht-ink);font:500 clamp(28px,3vw,38px)/1.4 Georgia,"Noto Serif SC",serif}.history-timeline .ht-heading>p:not(.ht-kicker){font-size:14px;line-height:1.8;margin:0 0 10px}.history-timeline .ht-public-note{font-size:11px;color:var(--ht-muted);line-height:1.7}
.history-timeline .ht-toolbar{margin:12px 0;min-height:40px}.history-timeline #htBreadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px}.history-timeline #htBreadcrumb button{border:0;background:transparent;color:var(--ht-ink);padding:8px 4px;min-height:40px}.history-timeline #htBreadcrumb [aria-current]{color:var(--ht-ink)!important;background:transparent!important;font-weight:700;overflow-wrap:anywhere}.history-timeline .ht-separator{color:var(--ht-muted)}.history-timeline .ht-announcement{margin:0 0 10px!important;font-size:11px;line-height:1.7;color:var(--ht-muted)}.history-timeline .ht-announcement:empty{display:none}.history-timeline #htStage{max-width:100%;overflow:visible}.history-timeline .ht-viewport,.history-timeline .ht-space,.history-timeline .ht-surface{position:relative;width:100%;min-width:0}.history-timeline .ht-surface{padding:6px 4px 20px}
.history-timeline .ht-overview{list-style:none;margin:0;padding:0 0 0 28px;position:relative}.history-timeline .ht-overview:before{content:"";position:absolute;left:6px;top:20px;bottom:22px;width:1px;background:var(--ht-line)}.history-timeline .ht-era{position:relative;list-style:none;margin:0 0 12px!important}.history-timeline .ht-era-dot{position:absolute;left:-27px;top:28px;width:11px;height:11px;border:2px solid var(--ht-paper);border-radius:50%;background:var(--ht-era-marker,var(--ht-period));box-shadow:0 0 0 1px var(--ht-era-marker,var(--ht-period))}.history-timeline .ht-era-entry{display:flex;flex-direction:row-reverse;align-items:start;border-bottom:1px solid var(--ht-line);background:transparent}.history-timeline .ht-era-entry>.ht-image-link{flex:0 0 120px;width:120px;margin:18px 18px 18px 0}.history-timeline .ht-era-button{flex:1;display:flex;flex-direction:column;align-items:start;width:100%;min-width:0;min-height:0;padding:20px 22px;border:0;border-left:2px solid var(--ht-era-marker,var(--ht-period));border-radius:0;background:transparent;color:var(--ht-ink);text-align:left;box-shadow:none}.history-timeline .ht-era-button:hover{background:transparent}.history-timeline .ht-overline{font-size:10px;letter-spacing:.1em;color:var(--ht-muted)}.history-timeline .ht-era-button>strong{margin:4px 0;font:500 25px/1.5 Georgia,"Noto Serif SC",serif}.history-timeline .ht-era-foot{margin-top:8px;font-size:11px;color:var(--ht-muted)}
.history-timeline .ht-era-heading{border:0;border-bottom:2px solid var(--ht-line);background:transparent;padding:10px 0 16px;margin:0 0 14px}.history-timeline .ht-era-heading h3{font:500 28px/1.4 Georgia,"Noto Serif SC",serif;color:var(--ht-ink);margin:0 0 5px}.history-timeline .ht-era-heading p:not(.ht-kicker){font-size:13px;line-height:1.8;margin:9px 0 0!important}.history-timeline .ht-date{color:var(--ht-muted);font-size:12px;line-height:1.7;font-variant-numeric:tabular-nums}.history-timeline .ht-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;color:var(--ht-muted);font-size:11px}.history-timeline .ht-legend span:before{content:"";display:inline-block;margin-right:6px;width:7px;height:7px;border-radius:50%;background:var(--ht-record-color)}.history-timeline .ht-legend [data-ht-type=period]:before{border-radius:0;width:5px;height:11px}.history-timeline .ht-legend [data-ht-type=war]:before{border-radius:0;transform:rotate(45deg)}.history-timeline .ht-legend [data-ht-type=campaign]:before{border:1px solid var(--ht-record-color);background:transparent;border-radius:0}
.history-timeline .ht-track-index{margin:8px 0 14px;padding:0;border:0;background:none}.history-timeline summary{cursor:pointer;touch-action:manipulation;color:var(--ht-ink);font-size:12px;line-height:1.7;padding:8px 0;min-height:36px}.history-timeline .ht-index-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 20px;padding:4px 0 8px}.history-timeline .ht-track-key{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-content:start;align-items:baseline;width:100%;min-width:0;border:0;border-left:2px solid var(--ht-record-color);background:transparent;color:var(--ht-ink);padding:8px 10px;margin:3px 0;text-align:left;line-height:1.6;font-size:12px}.history-timeline .ht-track-key:hover{background:var(--ht-surface)}.history-timeline .ht-track-name{font-weight:600;overflow-wrap:anywhere}.history-timeline .ht-index-date{grid-column:1;font-size:10px;color:var(--ht-muted);font-variant-numeric:tabular-nums}.history-timeline .ht-locate{grid-column:2;grid-row:1/3;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.history-timeline .ht-years{position:relative;padding-left:var(--ht-lane-width,0px);min-width:0}.history-timeline .ht-years:before{content:"";position:absolute;left:calc(var(--ht-lane-width,0px) + 36px);top:22px;bottom:24px;width:1px;background:var(--ht-line)}.history-timeline .ht-year-block{position:relative;z-index:1;display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;margin:0 0 12px}.history-timeline .ht-year-label{position:relative;align-self:start;background:var(--ht-paper);padding:5px 0;text-align:center;color:var(--ht-ink);font-variant-numeric:tabular-nums}.history-timeline .ht-year-label>strong{display:block;font:650 24px/1.35 Georgia,serif;letter-spacing:-.025em}.history-timeline .ht-year-label small{display:block;font:10px/1.5 system-ui,sans-serif;color:var(--ht-muted)}.history-timeline .ht-month-number{display:block;font-size:12px;color:var(--ht-muted)}.history-timeline .ht-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));align-items:start;gap:10px}.history-timeline .ht-record{container-type:inline-size;container-name:ht-card;min-width:0;align-self:start;padding:20px 22px;border:0;border-bottom:1px solid var(--ht-line);border-left:2px solid var(--ht-record-color,var(--ht-event));border-radius:0;background:transparent;box-shadow:none;color:var(--ht-ink)}.history-timeline .ht-record-kind{display:block;font-size:10px;font-weight:550;line-height:1.6;color:var(--ht-muted);letter-spacing:.04em;margin-bottom:3px}.history-timeline .ht-record-title{display:block;width:auto;min-height:0;border:0;border-radius:0;padding:3px 0;margin:0;background:transparent;color:var(--ht-ink)!important;font-size:17px;font-weight:700;line-height:1.5;text-align:left;text-decoration:none;overflow-wrap:anywhere}.history-timeline .ht-record-title:hover{text-decoration:underline;text-underline-offset:4px}.history-timeline .ht-record .ht-date{display:block;margin-top:4px}.history-timeline .ht-record-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;line-height:1.8;margin:9px 0 0!important;color:var(--ht-ink)}.history-timeline .ht-month-card .ht-record-summary{display:block;overflow:visible}.history-timeline .ht-carried-note{font-size:11px;color:var(--ht-muted);line-height:1.7;margin:6px 0 0!important}.history-timeline .ht-cross{display:block;font-size:10px;color:var(--ht-muted);line-height:1.6;margin-top:7px}.history-timeline .ht-record-actions{display:flex;flex-wrap:wrap;gap:5px 14px;clear:both;padding-top:8px}.history-timeline .ht-text-link{display:inline-block;width:auto;min-height:28px;border:0;padding:3px 0;background:transparent;color:var(--ht-ink)!important;text-decoration:underline;text-underline-offset:4px;font-size:11px;text-align:left}.history-timeline .is-linked-record{outline:2px solid var(--ht-record-color);outline-offset:3px}
.history-timeline .ht-year-gap{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;min-height:28px;margin:0 0 10px;color:var(--ht-muted);font-size:10px}.history-timeline .ht-break-sign{background:var(--ht-paper);text-align:center;letter-spacing:.18em}.history-timeline .ht-end-markers{display:grid;gap:0;margin:4px 0 0;padding:0 0 0 20px}.history-timeline .ht-end-marker{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;width:100%;min-height:30px;padding:4px 0;border:0;background:transparent;color:var(--ht-ink);font-size:11px;line-height:1.6;text-align:left}.history-timeline .ht-end-symbol{font-size:14px;color:var(--ht-record-color)}.history-timeline .ht-end-title{font-weight:600;overflow-wrap:anywhere}.history-timeline .ht-end-state,.history-timeline .ht-end-date{font-size:10px;color:var(--ht-muted)}
.history-timeline .ht-range-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.history-timeline .ht-range-band{position:absolute;display:block;pointer-events:auto;width:var(--ht-track-step);min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ht-record-color);text-align:left;opacity:1;transition:opacity .15s;touch-action:manipulation}.history-timeline .ht-track-ink{position:absolute;left:4px;top:0;bottom:0;width:3px;background:var(--ht-record-color);border-radius:2px}.history-timeline .ht-track-start,.history-timeline .ht-track-end{position:absolute;left:1px;width:9px;height:9px;border:2px solid var(--ht-record-color);border-radius:50%;background:var(--ht-record-color)}.history-timeline .ht-track-start{top:-4.5px}.history-timeline .ht-track-end{bottom:-4.5px;background:var(--ht-paper)}.history-timeline .ht-range-band[data-carried=true] .ht-track-start,.history-timeline .ht-range-band:not([data-state=ended]) .ht-track-end{left:-1px;width:14px;height:19px;border:0;border-radius:0;background:var(--ht-paper);font:700 16px/19px system-ui;text-align:center}.history-timeline .ht-range-band[data-carried=true] .ht-track-start{top:-9.5px}.history-timeline .ht-range-band:not([data-state=ended]) .ht-track-end{bottom:-9.5px}.history-timeline .ht-range-layer.has-emphasis .ht-range-band{opacity:.3}.history-timeline .ht-range-layer .ht-range-band.is-emphasized,.history-timeline .ht-range-band:hover,.history-timeline .ht-range-band:focus-visible{opacity:1}.history-timeline .ht-range-band.is-emphasized .ht-track-ink{width:5px}.history-timeline .ht-range-band.is-emphasized :is(.ht-track-start,.ht-track-end){border-width:3px}
.history-timeline .ht-image-link{display:flex;align-items:start;justify-content:start;width:fit-content;max-width:100%;height:auto;margin:0;border:0;background:transparent}.history-timeline .ht-card-image{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:170px;object-fit:contain!important;margin:0!important;border-radius:2px!important}.history-timeline .ht-record-layout>.ht-image-link{max-width:190px}
@container ht-card (min-width:400px){.history-timeline .has-image .ht-record-layout{grid-template-columns:minmax(0,1fr) 160px;gap:20px}.history-timeline .has-image .ht-record-layout>.ht-image-link{grid-column:2;grid-row:1;max-width:160px}.history-timeline .has-image .ht-record-copy{grid-column:1;grid-row:1}}
.history-timeline .ht-detail{display:flow-root;padding:22px;border:0;border-top:2px solid var(--ht-record-color,var(--ht-period));border-bottom:1px solid var(--ht-line);border-radius:0;background:transparent;color:var(--ht-ink)}.history-timeline .ht-detail h3{font:500 27px/1.5 Georgia,"Noto Serif SC",serif;color:var(--ht-ink);margin:4px 0 10px;overflow-wrap:anywhere}.history-timeline .ht-detail>.ht-image-link{float:right;max-width:42%;margin:0 0 12px 20px}.history-timeline .ht-detail>.ht-image-link img{max-height:280px}.history-timeline .ht-detail p{font-size:14px;line-height:1.9;margin:12px 0!important;overflow-wrap:anywhere}.history-timeline .ht-tags{display:flex;flex-wrap:wrap;gap:5px;clear:both;margin:16px 0 8px}.history-timeline .ht-tags button{min-height:36px;padding:6px 10px;border:1px solid var(--ht-line);border-radius:2px;background:transparent;color:var(--ht-ink);font-size:11px}.history-timeline .ht-link{display:inline-block;min-height:36px;padding:6px 0;color:var(--ht-ink)!important;text-decoration:underline;text-underline-offset:4px;font-size:12px}.history-timeline .ht-unlinked{display:block;font-size:11px;color:var(--ht-muted);margin-top:12px}.history-timeline .ht-empty{padding:20px 0;border-bottom:1px solid var(--ht-line);font-size:13px;line-height:1.8;color:var(--ht-muted)}.history-timeline .ht-month-view{margin-top:24px}.history-timeline .ht-month-view>h4{font:500 24px/1.5 Georgia,"Noto Serif SC",serif;color:var(--ht-ink);margin:0 0 6px}.history-timeline .ht-month-hint{font-size:11px;line-height:1.7;color:var(--ht-muted);margin:0 0 16px!important}
.history-timeline[data-ht-compact=true] .ht-range-layer{display:block}.history-timeline[data-ht-compact=true] .ht-year-block{grid-template-columns:minmax(0,1fr);gap:5px}.history-timeline[data-ht-compact=true] .ht-years:before{left:var(--ht-lane-width,0px)}.history-timeline[data-ht-compact=true] .ht-year-label{display:flex;flex-wrap:wrap;gap:3px 5px;align-items:baseline;text-align:left;padding-left:0}.history-timeline[data-ht-compact=true] .ht-month-number{display:inline-block}.history-timeline[data-ht-compact=true] .ht-year-gap{grid-template-columns:20px 1fr;gap:5px}.history-timeline[data-ht-compact=true] .ht-record-grid{grid-template-columns:minmax(0,1fr)}.history-timeline[data-ht-compact=true] .ht-end-markers{padding-left:20px}

@media(max-width:760px){.history-timeline{--ht-track-step:24px}.history-timeline .ht-surface{padding:4px 0 18px}.history-timeline .ht-years{min-width:0}.history-timeline .ht-years:before{left:var(--ht-lane-width,0px)}.history-timeline .ht-year-block{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:12px}.history-timeline .ht-year-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px;text-align:left;padding:4px 0}.history-timeline .ht-year-label>strong{font-size:25px}.history-timeline .ht-month-number{display:inline-block;margin-left:5px;font-size:11px}.history-timeline .ht-record-grid{grid-template-columns:minmax(0,1fr);gap:8px}.history-timeline .ht-record{padding:20px}.history-timeline .ht-record-title{font-size:17px}.history-timeline .ht-record-summary{font-size:13px}.history-timeline .ht-date{font-size:12px}.history-timeline .ht-year-gap{grid-template-columns:22px 1fr;gap:5px;min-height:24px;margin-bottom:7px}.history-timeline .ht-era-button{padding:18px}.history-timeline .ht-era-button>strong{font-size:23px}.history-timeline .ht-era-entry>.ht-image-link{flex-basis:88px;width:88px;height:auto;margin:16px 12px 12px 0}.history-timeline .ht-era-heading h3{font-size:25px}.history-timeline .ht-detail{padding:20px}.history-timeline .ht-detail>.ht-image-link{float:none;max-width:100%;margin:0 0 14px}.history-timeline .ht-detail>.ht-image-link img{max-height:220px}.history-timeline .ht-detail h3{font-size:24px}.history-timeline .ht-end-marker{font-size:10px;padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.history-timeline *{scroll-behavior:auto!important;transition:none!important}}

.history-timeline .ht-year-content{min-width:0}.history-timeline .ht-record-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;min-width:0}.history-timeline .ht-record-copy{min-width:0}.history-timeline .ht-public-note{margin:0 0 8px!important;color:var(--ht-muted);font-size:11px}.history-timeline[data-ht-dark=true]{background:var(--ht-paper)}
.history-timeline .ht-track-tooltip{position:absolute;z-index:8;max-width:min(280px,calc(100% - 16px));padding:10px 13px;border:1px solid var(--ht-line);border-radius:4px;background:var(--ht-paper);color:var(--ht-ink);box-shadow:0 4px 16px rgb(0 0 0 / .08);font-size:12px;line-height:1.7;pointer-events:none;overflow-wrap:anywhere}.history-timeline .ht-track-tooltip strong{display:block;font-size:13px}.history-timeline .ht-track-tooltip span{display:block;color:var(--ht-muted);font-size:11px}




/* Neutral cards; category and era colors stay on markers and rails. */
body:has(.history-timeline){--paper:var(--era-paper,#f7f7f0);background:var(--paper)}
.history-timeline :is(button,a,summary,.ht-record):focus-visible{outline:2px solid var(--ht-focus);outline-offset:4px}
.history-timeline .ht-era{--ht-era-marker:var(--ht-era-accent,var(--ht-period))}
@supports(color:color-mix(in srgb,white,black)){

 .history-timeline[data-ht-dark=true] .ht-era{--ht-era-marker:color-mix(in srgb,var(--ht-era-accent,var(--ht-period)) 45%,#ffffff)}
}

/* Reference card shell restored for records and era overview alike. */
.history-timeline{--ht-card-neutral:#ffffff}
.history-timeline[data-ht-dark=true]{--ht-card-neutral:var(--ht-surface)}
.history-timeline .ht-record,.history-timeline .ht-era-entry{position:relative;border:1px solid var(--ht-line);border-radius:9px;background:var(--ht-card-neutral);box-shadow:none}
.history-timeline .ht-record::before,.history-timeline .ht-era-entry::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:5px;border-radius:0 3px 3px 0;background:var(--ht-record-color,var(--ht-event));pointer-events:none}
.history-timeline .ht-era-entry::before{background:var(--ht-era-marker,var(--ht-period))}
.history-timeline .ht-era-button{border-left:0;border-radius:9px;background:transparent}
.history-timeline .ht-era-button:hover{background:transparent}
.history-timeline .ht-record:hover,.history-timeline .ht-era-entry:hover{border-color:var(--ht-muted)}
.history-timeline .ht-track-short{position:absolute;left:11px;top:12px;writing-mode:vertical-rl;text-orientation:upright;width:12px;max-height:calc(100% - 24px);overflow:hidden;color:var(--ht-record-color);background:var(--ht-paper);font-size:10px;line-height:1.2;letter-spacing:.06em;pointer-events:none}
.history-timeline .ht-range-band.is-emphasized .ht-track-short{color:var(--ht-ink);font-weight:700}
.history-timeline[data-ht-compact=true] .ht-track-short{left:11px;width:10px;font-size:10px;line-height:1;letter-spacing:0}

/* Point events use the original dot; ranges keep a vertical accent. */
.history-timeline .ht-record[data-ht-type=event]::before{top:24px;bottom:auto;width:6px;height:6px;border-radius:50%}
.history-timeline .ht-density-hint{font-size:11px;line-height:1.7;color:var(--ht-muted);margin:0 0 8px!important}
.history-timeline[data-ht-rail-overflow=true] .ht-range-layer{right:auto;width:88px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain}
.history-timeline[data-ht-rail-overflow=true] .ht-range-band:not(.is-emphasized) .ht-track-short{visibility:hidden}

/* Current-view-only range visibility control; existing cards and themes are untouched. */
.history-timeline .ht-continuing-toggle{display:flex;align-items:center;gap:8px;width:fit-content;margin:8px 0;color:var(--ht-muted);font:12px/1.7 system-ui,sans-serif;cursor:pointer}
.history-timeline .ht-continuing-toggle input{width:16px;height:16px;margin:0;accent-color:var(--ht-event)}
.history-timeline .ht-continuing-toggle input:focus-visible{outline:2px solid var(--ht-focus);outline-offset:3px}

/* Adjacent eras from the already-public chronological list only. */
.history-timeline .ht-era-pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px;margin:0 0 14px;font:12px/1.7 system-ui,sans-serif}
.history-timeline .ht-era-pager:last-child{margin:20px 0 0}
.history-timeline .ht-era-pager button{max-width:100%;min-height:38px;padding:7px 11px;border:1px solid var(--ht-line);border-radius:5px;background:var(--ht-paper);color:var(--ht-ink);text-align:left;overflow-wrap:anywhere}
.history-timeline .ht-era-pager button:hover{border-color:var(--ht-muted)}
.history-timeline .ht-era-next{margin-left:auto}
@media(max-width:480px){.history-timeline .ht-era-pager{gap:8px}.history-timeline .ht-era-pager button{flex:1 1 42%;font-size:12px}}