.np-history-page { --history-gold:#e6b86a; --history-ink:#06131d; --history-panel:rgba(5,24,35,.94); min-height:100vh; padding-bottom:100px; color:#f8f1e2; background:#07141d url("images/history-header.webp") center top/auto 620px no-repeat; }
.np-history-hero { min-height:340px; display:flex; align-items:flex-end; padding:48px 28px 32px !important; background:linear-gradient(90deg,rgba(3,12,20,.92),rgba(3,12,20,.3) 58%,rgba(3,12,20,.1)); border-bottom:1px solid rgba(230,184,106,.48); }
.np-history-title { width:min(1500px,100%) !important; max-width:1500px !important; margin-inline:auto !important; }
.np-history-title h1 { margin:0; color:#f4d5a0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(48px,7vw,94px); line-height:.95; letter-spacing:.02em; text-transform:uppercase; text-shadow:0 3px 24px rgba(0,0,0,.7); }
.np-history-title > p:not(.np-history-kicker) { max-width:730px; margin:14px 0 20px; color:#fff; font-size:18px; }
.np-history-kicker { margin:0 0 9px; color:var(--history-gold); font-size:13px; font-weight:900; letter-spacing:.14em; }
.np-history-actions { gap:10px !important; }
.np-history-actions .wp-block-button__link,.np-learning-return .wp-block-button__link { min-height:48px; display:flex; align-items:center; border-radius:10px !important; font-weight:850; }
.np-history-start .wp-block-button__link { background:var(--history-gold) !important; color:#14202a !important; }
.np-learning-games-link .wp-block-button__link { border-color:#f0d095 !important; background:rgba(4,18,27,.65) !important; color:#fff !important; }
.np-history-shell { width:min(1640px,calc(100% - 24px)) !important; max-width:1640px !important; margin:12px auto 0 !important; }
.np-history-shell > * { max-width:none !important; }
.np-history-dashboard { display:grid !important; grid-template-columns:minmax(330px,.72fr) minmax(600px,1.28fr); gap:10px !important; margin:0 !important; }
.np-history-filters { display:grid; grid-template-columns:1fr; gap:10px; }
.np-history-filter-panel { margin:0 !important; padding:17px !important; border:1px solid rgba(230,184,106,.55); border-radius:12px; background:var(--history-panel); box-shadow:0 12px 30px rgba(0,0,0,.3); }
.np-history-filter-panel h2 { margin:0 0 13px; color:#f4d5a0; font:700 21px/1.1 Georgia,serif; text-transform:uppercase; }
.np-history-filter-panel p { margin:0; color:#d8e2e6; line-height:1.6; }
.np-history-chips { gap:8px !important; }
.np-history-chips .wp-block-button__link { padding:9px 13px !important; border:1px solid rgba(230,184,106,.3); border-radius:8px !important; background:#102b38 !important; color:#fff !important; font-size:13px; font-weight:750; }
.np-history-chips .wp-block-button__link:hover { border-color:var(--history-gold); background:#1a3d4c !important; }
.np-history-chips .wp-block-button.is-active .wp-block-button__link { border-color:#ffe3a9; color:#172029 !important; background:linear-gradient(135deg,#d59a43,#f1cf8d) !important; box-shadow:0 0 0 2px rgba(230,184,106,.22); }
.np-history-filters .np-history-filter-panel:first-child .np-history-chips .wp-block-button:first-child .wp-block-button__link { border-color:#ffe3a9; color:#172029 !important; background:linear-gradient(135deg,#d59a43,#f1cf8d) !important; }
.np-history-filters > .np-history-filter-panel:nth-child(2) { display:block !important; }
.np-history-page .np-history-filters { grid-template-columns:1fr 1fr !important; }
.np-learning-return,.np-learning-return .wp-block-button,.np-learning-return .wp-block-button__link { width:100%; }
.np-learning-return .wp-block-button__link { justify-content:center; background:linear-gradient(135deg,#c28a38,#edc478) !important; color:#14202a !important; }
.np-history-map-column { min-width:0; }
.np-history-map { position:relative; height:100%; min-height:420px; margin:0 !important; overflow:hidden; border:1px solid rgba(230,184,106,.6); border-radius:13px; background:#062332; box-shadow:0 14px 36px rgba(0,0,0,.34); }
.np-history-map figure { position:absolute; inset:0; width:100%; height:100%; margin:0 !important; }
.np-history-map img { width:100%; height:100%; object-fit:cover; }
.np-map-label { position:absolute; z-index:2; margin:0 !important; padding:4px 8px; border:1px solid rgba(244,213,160,.78); border-radius:999px; color:#fff; background:rgba(3,18,27,.82); box-shadow:0 2px 7px rgba(0,0,0,.45); font-size:clamp(9px,.8vw,13px); font-weight:900; letter-spacing:.035em; line-height:1; white-space:nowrap; pointer-events:none; }
.np-map-north-america { left:16%; top:34%; }
.np-map-south-america { left:27%; top:66%; }
.np-map-europe { left:50%; top:30%; }
.np-map-africa { left:50%; top:57%; }
.np-map-middle-east { left:59%; top:46%; }
.np-map-asia { left:75%; top:36%; }
.np-map-oceania { left:81%; top:72%; }
.np-map-antarctica { left:47%; top:91%; }
.np-timeline-controls { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:10px 0 0; padding:11px 14px; border:1px solid rgba(230,184,106,.48); border-bottom:0; border-radius:14px 14px 0 0; color:#fff; background:rgba(5,19,29,.96); }
.np-timeline-control-copy { display:flex; flex-direction:column; gap:2px; }
.np-timeline-control-copy strong { color:#f4d5a0; font:700 18px/1.1 Georgia,serif; }
.np-timeline-control-copy span { color:#bac9cf; font-size:12px; }
.np-timeline-control-buttons { display:flex; gap:7px; }
.np-timeline-tools { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex:1; }
.np-timeline-search { width:min(380px,32vw); min-height:40px; padding:8px 13px; border:1px solid rgba(230,184,106,.5); border-radius:999px; color:#fff; background:#0c2735; font:inherit; }
.np-timeline-search::placeholder { color:#aebbc2; }
.np-timeline-arrow { width:44px; height:40px; border:1px solid rgba(230,184,106,.58); border-radius:9px; color:#fff; background:#123142; font-size:21px; font-weight:900; cursor:pointer; }
.np-timeline-arrow:hover { color:#172029; background:var(--history-gold); }
.np-timeline-today { min-height:40px; padding:7px 17px; border:1px solid #f1d08d; border-radius:9px; color:#172029; background:#e8c57e; font-weight:900; cursor:pointer; }
.np-history-timeline { margin:0 !important; overflow-x:auto; overflow-y:hidden; border:1px solid rgba(230,184,106,.48); border-radius:0 0 14px 14px; background:rgba(5,19,29,.94); box-shadow:0 16px 42px rgba(0,0,0,.3); cursor:grab; scrollbar-color:var(--history-gold) #071823; scrollbar-width:thin; scroll-behavior:smooth; touch-action:pan-y pinch-zoom; }
.np-timeline-navigator { position:relative; display:grid; grid-template-columns:minmax(170px,auto) 1fr 44px; align-items:center; gap:12px; padding:8px 12px; border-inline:1px solid rgba(230,184,106,.48); color:#f8e5bb; background:linear-gradient(90deg,#071822,#0d2a37 50%,#071822); }
.np-timeline-era { font:700 14px/1.1 Georgia,serif; white-space:nowrap; }
.np-timeline-progress { color:#d8c395; font-size:11px; font-weight:900; text-align:right; }
.np-timeline-scrubber { width:100%; height:18px; margin:0; accent-color:#e6b86a; cursor:ew-resize; }
.np-timeline-scrubber::-webkit-slider-runnable-track { height:6px; border:1px solid rgba(244,213,160,.5); border-radius:999px; background:linear-gradient(90deg,#b8792f,#f4d5a0,#b8792f); }
.np-timeline-scrubber::-webkit-slider-thumb { width:20px; height:20px; margin-top:-8px; border:2px solid #fff2cf; border-radius:50%; background:#b97b2e; box-shadow:0 2px 8px #000; -webkit-appearance:none; }
.np-history-timeline:not(.is-at-start) { box-shadow:inset 22px 0 24px -20px #f1c777,0 16px 42px rgba(0,0,0,.3); }
.np-history-timeline:not(.is-at-end) { border-right-color:#f1c777; }
.np-history-timeline.is-dragging { cursor:grabbing; user-select:none; scroll-behavior:auto; }
.np-history-timeline:focus-visible { outline:3px solid var(--history-gold); outline-offset:3px; }
.np-history-scale { min-width:1500px; margin:0 !important; padding:11px 18px !important; border-bottom:1px solid rgba(230,184,106,.38); color:#3a2a1b; background:#ead7b3; }
.np-history-scale p { margin:0; font:700 12px/1 Georgia,serif; }
.np-history-row { display:grid !important; grid-template-columns:190px repeat(3,minmax(420px,1fr)); gap:8px !important; min-width:1500px; margin:0 !important; padding:7px 10px !important; border-bottom:1px solid rgba(255,255,255,.12); align-items:stretch !important; }
.np-history-row h3,.np-history-event { display:flex; align-items:center; min-height:52px; margin:0 !important; padding:9px 12px; border:1px solid rgba(255,255,255,.15); border-radius:8px; color:#fff; background:rgba(9,37,50,.9); font-size:13px; line-height:1.22; }
.np-history-row h3 { position:sticky; left:10px; z-index:3; font-size:15px; box-shadow:8px 0 16px rgba(0,0,0,.22); }
.np-history-event { cursor:pointer; transition:transform .16s ease,border-color .16s ease,filter .16s ease; }
.np-history-event[hidden],.np-history-row[hidden],.np-history-row.is-search-empty { display:none !important; }
.np-history-event:hover,.np-history-event:focus-visible,.np-history-event.is-active { transform:translateY(-2px); border-color:#f4d5a0; filter:brightness(1.18); outline:none; box-shadow:0 0 0 2px rgba(230,184,106,.23); }
.np-history-row.is-africa h3,.np-history-row.is-africa .np-history-event { background:rgba(95,58,16,.86); }
.np-history-row.is-middle-east h3,.np-history-row.is-middle-east .np-history-event { background:rgba(82,45,27,.88); }
.np-history-row.is-europe h3,.np-history-row.is-europe .np-history-event { background:rgba(18,63,95,.88); }
.np-history-row.is-asia h3,.np-history-row.is-asia .np-history-event { background:rgba(100,35,31,.86); }
.np-history-row.is-americas h3,.np-history-row.is-americas .np-history-event { background:rgba(21,83,70,.86); }
.np-history-row.is-oceania h3,.np-history-row.is-oceania .np-history-event { background:rgba(57,44,112,.88); }
.np-event-panel { position:relative; margin:10px 0 0; padding:24px 62px 24px 28px; border:1px solid rgba(230,184,106,.58); border-radius:14px; color:#2a2017; background:linear-gradient(135deg,#f2dfbd,#dfc293); box-shadow:0 16px 42px rgba(0,0,0,.28); }
.np-event-panel[hidden] { display:none; }
.np-event-close { position:absolute; right:16px; top:14px; width:38px; height:38px; border:1px solid rgba(56,38,24,.3); border-radius:50%; color:#2b2017; background:rgba(255,255,255,.35); font-size:26px; line-height:1; cursor:pointer; }
.np-event-region { margin:0 0 5px; color:#7f4e19; font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.np-event-title { margin:0; color:#25190f; font:700 clamp(29px,4vw,46px)/1 Georgia,serif; }
.np-event-period { margin:7px 0 14px; color:#684522; font-weight:850; }
.np-event-copy { max-width:880px; margin:0; line-height:1.55; }
.np-event-source { display:flex; flex-direction:column; gap:3px; max-width:620px; margin-top:18px; padding:13px 15px; border:1px dashed rgba(75,49,29,.36); border-radius:10px; background:rgba(255,255,255,.24); }
.np-event-source span { font-size:13px; }
.np-history-feature { display:grid !important; grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr); gap:0 !important; margin:10px 0 0 !important; overflow:hidden; border:1px solid rgba(230,184,106,.58); border-radius:14px; color:#251c14; background:#ead7b3; }
.np-history-feature .wp-block-column:last-child { padding:26px 30px !important; }
.np-history-feature figure { height:100%; margin:0 !important; }
.np-history-feature img { width:100%; height:100%; min-height:290px; object-fit:cover; }
.np-history-feature h2 { margin:0; color:#261a10; font:700 clamp(32px,4vw,52px)/1 Georgia,serif; }
.np-history-feature h3 { margin:7px 0 12px; font-family:Georgia,serif; }
.np-history-feature .wp-block-button__link { border-radius:8px !important; background:#3b2b21 !important; color:#fff !important; }
.np-history-page .np-category-nav { border-color:rgba(230,184,106,.5); background:rgba(4,17,25,.94); }
@media (max-width:1050px) {
  .np-history-dashboard { grid-template-columns:1fr; }
  .np-history-page .np-history-filters { grid-template-columns:1fr !important; }
  .np-history-map { min-height:470px; }
  .np-history-timeline { overflow-x:auto; }
}
@media (max-width:781px) {
  .np-history-page { background-size:auto 420px; }
  .np-history-hero { min-height:360px; padding:32px 20px 24px !important; }
  .np-history-title h1 { font-size:clamp(42px,14vw,68px); }
  .np-history-actions > * { flex:1 1 190px; }
  .np-history-actions .wp-block-button__link { width:100%; justify-content:center; }
  .np-history-shell { width:min(100% - 16px,1640px) !important; }
  .np-history-map { min-height:330px; }
  .np-history-feature { grid-template-columns:1fr; }
  .np-history-feature figure,.np-history-feature img { min-height:220px; max-height:280px; }
}

/* 2.6: den samlede, tætte museumsvisning fra det godkendte design. */
@media (min-width:1101px) {
  .np-history-page { padding-bottom:24px; background-color:#050e15; }
  .np-history-page .np-history-hero.alignfull {
    min-height:300px;
    padding-block:28px 22px !important;
    background:linear-gradient(90deg,rgba(2,9,15,.86),rgba(2,9,15,.12) 52%,rgba(2,9,15,.48));
  }
  .np-history-page .np-history-title { width:min(1760px,calc(100% - 48px)) !important; max-width:1760px !important; }
  .np-history-page .np-history-title h1 { font-size:clamp(58px,5.2vw,88px); }
  .np-history-page .np-history-title > p:not(.np-history-kicker) { margin-block:8px 14px; }
  .np-history-page > .np-history-shell.alignwide {
    width:calc(100vw - 16px) !important;
    max-width:1820px !important;
    margin-top:0 !important;
  }
  .np-history-page .np-history-dashboard { grid-template-columns:minmax(470px,.9fr) minmax(760px,1.6fr); gap:8px !important; }
  .np-history-page .np-history-filters { grid-template-columns:1fr 1fr; gap:8px; }
  .np-history-page .np-learning-return { grid-column:1/-1; }
  .np-history-page .np-history-filter-panel { padding:14px !important; border-radius:8px; }
  .np-history-page .np-history-filter-panel h2 { margin-bottom:10px; font-size:18px; }
  .np-history-page .np-history-chips { gap:5px !important; }
  .np-history-page .np-history-chips .wp-block-button__link { padding:7px 9px !important; font-size:11px; }
  .np-history-page .np-history-map { min-height:292px; border-radius:8px; }
  .np-history-page .np-map-label { padding:4px 7px; border-width:1px; font-size:10px; }
  .np-history-page .np-learning-return .wp-block-button__link { min-height:36px; }
  .np-timeline-controls { margin-top:8px; padding:7px 9px; gap:10px; border-radius:8px 8px 0 0; background:#e8d4ad; color:#271b12; }
  .np-timeline-control-copy { min-width:170px; }
  .np-timeline-control-copy strong { color:#2c2016; font-size:16px; }
  .np-timeline-control-copy span { color:#69533b; font-size:10px; }
  .np-timeline-search { min-height:34px; color:#271b12; background:#fbf0d9; border-color:#b68745; }
  .np-timeline-search::placeholder { color:#725f49; }
  .np-timeline-arrow,.np-timeline-today { height:34px; min-height:34px; }
  .np-timeline-arrow { width:38px; }
  .np-timeline-zoom-label { align-self:center; color:#4a3928; font-size:11px; font-weight:900; }
  .np-history-page .np-history-timeline { border-radius:0 0 8px 8px; }
  .np-history-page .np-history-scale,.np-history-page .np-history-row { min-width:3900px; }
  .np-history-page .np-history-scale { padding:9px 18px !important; background:#f0dfbd; }
  .np-history-page .np-history-row { grid-template-columns:210px repeat(10,minmax(var(--np-event-width,350px),1fr)); gap:4px !important; padding:3px 5px !important; }
  .np-history-page .np-history-row h3,.np-history-page .np-history-event { min-height:52px; padding:8px 11px; border-radius:5px; font-size:12px; }
  .np-history-page .np-history-row h3 { left:5px; font-size:14px; }
  .np-history-page .np-history-event { position:relative; isolation:isolate; overflow:hidden; text-shadow:0 1px 2px #000; }
  .np-history-page .np-history-event::before {
    content:""; position:absolute; inset:0; z-index:-1; opacity:.22;
    background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.38)),url("images/history-header.webp") center/cover;
    mix-blend-mode:screen;
  }
  .np-history-page .np-history-row:nth-child(even) .np-history-event::before { background-position:70% 45%; }
  .np-history-page .np-history-row:nth-child(3n) .np-history-event::before { background-position:30% 70%; }
  .np-history-page .np-history-feature { grid-template-columns:minmax(420px,.8fr) minmax(0,1.45fr); min-height:270px; margin-top:7px !important; border-radius:8px; }
  .np-history-page .np-history-feature img { min-height:270px; max-height:310px; }
  .np-history-page .np-history-feature .wp-block-column:last-child { padding:20px 26px !important; }
  .np-history-page .np-history-feature h2 { font-size:clamp(34px,3vw,48px); }
  .np-history-page .np-category-nav { margin-top:6px !important; }
}

/* 3.9: kompakte tidslinjer og ét samlet fagområde ad gangen. */
.np-history-filter-panel h2 { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.np-history-filter-panel h2::after { content:"☑ Vis på kort"; color:#f1d59f; font:800 11px/1.2 system-ui,sans-serif; letter-spacing:0; text-transform:none; white-space:nowrap; }
.np-history-chips .wp-block-button__link { display:flex !important; align-items:center; gap:7px; }
.np-history-chips .wp-block-button__link::before { content:""; box-sizing:border-box; width:15px; height:15px; flex:0 0 15px; border:1px solid #e5c889; border-radius:3px; background:rgba(0,0,0,.26); box-shadow:inset 0 0 0 2px rgba(255,255,255,.04); }
.np-history-chips .wp-block-button.is-active .wp-block-button__link::before { content:"✓"; display:grid; place-items:center; color:#182028; background:#ffe1a0; font-size:12px; font-weight:1000; }
.np-history-row.is-chronological { height:58px; min-height:58px; background-image:none; }
.np-history-row.is-chronological h3 { top:5px; height:48px; min-height:48px; }
.np-history-row.is-chronological .np-history-event { top:5px !important; height:48px; min-height:48px; }
.np-history-timeline.is-field-focus { overflow-x:hidden; }
.np-history-timeline.is-field-focus .np-history-scale { display:none !important; }
.np-history-timeline.is-field-focus .np-history-row[hidden] { display:none !important; }
.np-history-timeline .np-history-row.is-field-focus-row { box-sizing:border-box; width:100%; min-width:0; min-height:650px; display:grid !important; grid-template-columns:230px minmax(0,1fr); grid-auto-rows:minmax(48px,auto); gap:4px !important; padding:8px !important; overflow:visible; background:linear-gradient(135deg,rgba(7,27,39,.98),rgba(14,23,49,.98)); }
.np-history-timeline .np-history-row.is-field-focus-row h3 { position:sticky; top:8px; left:8px; align-self:start; grid-column:1; grid-row:1 / span 12; box-sizing:border-box; width:auto; height:auto; min-height:100%; margin:0 !important; padding:18px !important; }
.np-history-timeline .np-history-row.is-field-focus-row .np-history-event { position:relative; inset:auto; grid-column:2; box-sizing:border-box; width:100% !important; min-height:48px; height:auto; margin:0 !important; padding:10px 14px 10px 72px; transform:none; }
.np-history-timeline .np-history-row.is-field-focus-row .np-history-event:hover { transform:translateX(3px); }
@media (max-width:781px) {
  .np-history-timeline .np-history-row.is-field-focus-row { grid-template-columns:1fr; min-height:0; }
  .np-history-timeline .np-history-row.is-field-focus-row h3 { position:static; grid-column:1; grid-row:auto; min-height:64px; }
  .np-history-timeline .np-history-row.is-field-focus-row .np-history-event { grid-column:1; }
}

/* Editorens indholdskanvas skal vise samme brede komposition som forsiden. */
.editor-styles-wrapper .is-root-container > .np-history-page,
.editor-styles-wrapper .wp-block-post-content > .np-history-page {
  width:100% !important;
  max-width:none !important;
}
@media (max-width:520px) {
  .np-history-map { min-height:240px; }
  .np-map-label { padding:3px 5px; font-size:7px; }
  .np-map-middle-east { left:57%; }
  .np-history-feature .wp-block-column:last-child { padding:20px !important; }
}

/* 2.4: escape the theme's narrow content column in both Gutenberg and visitors. */
.np-history-page.alignfull,
.editor-styles-wrapper .np-history-page.alignfull,
.block-editor-block-list__layout.is-root-container > .np-history-page.alignfull,
.wp-site-blocks > .np-history-page.alignfull {
  box-sizing:border-box;
  width:100vw !important;
  max-width:none !important;
  margin-right:calc(50% - 50vw) !important;
  margin-left:calc(50% - 50vw) !important;
}
.np-history-page .np-history-hero.alignfull {
  box-sizing:border-box;
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  min-height:430px;
  background:linear-gradient(90deg,rgba(3,12,20,.93),rgba(3,12,20,.42) 47%,rgba(3,12,20,.08) 78%);
}
.np-history-page > .np-history-hero.alignfull {
  position:relative;
  left:50%;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
}
.np-history-page .np-history-title {
  width:min(1600px,calc(100% - 64px)) !important;
  max-width:1600px !important;
}
.np-history-page .np-history-title h1 {
  max-width:1000px;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
  font-size:clamp(54px,6vw,92px);
}
.np-history-page .np-history-shell {
  box-sizing:border-box;
  width:min(1680px,calc(100vw - 40px)) !important;
  max-width:1680px !important;
  margin-inline:auto !important;
}
.np-history-page > .np-history-shell.alignwide {
  position:relative;
  left:50%;
  width:calc(100vw - 32px) !important;
  max-width:1680px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:translateX(-50%);
}
.np-history-page .np-history-dashboard {
  grid-template-columns:minmax(360px,.7fr) minmax(680px,1.3fr);
  gap:16px !important;
}
.np-history-page .np-history-filter-panel {
  min-height:0;
  padding:21px !important;
}
.np-history-page .np-history-map { min-height:510px; }
.np-history-page .np-map-label {
  padding:6px 10px;
  border-width:2px;
  border-color:#f2cc86;
  color:#fff;
  background:rgba(2,15,25,.9);
  font-size:clamp(11px,.82vw,15px);
  text-shadow:0 1px 3px #000;
}
.np-history-page .np-history-scale,
.np-history-page .np-history-row { min-width:2300px; }
.np-history-page .np-history-row { grid-template-columns:220px repeat(5,minmax(var(--np-event-width,400px),1fr)); padding-block:9px !important; }
.np-history-page .np-history-row h3,
.np-history-page .np-history-event { min-height:68px; padding:12px 15px; font-size:15px; }
.np-history-page .np-history-row h3 { font-size:17px; }
.np-history-page .np-history-feature { min-height:360px; }
.np-history-page .np-history-feature img { min-height:360px; }
.np-history-row.is-politics h3,.np-history-row.is-politics .np-history-event { background:rgba(102,64,17,.9); }
.np-history-row.is-ages h3,.np-history-row.is-ages .np-history-event { background:linear-gradient(110deg,rgba(92,60,25,.96),rgba(28,76,83,.94)); }
.np-history-row.is-continent-africa h3 { background:#82501c; }
.np-history-row.is-continent-europe h3 { background:#245878; }
.np-history-row.is-continent-asia h3 { background:#7c372d; }
.np-history-row.is-continent-north-america h3 { background:#226d60; }
.np-history-row.is-continent-south-america h3 { background:#397548; }
.np-history-row.is-continent-oceania h3 { background:#514884; }
.np-history-row.is-continent-antarctica h3 { background:#537587; }
.np-history-row.is-chronological { position:relative; display:block !important; height:118px; min-height:118px; padding:0 5px !important; overflow:hidden; background-image:linear-gradient(to bottom,transparent 57px,rgba(244,213,160,.18) 58px,transparent 59px); }
.np-history-row.is-chronological h3 { position:sticky; top:5px; left:5px; z-index:8; width:205px; height:108px; min-height:108px; padding:12px !important; }
.np-history-row.is-chronological .np-history-event { position:absolute; z-index:2; min-height:52px; height:52px; margin:0 !important; padding:8px 11px 8px 64px; overflow:hidden; box-shadow:0 4px 10px rgba(0,0,0,.24); }
.np-history-row.is-chronological .np-history-event::before { content:""; position:absolute; inset:0 auto 0 0; z-index:-1; width:58px; opacity:.76; background-image:url("images/history-header.webp"); background-position:var(--np-image-position,center) center; background-size:820px 100%; mix-blend-mode:normal; border-right:1px solid rgba(255,255,255,.25); }
.np-history-scale.is-chronological { position:relative; display:block !important; height:42px; padding:0 !important; background-image:linear-gradient(90deg,rgba(92,57,24,.09) 1px,transparent 1px); background-size:4% 100%; }
.np-history-scale.is-chronological p { position:absolute; top:12px; width:max-content; margin:0 !important; transform:translateX(-50%); white-space:nowrap; }
.np-history-row.is-war h3,.np-history-row.is-war .np-history-event { background:rgba(105,35,31,.9); }
.np-history-row.is-science h3,.np-history-row.is-science .np-history-event { background:rgba(18,69,98,.9); }
.np-history-row.is-health h3,.np-history-row.is-health .np-history-event { background:rgba(25,87,70,.9); }
.np-history-row.is-technology h3,.np-history-row.is-technology .np-history-event { background:rgba(54,62,72,.92); }
.np-history-row.is-religion h3,.np-history-row.is-religion .np-history-event { background:rgba(103,43,39,.9); }
.np-history-row.is-society h3,.np-history-row.is-society .np-history-event { background:rgba(84,71,42,.92); }
.np-history-row.is-economy h3,.np-history-row.is-economy .np-history-event { background:rgba(103,71,19,.9); }
.np-history-row.is-art h3,.np-history-row.is-art .np-history-event { background:rgba(103,38,76,.9); }
.np-history-row.is-exploration h3,.np-history-row.is-exploration .np-history-event { background:rgba(9,75,104,.92); }
.np-history-row.is-people h3,.np-history-row.is-people .np-history-event { background:rgba(69,66,42,.92); }
.np-history-row.is-nature h3,.np-history-row.is-nature .np-history-event { background:rgba(18,78,61,.92); }
.np-map-pin { position:absolute; z-index:4; width:24px; height:24px; display:grid; place-items:center; margin:0 !important; border:2px solid #fff; border-radius:50%; color:#fff; background:#168bdd; box-shadow:0 2px 8px rgba(0,0,0,.65); font-size:13px; line-height:1; }
.np-map-pin.is-major { color:#fff; background:#ef4c3e; }
.np-pin-america { left:22%; top:38%; }
.np-pin-egypt { left:53%; top:51%; }
.np-pin-europe { left:51%; top:31%; }
.np-pin-asia { left:77%; top:39%; }
.np-map-legend { position:absolute; z-index:5; right:12px; bottom:12px; margin:0 !important; padding:9px 11px !important; border:1px solid rgba(230,184,106,.6); border-radius:9px; color:#fff; background:rgba(3,18,27,.88); }
.np-map-legend p { margin:2px 0; font-size:11px; }

/* 3.7: School & Learning hub og kortkobling for valgte begivenheder. */
.np-learning-hub { width:min(1640px,calc(100% - 28px)) !important; max-width:1640px !important; margin:0 auto !important; padding:40px 0 24px !important; }
.np-learning-hub > h1 { max-width:900px; margin:0 0 24px !important; color:#fff; font-size:clamp(38px,5vw,70px); line-height:1; }
.np-learning-sections { display:grid !important; grid-template-columns:1fr 1fr; gap:18px !important; margin:0 !important; }
.np-learning-card { min-height:270px; display:flex; flex-direction:column; margin:0 !important; padding:30px !important; overflow:hidden; border:1px solid rgba(230,184,106,.48); border-radius:20px; background:linear-gradient(135deg,rgba(9,36,49,.97),rgba(15,23,47,.96)); box-shadow:0 18px 44px rgba(0,0,0,.3); }
.np-learning-card.is-history { background:linear-gradient(90deg,rgba(4,19,29,.97),rgba(5,25,35,.58)),url("images/history-header.webp") center/cover; }
.np-learning-card.is-math { background:radial-gradient(circle at 80% 20%,rgba(39,203,232,.3),transparent 34%),linear-gradient(135deg,#122b59,#2f205f); }
.np-learning-card-icon { margin:0 0 10px !important; font-size:44px; line-height:1; }
.np-learning-card h2 { margin:0 0 8px !important; color:#f6d79d; font:700 clamp(30px,3vw,46px)/1 Georgia,serif; }
.np-learning-card > p:not(.np-learning-card-icon) { max-width:620px; flex:1; margin:0 0 22px !important; color:#eef4f7; font-size:17px; }
.np-learning-card .wp-block-button__link { border:1px solid rgba(255,255,255,.25); border-radius:11px !important; color:#172029 !important; background:#e6b86a !important; font-weight:850; }
.np-learning-card.is-math .wp-block-button__link { background:#42d5ee !important; }
.np-learning-card.is-math .is-style-outline .wp-block-button__link { color:#fff !important; background:rgba(11,30,65,.72) !important; }
.np-math-game-links { display:grid !important; grid-template-columns:1fr 1fr; gap:10px !important; }
.np-math-game-links .wp-block-button,.np-math-game-links .wp-block-button__link { width:100%; }
.np-math-game-links .wp-block-button__link { min-height:118px; align-items:flex-end; justify-content:flex-start; padding:14px !important; border-radius:14px !important; color:#fff !important; text-shadow:0 2px 5px #000; background-image:linear-gradient(180deg,transparent 28%,rgba(5,17,39,.9)),url("images/math-canon-intro.webp") !important; background-position:center !important; background-size:cover !important; }
.np-math-game-links .wp-block-button:nth-child(2) .wp-block-button__link { background-image:linear-gradient(180deg,transparent 28%,rgba(29,17,62,.9)),url("images/math-adventure-intro.webp") !important; }
.np-history-map::after { content:""; position:absolute; z-index:1; border:3px solid #ffd169; border-radius:48%; opacity:0; pointer-events:none; box-shadow:0 0 22px 8px rgba(255,174,51,.78),inset 0 0 22px rgba(255,174,51,.42); transition:opacity .22s ease; }
.np-history-map.np-map-active-africa::after { left:43%; top:42%; width:20%; height:38%; opacity:1; }
.np-history-map.np-map-active-europe::after { left:43%; top:20%; width:18%; height:24%; opacity:1; }
.np-history-map.np-map-active-asia::after { left:57%; top:20%; width:31%; height:38%; opacity:1; }
.np-history-map.np-map-active-north-america::after { left:5%; top:20%; width:29%; height:37%; opacity:1; }
.np-history-map.np-map-active-south-america::after { left:20%; top:50%; width:18%; height:39%; opacity:1; }
.np-history-map.np-map-active-oceania::after { left:72%; top:57%; width:22%; height:28%; opacity:1; }
.np-history-map.np-map-active-antarctica::after { left:28%; top:83%; width:47%; height:13%; opacity:1; }
.np-map-label.is-active { color:#1b160d; background:#ffd169; box-shadow:0 0 18px 7px rgba(255,177,54,.72); }

@media (max-width:1100px) {
  .np-history-page .np-history-dashboard { grid-template-columns:1fr; }
  .np-history-page .np-history-map { min-height:480px; }
}
@media (max-width:781px) {
  .np-learning-sections { grid-template-columns:1fr; }
  .np-learning-card { min-height:240px; padding:22px !important; }
  .np-math-game-links { grid-template-columns:1fr; }
  .np-history-page.alignfull,
  .editor-styles-wrapper .np-history-page.alignfull,
  .block-editor-block-list__layout.is-root-container > .np-history-page.alignfull,
  .wp-site-blocks > .np-history-page.alignfull {
    width:100% !important;
    margin-inline:0 !important;
  }
  .np-history-page .np-history-hero.alignfull { min-height:400px; }
  .np-history-page .np-history-title { width:calc(100% - 32px) !important; }
  .np-history-page .np-history-title h1 { white-space:normal; font-size:clamp(44px,13vw,68px); }
  .np-history-page .np-history-shell { width:calc(100% - 16px) !important; }
  .np-history-page .np-history-map { min-height:330px; }
  .np-history-page .np-history-scale,
  .np-history-page .np-history-row { min-width:3700px; }
  .np-history-page .np-history-row { grid-template-columns:190px repeat(10,minmax(var(--np-event-width,340px),1fr)); }
  .np-timeline-controls { align-items:flex-start; flex-direction:column; }
  .np-timeline-tools { width:100%; align-items:stretch; flex-direction:column; }
  .np-timeline-search { width:100%; }
  .np-timeline-control-buttons { width:100%; }
  .np-timeline-control-buttons .np-timeline-today { margin-left:auto; }
  .np-timeline-navigator { grid-template-columns:1fr 42px; }
  .np-timeline-era { grid-column:1/-1; }
}

/* 2.6 desktop overrides are repeated last so older compatibility rules cannot win. */
@media (min-width:1101px) {
  .np-history-page .np-history-hero.alignfull { min-height:300px; padding-block:28px 22px !important; }
  .np-history-page .np-history-title { width:min(1760px,calc(100% - 48px)) !important; max-width:1760px !important; }
  .np-history-page > .np-history-shell.alignwide { width:calc(100vw - 16px) !important; max-width:1820px !important; margin-top:0 !important; }
  .np-history-page .np-history-dashboard { grid-template-columns:minmax(470px,.9fr) minmax(760px,1.6fr); gap:8px !important; }
  .np-history-page .np-history-filter-panel { padding:14px !important; }
  .np-history-page .np-history-map { width:100%; height:auto !important; min-height:0; aspect-ratio:2/1; align-self:start; }
  .np-history-page .np-history-map img { object-fit:contain; background:#062332; }
  .np-history-page .np-map-label { padding:4px 7px; border-width:1px; font-size:10px; }
  .np-history-page .np-history-scale,.np-history-page .np-history-row { min-width:3900px; }
  .np-history-page .np-history-row { grid-template-columns:210px repeat(10,minmax(var(--np-event-width,350px),1fr)); padding:3px 5px !important; }
  .np-history-page .np-history-row h3,.np-history-page .np-history-event { min-height:52px; padding:8px 11px; font-size:12px; }
  .np-history-page .np-history-row h3 { font-size:14px; }
  .np-history-page .np-history-feature { min-height:270px; }
  .np-history-page .np-history-feature img { min-height:270px; max-height:310px; }
}

/* 3.9 final overrides: compact continent overview and one expanded subject. */
.np-history-page .np-history-row.is-chronological {
  height:58px !important;
  min-height:58px !important;
  padding:5px !important;
  gap:4px !important;
}
.np-history-page .np-history-row.is-chronological h3 {
  height:48px !important;
  min-height:48px !important;
  padding:8px 11px !important;
}
.np-history-page .np-history-row.is-chronological .np-history-event {
  top:5px !important;
  height:48px !important;
  min-height:48px !important;
  padding:7px 10px !important;
  overflow:hidden;
}
.np-history-page .np-history-timeline.is-field-focus {
  overflow-x:hidden !important;
}
.np-history-page .np-history-timeline.is-field-focus .np-history-scale {
  display:none !important;
}
.np-history-page .np-history-timeline.is-field-focus .np-history-row[hidden] {
  display:none !important;
}
.np-history-page .np-history-timeline .np-history-row.is-field-focus-row {
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  min-height:650px !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:230px minmax(0,1fr) !important;
  grid-auto-rows:minmax(48px,auto);
  gap:4px !important;
  padding:8px !important;
  overflow:visible;
}
.np-history-page .np-history-timeline .np-history-row.is-field-focus-row h3 {
  position:sticky !important;
  top:8px !important;
  left:auto !important;
  align-self:start;
  grid-column:1;
  grid-row:1 / span 12;
  box-sizing:border-box;
  width:auto !important;
  height:auto !important;
  min-height:100% !important;
  margin:0 !important;
  padding:18px !important;
}
.np-history-page .np-history-timeline .np-history-row.is-field-focus-row .np-history-event {
  position:relative !important;
  inset:auto !important;
  grid-column:2;
  box-sizing:border-box;
  width:100% !important;
  min-height:48px !important;
  height:auto !important;
  margin:0 !important;
  padding:10px 14px 10px 72px !important;
  transform:none !important;
  overflow:visible;
}
.np-history-page .np-history-timeline .np-history-row.is-field-focus-row .np-history-event:hover {
  transform:translateX(3px) !important;
}
@media (max-width:760px) {
  .np-history-page .np-history-timeline .np-history-row.is-field-focus-row {
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .np-history-page .np-history-timeline .np-history-row.is-field-focus-row h3 {
    position:static !important;
    grid-column:1;
    grid-row:auto;
    min-height:64px !important;
  }
  .np-history-page .np-history-timeline .np-history-row.is-field-focus-row .np-history-event {
    grid-column:1;
  }
}

/* === 4.0 World History reference match === */
.np-history-page{--history-gold:#d9aa61;background:#06131d!important;padding:0 0 28px!important;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.np-learning-hub,.np-history-hero{display:none!important}
.np-history-reference-header{position:relative;height:122px;box-sizing:border-box;color:#f7ead2;background:linear-gradient(90deg,rgba(2,12,19,.98) 0 27%,rgba(3,15,24,.38) 58%,rgba(3,14,22,.72)),url("images/history-header.webp") center 44%/cover no-repeat;border-bottom:2px solid #b67a31;box-shadow:0 5px 18px #000;z-index:20}
.np-ref-brand{position:absolute;left:28px;top:5px;display:flex;align-items:center;gap:8px}.np-ref-logo{font-size:31px;color:#e8c27e}.np-ref-brand strong{display:block;font:700 19px Georgia,serif}.np-ref-brand small{display:block;font-size:7px;letter-spacing:2px}.np-history-reference-header nav{position:absolute;left:260px;top:0;height:34px;display:flex}.np-history-reference-header nav a{padding:10px 15px;color:#eee;text-decoration:none;font-size:12px;font-weight:700;background:rgba(2,14,23,.68)}.np-history-reference-header nav a.is-active{background:rgba(91,83,76,.72)}
.np-ref-search{position:absolute;right:250px;top:4px;width:265px;height:28px;box-sizing:border-box;padding:6px 13px;border:1px solid #7190a1;border-radius:20px;background:#081c2a;color:#dce8ed;font-size:10px}.np-ref-icons{position:absolute;right:195px;top:8px;font-size:18px}.np-ref-title{position:absolute;left:27px;bottom:7px;display:flex;align-items:center;gap:18px}.np-ref-globe{font-size:54px;color:#d7a857}.np-ref-title h1{margin:0;color:#f0c981;font:700 37px/.8 Georgia,serif;letter-spacing:1px}.np-ref-title h2{margin:4px 0 0;color:#f3d6a0;font:700 18px/1 Georgia,serif;letter-spacing:1px}.np-ref-title p{margin:2px 0 0;font:italic 12px Georgia,serif;color:#eee}.np-ref-motto{position:absolute;right:30px;bottom:28px;transform:rotate(-5deg);font:italic 12px/1.3 Georgia,serif;color:#f4d69e;text-align:center}
.np-history-shell{width:100%!important;max-width:none!important;margin:0!important;background:#06131d}.np-history-dashboard{grid-template-columns:55% 45%!important;gap:6px!important;padding:6px 6px 0!important;height:224px;box-sizing:border-box}.np-history-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.np-history-filter-panel{height:212px;box-sizing:border-box;padding:9px 12px!important;border:1px solid #c18b45!important;border-radius:7px!important;background:rgba(5,25,38,.97)!important;box-shadow:inset 0 0 22px rgba(0,0,0,.28)!important;overflow:hidden}.np-history-filter-panel h2{margin:0 0 8px!important;font:700 14px Georgia,serif!important;color:#e5c181!important}.np-ref-selects{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.np-ref-selects span{display:flex;align-items:center;justify-content:space-between;height:31px;padding:0 10px;border:1px solid #526a78;border-radius:5px;background:#102b3b;color:#f2f4f5;font-size:11px}
.np-history-chips{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.np-history-field-chips{grid-template-columns:1fr 1fr!important;gap:2px 8px!important}.np-history-chips .wp-block-button{width:100%!important}.np-history-chips .wp-block-button__link{width:100%;min-height:31px;box-sizing:border-box;padding:7px 6px!important;border-radius:4px!important;font-size:9px!important;line-height:1!important;text-align:left}.np-history-continent-chips .wp-block-button__link{text-align:center!important;min-height:48px!important;padding-top:18px!important}.np-history-continent-chips .wp-block-button:nth-child(1){display:none}.np-history-continent-chips .wp-block-button:nth-child(2) a{background:#4c3118!important}.np-history-continent-chips .wp-block-button:nth-child(3) a{background:#123a59!important}.np-history-continent-chips .wp-block-button:nth-child(4) a{background:#612523!important}.np-history-continent-chips .wp-block-button:nth-child(5) a,.np-history-continent-chips .wp-block-button:nth-child(6) a{background:#155746!important}.np-history-continent-chips .wp-block-button:nth-child(7) a{background:#3c316e!important}.np-history-continent-chips .wp-block-button:nth-child(8){display:none}.np-learning-return{display:none!important}
.np-history-map{height:212px!important;min-height:212px!important;border-radius:7px!important}.np-history-map img{filter:saturate(.88) contrast(1.05)}.np-map-label{font-size:8px!important;padding:3px 6px!important}.np-map-legend{right:8px!important;top:34px!important;bottom:auto!important;font-size:8px!important}.np-map-pin{width:12px!important;height:12px!important;font-size:0!important}.np-ref-map-tools{position:absolute;right:8px;top:8px;z-index:9;display:grid;gap:3px}.np-ref-map-tools button{width:22px;height:22px;border:1px solid #596c76;border-radius:4px;background:#0c2635;color:#fff}.np-ref-map-tabs{position:absolute;z-index:8;bottom:5px;left:20%;right:20%;height:26px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #576b75;border-radius:5px;overflow:hidden;background:#0a2231;color:#ddd;font-size:8px;text-align:center}.np-ref-map-tabs>*{padding:8px 3px;border-right:1px solid #445966}.np-ref-map-tabs b{background:#f1d69c;color:#241b12}
.np-timeline-controls{height:43px;box-sizing:border-box;margin:5px 0 0!important;padding:4px 8px!important;border-radius:0!important;border:1px solid #b37a35!important;background:#ead5ae!important;color:#1b2730!important}.np-timeline-control-copy{display:none!important}.np-timeline-tools{justify-content:space-between!important}.np-timeline-search{order:-1;width:280px!important;min-height:28px!important;height:28px;padding:4px 10px!important;border-color:#b9a17a!important;background:#fff9ed!important;color:#27323a!important;font-size:9px!important}.np-timeline-arrow,.np-timeline-today{height:28px!important;min-height:28px!important;border-radius:4px!important;font-size:12px!important}.np-timeline-zoom-label{font-size:9px;color:#1b2730}.np-timeline-navigator{display:none!important}.np-history-timeline{border-radius:0!important;border-color:#b37a35!important;background:#071a27!important}.np-history-scale{min-width:1500px;height:33px!important;box-sizing:border-box;padding:8px 15px!important;background:#ead5ae!important}.np-history-scale p{font-size:9px!important}.np-history-row.is-chronological{height:41px!important;min-height:41px!important;padding:0!important;background-image:none!important}.np-history-row.is-chronological h3{top:0!important;left:0!important;width:145px!important;height:41px!important;min-height:41px!important;padding:8px 10px!important;border-radius:0!important;font-size:11px!important}.np-history-row.is-chronological .np-history-event{height:37px!important;min-height:37px!important;top:2px!important;padding:5px 7px 5px 48px!important;border-radius:3px!important;font-size:9px!important}.np-history-row.is-chronological .np-history-event::before{width:42px!important}.np-history-row{min-width:1500px!important}
.np-event-panel{min-height:165px;margin:6px 6px 0!important;padding:13px 360px 13px 320px!important;border-radius:7px!important;background:#f3e5c9!important}.np-history-feature{margin:0!important}.np-history-feature>.wp-block-column:first-child{position:absolute;left:0;top:0;width:300px!important;height:100%;margin:0!important}.np-history-feature>.wp-block-column:first-child figure,.np-history-feature>.wp-block-column:first-child img{width:100%;height:100%;object-fit:cover;margin:0!important}.np-history-feature h2{font-size:26px!important;margin:0!important}.np-history-feature h3{font-size:16px!important;margin:2px 0 7px!important}.np-history-feature p{font-size:10px!important;line-height:1.35!important}.np-ref-detail-meta{position:absolute;right:155px;top:16px;width:180px;display:grid;grid-template-columns:1fr;gap:1px;color:#2b2b27;font-size:9px}.np-ref-detail-meta b{margin-top:5px}.np-event-panel:after{content:"";position:absolute;right:12px;top:10px;width:128px;height:120px;border-radius:5px;background:url("images/history-header.webp") 65% center/cover;box-shadow:inset 0 0 0 1px #aa8a58}.np-history-page:after{content:"NORDIC PLAYTIME   |   Learn from the past. Play for a brighter tomorrow.                                      HISTORY CONNECTS US ALL";display:block;padding:9px 14px;color:#b9c4c8;background:#07131c;font-size:8px;letter-spacing:.4px}
@media(max-width:1000px){.np-history-reference-header nav,.np-ref-search,.np-ref-motto{display:none}.np-history-dashboard{height:auto!important;grid-template-columns:1fr!important}.np-history-filters{grid-template-columns:1fr!important}.np-history-filter-panel{height:auto!important}.np-history-map{min-height:300px!important;height:300px!important}.np-event-panel{padding:18px!important}.np-history-feature>.wp-block-column:first-child,.np-ref-detail-meta,.np-event-panel:after{display:none!important}}

/* 4.1: kontinent-visning som standard, uafhængige kategori-checkpoints og sikker lagdeling. */
.np-history-page .np-history-feature{
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  z-index:0;
}
.np-history-page .np-history-feature>.wp-block-column:first-child{
  z-index:0 !important;
  pointer-events:none;
}
.np-history-page .np-history-feature>.wp-block-column:last-child{
  position:relative;
  z-index:2;
}
.np-history-page .np-history-dashboard,
.np-history-page .np-history-timeline,
.np-history-page .np-timeline-controls{
  position:relative;
  z-index:3;
}
/* "Aldre & kontinenter" er ikke en kategori-checkpoint; kontinenter styres i venstre panel. */
.np-history-field-chips .wp-block-button[hidden]{display:none!important}
/* Tydelig checkbox-status for hvert historisk felt. */
.np-history-field-chips .wp-block-button__link::before{content:""!important}
.np-history-field-chips .wp-block-button.is-active .wp-block-button__link::before{
  content:"✓"!important;display:grid!important;place-items:center!important;
}
/* Mere billedvariation på events: skiftevis historisk panorama og kort, med forskellige udsnit. */
.np-history-page .np-history-row.is-chronological .np-history-event::before{
  opacity:.88!important;background-size:760px 100%!important;
}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(4n+2)::before{
  background-image:url("images/history-map.webp")!important;background-size:420px 100%!important;background-position:15% center!important;
}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(4n+3)::before{
  background-image:url("images/history-header.webp")!important;background-position:28% center!important;
}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(4n+4)::before{
  background-image:url("images/history-map.webp")!important;background-size:520px 100%!important;background-position:78% center!important;
}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(4n+5)::before{
  background-image:url("images/history-header.webp")!important;background-position:82% center!important;
}

/* === 4.2 World History: cleaner continent timeline + larger reference dashboard === */
/* Dashboard uses the full viewport width; filters get room for readable checkpoints. */
.np-history-page .np-history-dashboard{
  grid-template-columns:minmax(680px,46%) minmax(0,54%)!important;
  height:292px!important;
  gap:8px!important;
  padding:8px 8px 0!important;
}
.np-history-page .np-history-filters{
  grid-template-columns:minmax(300px,.95fr) minmax(360px,1.05fr)!important;
  gap:8px!important;
}
.np-history-page .np-history-filter-panel{
  height:276px!important;
  padding:12px 14px!important;
}
.np-history-page .np-history-filter-panel h2{
  margin-bottom:12px!important;
  font-size:16px!important;
}
.np-history-page .np-ref-selects{margin-bottom:12px!important;gap:8px!important}
.np-history-page .np-ref-selects span{height:36px!important;font-size:11px!important}
.np-history-page .np-history-chips{gap:8px!important}
.np-history-page .np-history-field-chips{gap:7px 10px!important}
.np-history-page .np-history-chips .wp-block-button__link{
  min-height:38px!important;padding:9px 9px!important;font-size:10px!important;
}
.np-history-page .np-history-continent-chips .wp-block-button__link{
  min-height:57px!important;padding:20px 10px 10px!important;
}
/* Map gets the same extra height and keeps the complete world visible. */
.np-history-page .np-history-map{
  height:276px!important;min-height:276px!important;
}
.np-history-page .np-history-map img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#062332!important;
}
.np-history-page .np-ref-map-tabs{bottom:7px!important}
/* Category lanes never coexist with continent lanes. Checkpoints remain in the top filter. */
.np-history-page .np-history-timeline .np-history-row:not(.is-ages){display:none!important}
.np-history-page .np-history-timeline.is-field-focus{overflow-x:auto!important}
.np-history-page .np-history-timeline.is-field-focus .np-history-scale{display:block!important}
/* A much wider internal historical canvas: viewport stays fixed, events travel beneath it. */
.np-history-page .np-history-scale,
.np-history-page .np-history-row{
  min-width:5200px!important;
}
.np-history-page .np-history-timeline{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}
.np-history-page .np-history-row.is-chronological h3{
  position:sticky!important;left:0!important;z-index:12!important;
}
@media(max-width:1200px){
  .np-history-page .np-history-dashboard{grid-template-columns:1fr!important;height:auto!important}
  .np-history-page .np-history-filters{grid-template-columns:1fr 1fr!important}
  .np-history-page .np-history-map{height:auto!important;min-height:0!important;aspect-ratio:2/1}
}
@media(max-width:781px){
  .np-history-page .np-history-filters{grid-template-columns:1fr!important}
}

/* === 4.3 World History: single-field mode, corrected map geometry and compact detail === */
/* One category checkpoint at a time. A selected field temporarily replaces the continent lanes. */
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-selected-field{
  display:block!important;
  height:64px!important;min-height:64px!important;
}
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-selected-field h3{
  height:64px!important;min-height:64px!important;padding:20px 12px!important;font-size:12px!important;
}
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-selected-field .np-history-event{
  display:block!important;height:56px!important;min-height:56px!important;top:4px!important;
  padding:9px 10px 8px 64px!important;font-size:10px!important;
}
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-selected-field .np-history-event::before{width:56px!important}

/* Give the reference dashboard more breathing room, with a true 2:1 map so overlay coordinates match the image. */
.np-history-page .np-history-dashboard{grid-template-columns:minmax(660px,43%) minmax(0,57%)!important;height:340px!important}
.np-history-page .np-history-filter-panel{height:324px!important}
.np-history-page .np-history-map{height:auto!important;min-height:0!important;aspect-ratio:2/1!important;align-self:start!important;overflow:hidden!important}
.np-history-page .np-history-map figure,.np-history-page .np-history-map img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;object-fit:fill!important}
/* Labels/pins are now percentages of the actual 2:1 map image, not a letterboxed container. */
.np-history-page .np-map-north-america{left:18.2%!important;top:36%!important}
.np-history-page .np-map-south-america{left:28.2%!important;top:67%!important}
.np-history-page .np-map-europe{left:49.5%!important;top:30%!important}
.np-history-page .np-map-africa{left:49.4%!important;top:57%!important}
.np-history-page .np-map-middle-east{left:59.2%!important;top:47%!important}
.np-history-page .np-map-asia{left:76.2%!important;top:37%!important}
.np-history-page .np-map-oceania{left:82.2%!important;top:72%!important}
.np-history-page .np-map-antarctica{left:48%!important;top:90%!important}
.np-history-page .np-pin-america{left:22.5%!important;top:39.5%!important}
.np-history-page .np-pin-europe{left:51.7%!important;top:31.5%!important}
.np-history-page .np-pin-egypt{left:53.7%!important;top:52.5%!important}
.np-history-page .np-pin-asia{left:77.8%!important;top:40%!important}
/* Selection is a restrained pin/region cue rather than the oversized halo. */
.np-history-page .np-history-map::after{border-width:2px!important;box-shadow:0 0 12px 3px rgba(255,174,51,.55)!important}

/* One compact event-detail row. The old duplicated Gutenberg feature is hidden. */
.np-history-page .np-history-feature{display:none!important}
.np-history-page .np-event-panel{
  display:grid!important;grid-template-columns:220px minmax(0,1fr) 260px!important;
  grid-template-rows:auto auto auto 1fr!important;column-gap:22px!important;align-items:start!important;
  min-height:210px!important;margin:7px 8px 0!important;padding:16px 18px!important;
  border:1px solid #b37a35!important;border-radius:6px!important;background:#f3e5c9!important;
}
.np-history-page .np-event-panel[hidden]{display:none!important}
.np-history-page .np-event-hero{grid-column:1;grid-row:1/5;width:100%;height:178px;border-radius:5px;background:url("images/history-header.webp") center/cover no-repeat;box-shadow:inset 0 0 0 1px #aa8a58}
.np-history-page .np-event-region,.np-history-page .np-event-title,.np-history-page .np-event-period,.np-history-page .np-event-copy{grid-column:2;margin-left:0!important;margin-right:0!important}
.np-history-page .np-event-region{grid-row:1;margin-top:2px!important}
.np-history-page .np-event-title{grid-row:2;font-size:30px!important;line-height:1.05!important}
.np-history-page .np-event-period{grid-row:3}
.np-history-page .np-event-copy{grid-row:4;font-size:12px!important;line-height:1.45!important}
.np-history-page .np-event-source{grid-column:3;grid-row:1/5;align-self:center;margin:0!important;padding:14px!important;background:rgba(255,255,255,.22)}
.np-history-page .np-event-close{right:8px!important;top:8px!important;z-index:5}
/* Global exit/navigation belongs outside the detail card. */
.np-history-page .np-category-nav{position:relative!important;z-index:4!important;width:max-content!important;max-width:calc(100% - 24px)!important;margin:12px auto 2px!important;padding:5px 8px!important;border:1px solid rgba(230,184,106,.55)!important;border-radius:999px!important;background:#071a27!important;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.np-history-page .np-category-nav .wp-block-button__link{padding:7px 11px!important;font-size:11px!important}

@media(max-width:1200px){
  .np-history-page .np-history-dashboard{height:auto!important;grid-template-columns:1fr!important}
  .np-history-page .np-history-map{aspect-ratio:2/1!important}
  .np-history-page .np-event-panel{grid-template-columns:180px minmax(0,1fr)!important}
  .np-history-page .np-event-source{grid-column:2;grid-row:5;margin-top:10px!important}
}
@media(max-width:781px){
  .np-history-page .np-event-panel{display:block!important;padding:14px!important}
  .np-history-page .np-event-panel[hidden]{display:none!important}
  .np-history-page .np-event-hero{height:160px;margin-bottom:12px}
}


/* === 4.4 Reference fidelity: geographic lanes stay fixed under subject lenses === */
/* Never replace the continent names with SCIENCE / WAR / etc. */
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages{display:flex!important;height:76px!important;min-height:76px!important}
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages h3{height:76px!important;min-height:76px!important;padding:27px 12px!important;font-size:12px!important}
.np-history-page .np-history-timeline.is-field-focus .np-history-row:not(.is-ages){display:none!important}
.np-history-page .np-history-timeline.is-field-focus .np-history-event.is-lens-event{display:block!important;height:64px!important;min-height:64px!important;top:6px!important;padding:11px 12px 9px 76px!important;font-size:10px!important;line-height:1.25!important}
.np-history-page .np-history-timeline.is-field-focus .np-history-event.is-lens-event::before{width:68px!important}
/* selected field reads like one exclusive radio/checkpoint */
.np-history-page .np-history-field-chips .wp-block-button.is-active .wp-block-button__link{box-shadow:inset 0 0 0 2px #f4c76c,0 0 0 1px rgba(244,199,108,.25)!important;background:#27424c!important;color:#fff3d3!important}
/* Bring back the museum-style explanatory strip beneath the timeline. */
.np-history-page .np-event-panel{grid-template-columns:minmax(330px,31%) minmax(420px,1fr) minmax(300px,27%)!important;grid-template-rows:auto auto auto 1fr!important;min-height:250px!important;margin:8px 8px 0!important;padding:12px!important;column-gap:18px!important;border:2px solid #c58a3c!important;background:linear-gradient(90deg,#ead6ad 0,#f6e9cf 42%,#ead6ad 100%)!important;box-shadow:inset 0 0 24px rgba(117,72,22,.12)!important}
.np-history-page .np-event-hero{height:222px!important;border-radius:4px!important;background-size:cover!important;position:relative!important}
.np-history-page .np-event-title{font-size:34px!important;margin:2px 0 3px!important;color:#23170e!important}
.np-history-page .np-event-period{font-size:16px!important;font-weight:800!important;color:#4d2c12!important;margin:0 0 7px!important}
.np-history-page .np-event-copy{font-size:13px!important;line-height:1.5!important;max-width:760px!important;color:#2b2118!important}
.np-history-page .np-event-region{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:900!important;color:#8b5419!important}
.np-history-page .np-event-source{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;border-left:1px solid rgba(120,78,31,.3)!important;border-radius:3px!important;background:rgba(255,250,237,.42)!important;color:#2a2016!important}
.np-history-page .np-event-source strong{font-family:Georgia,serif!important;font-size:18px!important}
/* More room for the actual history, as in the supplied reference. */
.np-history-page .np-history-timeline{min-height:510px!important}
.np-history-page .np-history-row{height:76px!important;min-height:76px!important}
.np-history-page .np-history-row.is-chronological h3{height:76px!important;min-height:76px!important;padding:27px 12px!important}
.np-history-page .np-history-row.is-chronological .np-history-event{height:64px!important;min-height:64px!important;top:6px!important;padding-left:76px!important;font-size:10px!important}
.np-history-page .np-history-row.is-chronological .np-history-event::before{width:68px!important}
@media(max-width:1000px){.np-history-page .np-event-panel{grid-template-columns:260px 1fr!important}.np-history-page .np-event-source{grid-column:2!important;grid-row:5!important;border-left:0!important;margin-top:8px!important}.np-history-page .np-event-hero{height:190px!important}}

/* === 4.5 Reference reconstruction: museum timeline === */
.np-history-page .np-history-shell{max-width:1680px!important}
.np-history-page .np-history-dashboard{grid-template-columns:minmax(720px,55%) minmax(600px,45%)!important;height:300px!important;gap:8px!important}
.np-history-page .np-history-filters{grid-template-columns:1fr 1fr!important;gap:8px!important}
.np-history-page .np-history-filter-panel{height:286px!important;padding:12px!important}
.np-history-page .np-history-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
.np-history-page .np-history-continent-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.np-history-page .np-history-chips .wp-block-button{width:100%!important}
.np-history-page .np-history-chips .wp-block-button__link{width:100%!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:6px 9px!important;font-size:10px!important}
.np-history-page .np-history-map{height:286px!important;aspect-ratio:auto!important}
.np-history-page .np-history-map figure,.np-history-page .np-history-map img{object-fit:cover!important}
.np-history-page .np-map-antarctica{display:none!important}
.np-history-page .np-map-north-america{left:18%!important;top:37%!important}.np-history-page .np-map-south-america{left:29%!important;top:67%!important}
.np-history-page .np-map-europe{left:50%!important;top:31%!important}.np-history-page .np-map-africa{left:49%!important;top:58%!important}.np-history-page .np-map-middle-east{left:58%!important;top:48%!important}.np-history-page .np-map-asia{left:77%!important;top:38%!important}.np-history-page .np-map-oceania{left:84%!important;top:72%!important}
.np-history-page .np-pin-america{left:21%!important;top:39%!important}.np-history-page .np-pin-europe{left:51%!important;top:32%!important}.np-history-page .np-pin-egypt{left:53%!important;top:53%!important}.np-history-page .np-pin-asia{left:78%!important;top:40%!important}
.np-history-page .np-timeline-controls{height:48px!important;margin-top:6px!important}.np-history-page .np-history-scale{height:48px!important;background:linear-gradient(#f2dfbb,#ead0a0)!important;border-bottom:1px solid #b67c32!important}
.np-history-page .np-history-timeline{min-height:0!important;height:auto!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important}
.np-history-page .np-history-row,.np-history-page .np-history-row.is-chronological,.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages{height:58px!important;min-height:58px!important}
.np-history-page .np-history-row.is-chronological h3,.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages h3{width:160px!important;height:58px!important;min-height:58px!important;padding:18px 12px!important;font-size:12px!important;z-index:8!important}
.np-history-page .np-history-row.is-chronological .np-history-event,.np-history-page .np-history-timeline.is-field-focus .np-history-event.is-lens-event{height:50px!important;min-height:50px!important;top:4px!important;padding:8px 9px 7px 66px!important;font-size:10px!important;line-height:1.15!important;border-radius:4px!important}
.np-history-page .np-history-row.is-chronological .np-history-event::before,.np-history-page .np-history-timeline.is-field-focus .np-history-event.is-lens-event::before{width:58px!important}
.np-history-page .np-history-row.is-continent-middle-east h3{background:#5d4b37!important}.np-history-page .np-history-row.is-continent-americas h3{background:#287a6d!important}
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages{display:flex!important}.np-history-page .np-history-timeline.is-field-focus .np-history-row:not(.is-ages){display:none!important}
/* Reference-like permanent explanatory strip below the timeline. */
.np-history-page .np-event-panel{display:grid!important;grid-template-columns:minmax(360px,31%) minmax(460px,1fr) minmax(320px,29%)!important;grid-template-rows:auto auto auto 1fr!important;min-height:190px!important;margin:7px 0 0!important;padding:10px!important;column-gap:18px!important;border:1px solid #b47b34!important;border-radius:4px!important;background:#f3e3c3!important}
.np-history-page .np-event-panel[hidden]{display:none!important}.np-history-page .np-event-hero{grid-column:1!important;grid-row:1/5!important;height:170px!important;background:url("images/history-header.webp") 12% center/cover no-repeat!important;border-radius:3px!important}.np-history-page .np-event-region,.np-history-page .np-event-title,.np-history-page .np-event-period,.np-history-page .np-event-copy{grid-column:2!important}.np-history-page .np-event-region{grid-row:1!important;margin:0!important}.np-history-page .np-event-title{grid-row:2!important;font-size:30px!important;margin:1px 0!important}.np-history-page .np-event-period{grid-row:3!important;font-size:15px!important;margin:0 0 4px!important}.np-history-page .np-event-copy{grid-row:4!important;font-size:11px!important;line-height:1.35!important;margin:0!important}.np-history-page .np-event-source{grid-column:3!important;grid-row:1/5!important;align-self:stretch!important;padding:12px!important;margin:0!important}.np-history-page .np-ref-detail-meta{right:160px!important;top:18px!important}.np-history-page .np-category-nav{margin:9px auto 0!important}
@media(max-width:1100px){.np-history-page .np-history-dashboard{grid-template-columns:1fr!important;height:auto!important}.np-history-page .np-history-map{height:300px!important}.np-history-page .np-event-panel{grid-template-columns:260px 1fr!important}.np-history-page .np-event-source{grid-column:2!important;grid-row:5!important}}


/* === 4.6 Learning-platform geography + exclusive subject lenses === */
/* Antarctica is intentionally retained: geography is part of the learning experience. */
.np-history-page .np-map-antarctica{display:block!important;left:49%!important;top:89%!important}
.np-history-page .np-history-row.is-continent-antarctica h3{background:#54798d!important;color:#fff!important}
/* Seven geography choices: keep the compact reference layout without hiding Antarctica/Middle East. */
.np-history-page .np-history-continent-chips .wp-block-button{display:block!important}
.np-history-page .np-history-continent-chips .wp-block-button:first-child{display:none!important}
.np-history-page .np-history-continent-chips{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.np-history-page .np-history-continent-chips .wp-block-button__link{min-height:48px!important;justify-content:center!important;text-align:center!important;padding:8px 5px!important}
/* Every subject gets a visible checkpoint. JS enforces max one selected subject. */
.np-history-page .np-history-field-chips .wp-block-button__link{position:relative!important;padding-right:34px!important}
.np-history-page .np-history-field-chips .wp-block-button__link::after{content:"";position:absolute;right:8px;top:50%;width:15px;height:15px;transform:translateY(-50%);border:2px solid #e58b37;border-radius:1px;background:#071a27;box-sizing:border-box}
.np-history-page .np-history-field-chips .wp-block-button.is-active .wp-block-button__link::after{content:"✓";display:flex;align-items:center;justify-content:center;background:#f0c568;color:#10212b;border-color:#f0c568;font-size:12px;font-weight:900;line-height:1}
/* Keep the selected lens readable while preserving all geographic row labels. */
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-history-page .np-history-timeline.is-field-focus .np-history-event.is-lens-event{box-shadow:inset 0 0 0 1px rgba(244,199,108,.25)}


/* === 4.7 Pixel-pass: locked geography labels, clickable map, richer cards === */
.np-history-page .np-history-dashboard{grid-template-columns:minmax(760px,56%) minmax(0,44%)!important;height:318px!important}
.np-history-page .np-history-filter-panel{height:304px!important}
.np-history-page .np-history-filters{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr)!important;gap:10px!important}
.np-history-page .np-history-continent-chips{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.np-history-page .np-history-continent-chips .wp-block-button__link{min-height:56px!important;padding:8px 10px!important;justify-content:flex-start!important;text-align:left!important;gap:8px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important}
.np-history-page .np-history-field-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.np-history-page .np-history-field-chips .wp-block-button__link{min-height:36px!important;padding:7px 34px 7px 10px!important;font-size:11px!important;gap:8px!important;justify-content:flex-start!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.np-history-page .np-chip-icon{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important;font-size:14px!important;line-height:1!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.np-history-page .np-chip-label{display:inline-block!important}

/* Timeline lanes must stay explicit and readable like the reference. */
.np-history-page .np-history-row,
.np-history-page .np-history-row.is-chronological,
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages{height:64px!important;min-height:64px!important}
.np-history-page .np-history-row.is-chronological h3,
.np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages h3{width:188px!important;height:64px!important;min-height:64px!important;padding:21px 12px!important;font-size:13px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.np-history-page .np-history-row.is-chronological .np-history-event,
.np-history-page .np-history-timeline.is-field-focus .np-history-event.is-lens-event{height:56px!important;min-height:56px!important;top:4px!important;padding:8px 10px 8px 72px!important;font-size:10.5px!important;line-height:1.15!important;border-radius:4px!important;box-shadow:0 3px 10px rgba(0,0,0,.22)!important}
.np-history-page .np-history-row.is-chronological .np-history-event::before,
.np-history-page .np-history-timeline.is-field-focus .np-history-event.is-lens-event::before{width:62px!important;opacity:.95!important;background-size:950px 100%!important;filter:saturate(1.05) contrast(1.04)!important}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(5n+2)::before{background-image:url("images/history-map.webp")!important;background-position:20% center!important;background-size:500px 100%!important}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(5n+3)::before{background-position:34% center!important}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(5n+4)::before{background-image:url("images/history-map.webp")!important;background-position:80% center!important;background-size:580px 100%!important}
.np-history-page .np-history-row.is-chronological .np-history-event:nth-of-type(5n+5)::before{background-position:76% center!important}
.np-history-page .np-history-timeline{overflow-y:hidden!important}

/* Interactive map stage */
.np-history-page .np-history-map{height:304px!important;overflow:hidden!important;cursor:grab}
.np-history-page .np-history-map.is-dragging{cursor:grabbing}
.np-history-page .np-map-stage{position:absolute;inset:0;transform:translate(var(--np-map-pan-x,0px),var(--np-map-pan-y,0px)) scale(var(--np-map-zoom,1));transform-origin:center center;transition:transform .2s ease}
.np-history-page .np-map-stage>*{pointer-events:auto}
.np-history-page .np-history-map figure,.np-history-page .np-history-map img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important}
.np-history-page .np-map-label,.np-history-page .np-map-pin{pointer-events:auto!important;cursor:pointer}
.np-history-page .np-map-label:hover,.np-history-page .np-map-label.is-active{border-color:#ffe1a0!important;background:#132b39!important;color:#fff7e3!important;box-shadow:0 0 0 2px rgba(241,199,111,.28)!important}
.np-history-page .np-map-pin{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.np-history-page .np-map-pin:hover{transform:translateY(-1px) scale(1.08);box-shadow:0 4px 14px rgba(0,0,0,.55)}
.np-history-page .np-map-legend{top:48px!important;right:12px!important;bottom:auto!important;width:142px!important;padding:8px 10px!important}
.np-history-page .np-map-legend p{font-size:10px!important;line-height:1.3!important}
.np-history-page .np-ref-map-tools{right:12px!important;top:12px!important;z-index:20!important}
.np-history-page .np-ref-map-tools button{width:28px!important;height:28px!important;font-size:15px!important;cursor:pointer}
.np-history-page .np-ref-map-tabs{left:18%!important;right:18%!important;bottom:8px!important;height:30px!important;z-index:20!important}
.np-history-page .np-ref-map-tabs>*{padding:8px 5px!important;cursor:pointer;user-select:none}
.np-history-page .np-ref-map-tabs>.is-active,.np-history-page .np-ref-map-tabs>b{background:#f1d69c!important;color:#241b12!important;font-weight:900!important}

/* Header crowding fix in the far top-right. */
.np-history-page .np-history-reference-header .np-ref-search{max-width:360px!important}
.np-history-page .np-history-reference-header .np-ref-icons{right:120px!important}
.np-history-page .np-history-reference-header .np-ref-motto{right:18px!important;max-width:118px!important;text-align:right!important;line-height:1.15!important}

/* Event detail strip closer to the reference with three small images on the right. */
.np-history-page .np-event-panel{grid-template-columns:minmax(360px,30%) minmax(420px,1fr) minmax(330px,30%)!important;grid-template-rows:auto auto auto 1fr auto!important;min-height:228px!important;padding:12px!important}
.np-history-page .np-event-hero{height:182px!important;background-position:18% center!important}
.np-history-page .np-event-region{font-size:11px!important}
.np-history-page .np-event-title{font-size:32px!important;line-height:1.02!important}
.np-history-page .np-event-copy{font-size:12px!important;line-height:1.42!important}
.np-history-page .np-event-gallery{grid-column:3!important;grid-row:1/4!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;align-self:start!important}
.np-history-page .np-event-thumb{aspect-ratio:1/1!important;border:1px solid rgba(126,84,31,.25)!important;border-radius:4px!important;background:url("images/history-header.webp") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.np-history-page .np-event-source{grid-column:3!important;grid-row:4/6!important;padding:12px!important;margin:0!important;align-self:stretch!important}
.np-history-page .np-ref-detail-meta{right:170px!important;top:16px!important}
.np-history-page .np-ref-detail-meta b,.np-history-page .np-ref-detail-meta span{font-size:11px!important}

@media(max-width:1200px){
  .np-history-page .np-history-dashboard{grid-template-columns:1fr!important;height:auto!important}
  .np-history-page .np-history-filters{grid-template-columns:1fr 1fr!important}
  .np-history-page .np-history-map{height:300px!important}
  .np-history-page .np-event-panel{grid-template-columns:260px 1fr!important}
  .np-history-page .np-event-gallery{grid-column:2!important;grid-row:auto!important;margin-top:8px!important}
  .np-history-page .np-event-source{grid-column:2!important;grid-row:auto!important;margin-top:8px!important}
}
@media(max-width:781px){
  .np-history-page .np-history-filters{grid-template-columns:1fr!important}
  .np-history-page .np-history-row.is-chronological h3,
  .np-history-page .np-history-timeline.is-field-focus .np-history-row.is-ages h3{width:146px!important;font-size:11px!important}
  .np-history-page .np-history-continent-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .np-history-page .np-event-gallery{grid-template-columns:repeat(3,1fr)!important}
}


/* === 4.8 Final-design pass: swapped control panels, World+Oceans, focused 6-lane mode === */
/* Match the new target composition: Field of History at left, Geography in the middle. */
.np-history-page .np-history-filters > .np-history-filter-panel:first-child{order:2!important}
.np-history-page .np-history-filters > .np-history-filter-panel:last-child{order:1!important}
.np-history-page .np-history-filters{grid-template-columns:minmax(430px,1.08fr) minmax(360px,.92fr)!important}

/* World should be available as a first-class option, and Oceans is added as a tile. */
.np-history-page .np-history-continent-chips .wp-block-button:first-child{display:block!important}
.np-history-page .np-history-continent-chips{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.np-history-page .np-history-continent-chips .wp-block-button__link{min-height:70px!important;justify-content:center!important;text-align:center!important;padding:10px 8px!important;line-height:1.1!important}
.np-history-page .np-history-continent-chips .np-chip-icon{display:block!important;width:auto!important;height:auto!important;margin:0 auto 6px!important;font-size:24px!important}
.np-history-page .np-history-continent-chips .np-chip-label{display:block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important}
.np-history-page .np-history-continent-chips .wp-block-button.is-active .wp-block-button__link{box-shadow:inset 0 0 0 2px #f1b14b,0 0 24px rgba(255,166,46,.28)!important;background:linear-gradient(180deg,rgba(114,65,25,.95),rgba(64,30,16,.98))!important;color:#fff3ce!important}
.np-history-page .np-history-field-chips .wp-block-button.is-active .wp-block-button__link{background:linear-gradient(180deg,rgba(124,47,15,.98),rgba(81,29,14,.98))!important;box-shadow:inset 0 0 0 2px #f2b457,0 0 24px rgba(255,165,30,.18)!important}

/* Map highlight behavior from the final mockup. */
.np-history-page .np-history-map::after{content:"";position:absolute;z-index:3;border:2px solid #ffc158;border-radius:999px;box-shadow:0 0 14px 4px rgba(255,186,65,.66), inset 0 0 18px rgba(255,186,65,.26);opacity:0;pointer-events:none}
.np-history-page .np-history-map.np-map-active-world::after{left:5%;top:6%;width:90%;height:82%;opacity:1}
.np-history-page .np-history-map.np-map-active-africa::after{left:43%;top:33%;width:18%;height:34%;opacity:1}
.np-history-page .np-history-map.np-map-active-europe::after{left:46%;top:19%;width:14%;height:16%;opacity:1}
.np-history-page .np-history-map.np-map-active-asia::after{left:63%;top:22%;width:23%;height:24%;opacity:1}
.np-history-page .np-history-map.np-map-active-north-america::after{left:10%;top:16%;width:24%;height:24%;opacity:1}
.np-history-page .np-history-map.np-map-active-south-america::after{left:22%;top:42%;width:15%;height:29%;opacity:1}
.np-history-page .np-history-map.np-map-active-americas::after{left:8%;top:14%;width:30%;height:58%;opacity:1}
.np-history-page .np-history-map.np-map-active-middle-east::after{left:55%;top:31%;width:11%;height:18%;opacity:1}
.np-history-page .np-history-map.np-map-active-oceania::after{left:77%;top:56%;width:15%;height:16%;opacity:1}
.np-history-page .np-history-map.np-map-active-antarctica::after{left:26%;top:84%;width:50%;height:10%;opacity:1}
.np-history-page .np-history-map.np-map-active-oceans::after{left:4%;top:7%;width:92%;height:80%;opacity:1;border-style:dashed}
.np-history-page .np-map-oceans{left:86%!important;top:82%!important}

/* Dedicated 6-lane focused mode: one continent/ocean + one category. */
.np-history-page .np-history-timeline.is-combo-focus .np-history-row.is-ages{display:none!important}
.np-history-page .np-history-timeline.is-combo-focus .np-focus-row{display:block!important}
.np-history-page .np-focus-row{position:relative;display:none;height:58px;min-height:58px;padding:5px!important;overflow:hidden;background-image:linear-gradient(to bottom,transparent 50%,rgba(244,213,160,.16) 51%,transparent 52%)}
.np-history-page .np-focus-row h3{position:sticky;left:5px;z-index:8;width:188px;height:48px;min-height:48px;padding:14px 12px!important;margin:0!important;border-radius:4px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.03em;white-space:nowrap;overflow:visible;text-overflow:clip;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.np-history-page .np-focus-row .np-history-event{position:absolute;top:4px;z-index:2;height:50px;min-height:50px;margin:0!important;padding:8px 10px 8px 66px;overflow:hidden;border-radius:4px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.24);font-size:10px;line-height:1.1;background:rgba(49,56,80,.92)}
.np-history-page .np-focus-row .np-history-event::before{content:"";position:absolute;inset:0 auto 0 0;width:58px;opacity:.95;background-image:url("images/history-header.webp");background-position:var(--np-image-position,50%) center;background-size:950px 100%;border-right:1px solid rgba(255,255,255,.22)}
.np-history-page .np-focus-row.focus-lane-1 h3,.np-history-page .np-focus-row.focus-lane-1 .np-history-event{background-color:rgba(138,79,19,.92)}
.np-history-page .np-focus-row.focus-lane-2 h3,.np-history-page .np-focus-row.focus-lane-2 .np-history-event{background-color:rgba(110,85,33,.92)}
.np-history-page .np-focus-row.focus-lane-3 h3,.np-history-page .np-focus-row.focus-lane-3 .np-history-event{background-color:rgba(23,77,141,.92)}
.np-history-page .np-focus-row.focus-lane-4 h3,.np-history-page .np-focus-row.focus-lane-4 .np-history-event{background-color:rgba(125,46,42,.92)}
.np-history-page .np-focus-row.focus-lane-5 h3,.np-history-page .np-focus-row.focus-lane-5 .np-history-event{background-color:rgba(15,103,88,.92)}
.np-history-page .np-focus-row.focus-lane-6 h3,.np-history-page .np-focus-row.focus-lane-6 .np-history-event{background-color:rgba(55,58,132,.92)}

/* Slightly denser event strip, closer to the latest target. */
.np-history-page .np-event-panel{min-height:214px!important}
.np-history-page .np-event-gallery{grid-template-columns:repeat(3,1fr)!important}
.np-history-page .np-event-thumb{aspect-ratio:1.02/1!important}


/* === 4.9 Precision-continent map masks === */
.np-history-page .np-history-map{position:relative;isolation:isolate;overflow:hidden}
.np-history-page .np-history-map .np-map-stage img,
.np-history-page .np-history-map > figure img{transition:filter .22s ease, opacity .22s ease}
.np-history-page .np-history-map[data-active-region]:not([data-active-region="world"]) .np-map-stage img,
.np-history-page .np-history-map[data-active-region]:not([data-active-region="world"]) > figure img{filter:brightness(.42) saturate(.82) contrast(1.02)}
.np-history-page .np-history-map[data-active-region="world"] .np-map-stage img,
.np-history-page .np-history-map[data-active-region="world"] > figure img{filter:brightness(.98) saturate(1.02)}
.np-history-page .np-map-mask-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.np-history-page .np-map-mask{position:absolute;inset:0;opacity:0;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;transition:opacity .22s ease, filter .22s ease, transform .22s ease;mix-blend-mode:screen;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.np-history-page .np-map-mask.is-active{opacity:1;filter:brightness(1.12) saturate(1.28) drop-shadow(0 0 5px rgba(255,194,82,.95)) drop-shadow(0 0 16px rgba(255,173,36,.72));transform:translateZ(0)}
.np-history-page .np-history-map[data-active-region="world"] .np-map-mask.is-active{opacity:.16;filter:brightness(1.02) saturate(1.02)}
.np-history-page .np-map-mask.is-africa{clip-path:polygon(49% 29%,51% 27%,54% 29%,55.5% 32%,58% 33%,59.5% 37%,61.2% 41%,62% 45%,60.7% 48.5%,58.8% 49.5%,58.2% 53%,56.5% 57%,54.5% 60%,53.5% 64.5%,51.8% 70%,49.7% 73.5%,47.2% 70.5%,45.8% 66%,44.7% 60%,43.4% 55.2%,42.5% 49.8%,43.2% 44%,44.4% 40%,45.2% 35%,46.8% 31.8%)}
.np-history-page .np-map-mask.is-europe{clip-path:polygon(46% 17%,49% 15.5%,53% 16%,55.5% 19%,55% 22%,53.2% 23.8%,51.4% 24.5%,50.2% 26.8%,48.5% 28.8%,46.5% 27.5%,45.2% 24.5%,44.6% 20.5%)}
.np-history-page .np-map-mask.is-asia{clip-path:polygon(53.5% 16%,58% 14%,63.5% 15.5%,69% 16.5%,75% 18.5%,80.5% 21.5%,83.5% 27%,85.5% 32%,84.5% 37.5%,82.5% 39.5%,79.5% 39%,77.2% 36.8%,74% 36.5%,72.2% 38.5%,71% 42%,68.5% 45.5%,65.8% 45.5%,63% 43.5%,61% 41%,59.5% 37%,58% 34%,55.8% 33%,54.2% 29%,54% 25%,51.8% 23%,50.8% 20.5%)}
.np-history-page .np-map-mask.is-middle-east{clip-path:polygon(54.5% 28%,57% 28.5%,59.2% 30.5%,60.5% 33.2%,59.8% 36.2%,57.6% 37.5%,55.4% 36.5%,54% 34%,53.6% 30.5%)}
.np-history-page .np-map-mask.is-north-america{clip-path:polygon(8% 13%,13% 12%,18% 13.5%,23.5% 16%,27.8% 21.5%,29% 26.2%,27.2% 29.5%,24.8% 32%,22.8% 34.5%,20.4% 38.5%,18.2% 40.8%,15.5% 41.5%,12.8% 39.5%,10.2% 35.5%,8.4% 30.5%,7.4% 25.2%,6.6% 19.8%)}
.np-history-page .np-map-mask.is-south-america{clip-path:polygon(24.2% 40.5%,27.5% 42%,29.5% 45.2%,30.4% 50%,30% 56.5%,28.8% 63%,27.8% 68.8%,26.4% 73.5%,24.8% 76.8%,22.8% 74.5%,22% 69%,22.6% 62%,23.2% 56%,23.5% 49.8%)}
.np-history-page .np-map-mask.is-americas{clip-path:polygon(7.2% 13.2%,12.8% 12%,18% 13.5%,23.5% 16.2%,27.9% 21.8%,29.1% 26.2%,27.2% 29.6%,24.8% 31.8%,22.8% 34.6%,20.2% 38.6%,18.4% 40.6%,17.8% 43.2%,20.8% 41.8%,24% 40.5%,27.2% 41.4%,29.5% 45.2%,30.4% 50%,30% 56.5%,28.8% 63.5%,27.8% 68.8%,26.4% 73.5%,24.8% 76.8%,22.8% 74.6%,22% 69%,22.4% 61.6%,23.2% 55.6%,23.5% 49.8%,22.8% 44.2%,19.6% 43%,15.4% 41.8%,12.6% 39.6%,9.8% 35.4%,8.2% 30.6%,7.2% 25.2%)}
.np-history-page .np-map-mask.is-oceania{clip-path:polygon(76.8% 54.5%,80.5% 53%,84.2% 54%,87.8% 56.5%,90% 60.2%,89.5% 64.5%,87.5% 66.8%,84.8% 66.2%,82.2% 63.8%,80.2% 62%,78.4% 60.8%,76.8% 57.8%)}
.np-history-page .np-map-mask.is-antarctica{clip-path:polygon(31% 82.5%,40% 81.2%,50% 80.6%,61% 81.2%,70% 82.8%,74.5% 85.2%,70% 89%,60% 90.2%,48% 90.8%,37% 89.5%,29.5% 87.2%,26.8% 84.5%)}
.np-history-page .np-map-mask.is-oceans{opacity:0}.np-history-page .np-history-map[data-active-region="oceans"] .np-map-mask.is-oceans{opacity:1;background:radial-gradient(circle at 50% 46%, rgba(38,116,188,.28), rgba(23,53,87,.08) 52%, rgba(0,0,0,0) 70%);filter:drop-shadow(0 0 14px rgba(80,161,255,.45));clip-path:none}
.np-history-page .np-history-map[data-active-region="oceans"] .np-map-mask:not(.is-oceans){opacity:0}

/* ========================================================================== 
   5.0.0 STABLE WORLD HISTORY PASS
   One state controller, exact image-based continent highlights and reliable
   six-lane focused timelines. These rules intentionally override legacy
   iterations above.
   ========================================================================== */
.np-history-page .np-history-filters > .np-history-filter-panel:first-child{order:2!important}
.np-history-page .np-history-filters > .np-history-filter-panel:last-of-type{order:1!important}
.np-history-page .np-history-dashboard{grid-template-columns:minmax(760px,56%) minmax(0,44%)!important;height:318px!important;gap:8px!important}
.np-history-page .np-history-filters{grid-template-columns:minmax(440px,1.1fr) minmax(360px,.9fr)!important;gap:8px!important}
.np-history-page .np-history-filter-panel{height:304px!important;padding:12px!important;overflow:hidden!important}
.np-history-page .np-ref-selects{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 10px!important}
.np-history-page .np-ref-selects span,.np-history-page .np-ref-selects button{box-sizing:border-box;width:100%;height:36px;margin:0;padding:8px 12px;border:1px solid #496270;border-radius:4px;background:#102b3b;color:#f4ead3;font:700 11px/1.1 system-ui,sans-serif;text-align:left;cursor:default}
.np-history-page .np-ref-selects .np-world-select{cursor:pointer}
.np-history-page .np-ref-selects .np-world-select.is-active{border-color:#e1b568;box-shadow:inset 0 0 0 1px rgba(240,195,109,.35);background:#16384a;color:#fff4d5}

/* final geography set: World is selected through the World control, and the
   tile grid contains the seven continents + oceans. Middle East remains a
   learning/timeline lane, but is not presented as a continent tile. */
.np-history-page .np-history-continent-chips .wp-block-button:has(a[href="#continent-all"]),
.np-history-page .np-history-continent-chips .wp-block-button:has(a[href="#continent-middle-east"]){display:none!important}
.np-history-page .np-history-continent-chips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.np-history-page .np-history-continent-chips .wp-block-button{display:block!important;width:100%!important}
.np-history-page .np-history-continent-chips .wp-block-button__link{box-sizing:border-box;width:100%!important;min-height:72px!important;padding:9px 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:7px!important;text-align:center!important;white-space:normal!important;font-size:10px!important;line-height:1.05!important}
.np-history-page .np-history-continent-chips .wp-block-button__link::before{display:none!important}
.np-history-page .np-history-continent-chips .np-chip-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:22px!important;line-height:1!important}
.np-history-page .np-history-continent-chips .np-chip-label{display:block!important;font-size:10px!important;font-weight:850!important;line-height:1.05!important}
.np-history-page .np-history-continent-chips .wp-block-button.is-active .wp-block-button__link{border-color:#ffba51!important;background:linear-gradient(180deg,#713c1b,#402113)!important;color:#fff6da!important;box-shadow:inset 0 0 0 2px #ffb54b,0 0 16px rgba(255,164,49,.32)!important}

/* Field list: icon at left, one exclusive checkpoint at right. */
.np-history-page .np-history-field-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 9px!important}
.np-history-page .np-history-field-chips .wp-block-button{width:100%!important}
.np-history-page .np-history-field-chips .wp-block-button__link{box-sizing:border-box;width:100%!important;min-height:36px!important;padding:7px 34px 7px 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10.5px!important}
.np-history-page .np-history-field-chips .wp-block-button__link::before{display:none!important}
.np-history-page .np-history-field-chips .np-chip-icon{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important;font-size:14px!important}
.np-history-page .np-history-field-chips .wp-block-button__link::after{content:""!important;position:absolute!important;right:8px!important;top:50%!important;width:15px!important;height:15px!important;transform:translateY(-50%)!important;border:2px solid #d87927!important;border-radius:2px!important;background:#071a27!important;box-sizing:border-box!important}
.np-history-page .np-history-field-chips .wp-block-button.is-active .wp-block-button__link{border-color:#ffb550!important;background:linear-gradient(180deg,#783715,#4a2315)!important;color:#fff4d4!important;box-shadow:inset 0 0 0 2px #ffb550,0 0 15px rgba(255,166,56,.24)!important}
.np-history-page .np-history-field-chips .wp-block-button.is-active .wp-block-button__link::after{content:"✓"!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f4cb79!important;color:#2a2015!important;border-color:#f4cb79!important;font-size:12px!important;font-weight:1000!important}

/* Exact map highlight uses transparent images cut from the actual map. */
.np-history-page .np-history-map{height:304px!important;min-height:304px!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#061d2a!important}
.np-history-page .np-history-map::after{display:none!important}
.np-history-page .np-history-map .np-map-stage{position:absolute!important;inset:0!important;z-index:1!important;transform-origin:center center!important;transition:transform .16s ease!important}
.np-history-page .np-history-map .np-map-stage figure{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;z-index:0!important}
.np-history-page .np-history-map .np-map-stage figure img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:filter .2s ease!important}
.np-history-page .np-history-map[data-active-region]:not([data-active-region="world"]) .np-map-stage figure img{filter:brightness(.42) saturate(.78) contrast(1.03)!important}
.np-history-page .np-history-map[data-active-region="world"] .np-map-stage figure img{filter:brightness(1) saturate(1)!important}
.np-history-page .np-map-region-overlay{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease,filter .2s ease!important;filter:drop-shadow(0 0 5px rgba(255,183,57,.9)) drop-shadow(0 0 11px rgba(255,151,22,.58))!important}
.np-history-page .np-map-region-overlay.is-active{opacity:1!important}
.np-history-page .np-history-map[data-active-region="world"] .np-map-region-overlay{opacity:0!important}
.np-history-page .np-map-label{z-index:7!important;pointer-events:auto!important;cursor:pointer!important}
.np-history-page .np-map-pin{z-index:8!important;pointer-events:auto!important;cursor:pointer!important}
.np-history-page .np-map-label.is-active{border-color:#ffbe55!important;background:#152a32!important;color:#fff4d3!important;box-shadow:0 0 0 2px rgba(255,184,68,.28),0 0 14px rgba(255,165,34,.25)!important}
.np-history-page .np-map-middle-east{display:none!important}
.np-history-page .np-map-oceans{left:85%!important;top:82%!important;border-color:#2ca6e8!important;color:#e5f8ff!important}
.np-history-page .np-ref-map-tools{z-index:20!important;right:10px!important;top:10px!important;display:grid!important;gap:4px!important}
.np-history-page .np-ref-map-tools button{width:27px!important;height:27px!important;cursor:pointer!important}
.np-history-page .np-ref-map-tabs{z-index:20!important;left:19%!important;right:19%!important;bottom:7px!important;height:29px!important}
.np-history-page .np-ref-map-tabs>*{cursor:pointer!important;user-select:none!important}
.np-history-page .np-ref-map-tabs .is-active,.np-history-page .np-ref-map-tabs b.is-active{background:#efd39b!important;color:#2b1d12!important;font-weight:900!important}

/* Timeline ruler / viewport. */
.np-history-page .np-timeline-controls{height:46px!important;margin:6px 0 0!important;padding:5px 8px!important;border-radius:0!important;border:1px solid #b57b34!important;background:#ecd7ae!important;color:#231c15!important}
.np-history-page .np-timeline-tools{width:100%!important;justify-content:space-between!important}
.np-history-page .np-timeline-search{width:300px!important;height:30px!important;min-height:30px!important;padding:4px 11px!important;border-color:#bca276!important;background:#fff9ec!important;color:#252019!important;font-size:10px!important}
.np-history-page .np-timeline-arrow,.np-history-page .np-timeline-today{height:30px!important;min-height:30px!important;border-radius:4px!important}
.np-history-page .np-history-timeline{width:100%!important;min-height:0!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;border-radius:0!important;border-color:#b57b34!important;background:#061a27!important;scrollbar-color:#d8a04c #071a27!important}
.np-history-page .np-history-scale{position:relative!important;display:block!important;width:3200px!important;min-width:3200px!important;height:48px!important;margin:0!important;padding:0!important;background:linear-gradient(#f1dfbd,#ead0a0)!important;border-bottom:1px solid #b77b33!important}
.np-history-page .np-history-scale p{position:absolute!important;top:29px!important;width:max-content!important;margin:0!important;transform:translateX(-50%)!important;color:#3d2d1e!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important}
.np-history-page .np-history-scale::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(97,60,27,.11),transparent 65%),url("images/history-header.webp") center 29%/auto 150px no-repeat;opacity:.22;pointer-events:none}

/* Reliable geography lanes: legacy hide rules are superseded here. */
.np-history-page .np-history-timeline .np-history-row{position:relative!important;display:block!important;width:3200px!important;min-width:3200px!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important;background-image:none!important}
.np-history-page .np-history-timeline .np-history-row.np-mode-hidden{display:none!important}
.np-history-page .np-history-timeline .np-history-row h3{position:sticky!important;left:0!important;top:0!important;z-index:12!important;box-sizing:border-box!important;width:188px!important;height:58px!important;min-height:58px!important;margin:0!important;padding:19px 12px!important;border-radius:0!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;line-height:1.1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;box-shadow:7px 0 15px rgba(0,0,0,.22)!important}
.np-history-page .np-history-timeline .np-history-event{position:absolute!important;z-index:3!important;box-sizing:border-box!important;height:50px!important;min-height:50px!important;margin:0!important;padding:8px 9px 7px 65px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:4px!important;color:#fff!important;font-size:10px!important;line-height:1.15!important;text-shadow:0 1px 2px #000!important;cursor:pointer!important;box-shadow:0 3px 8px rgba(0,0,0,.25)!important}
.np-history-page .np-history-timeline .np-history-event::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:57px!important;opacity:.92!important;background:url("images/history-header.webp") var(--np-image-position,50%) center/950px 100% no-repeat!important;border-right:1px solid rgba(255,255,255,.2)!important;mix-blend-mode:normal!important}
.np-history-page .np-history-timeline .np-history-event:nth-of-type(3n+1)::before{background-image:url("images/history-map.webp")!important;background-size:520px 100%!important}
.np-history-page .np-history-timeline .np-history-event:nth-of-type(4n+2)::before{background-position:24% center!important}
.np-history-page .np-history-timeline .np-history-event:nth-of-type(5n+3)::before{background-position:78% center!important}
.np-history-page .np-history-timeline .np-history-event.np-search-hidden{display:none!important}
.np-history-page .np-history-timeline .np-history-event:hover,.np-history-page .np-history-timeline .np-history-event.is-active{border-color:#f2c66f!important;filter:brightness(1.12)!important;box-shadow:0 0 0 1px #f2c66f,0 3px 9px rgba(0,0,0,.28)!important}

/* Six-lane focused mode: always visible when geography + one field are selected. */
.np-history-page .np-history-timeline .np-focus-row{display:none!important}
.np-history-page .np-history-timeline.is-focus-mode .np-focus-row:not(.np-mode-hidden){display:block!important}
.np-history-page .np-history-timeline.is-focus-mode .np-focus-row h3{padding:18px 9px!important;font-size:11px!important;letter-spacing:.025em!important}
.np-history-page .np-focus-row.focus-lane-1 h3,.np-history-page .np-focus-row.focus-lane-1 .np-history-event{background-color:#8b5118!important}
.np-history-page .np-focus-row.focus-lane-2 h3,.np-history-page .np-focus-row.focus-lane-2 .np-history-event{background-color:#6c5727!important}
.np-history-page .np-focus-row.focus-lane-3 h3,.np-history-page .np-focus-row.focus-lane-3 .np-history-event{background-color:#235f96!important}
.np-history-page .np-focus-row.focus-lane-4 h3,.np-history-page .np-focus-row.focus-lane-4 .np-history-event{background-color:#7f3833!important}
.np-history-page .np-focus-row.focus-lane-5 h3,.np-history-page .np-focus-row.focus-lane-5 .np-history-event{background-color:#1d7669!important}
.np-history-page .np-focus-row.focus-lane-6 h3,.np-history-page .np-focus-row.focus-lane-6 .np-history-event{background-color:#51468e!important}

/* Permanent museum detail strip. */
.np-history-page .np-history-feature{display:none!important}
.np-history-page .np-event-panel{position:relative!important;display:grid!important;grid-template-columns:minmax(350px,30%) minmax(430px,1fr) minmax(330px,30%)!important;grid-template-rows:auto auto auto 1fr!important;column-gap:18px!important;min-height:210px!important;margin:7px 0 0!important;padding:10px!important;border:1px solid #b77c35!important;border-radius:4px!important;color:#271b12!important;background:#f2e1bf!important;box-shadow:inset 0 0 22px rgba(109,68,24,.08)!important}
.np-history-page .np-event-hero{grid-column:1!important;grid-row:1/5!important;height:188px!important;border-radius:3px!important;background:url("images/history-header.webp") 12% center/cover no-repeat!important}
.np-history-page .np-event-region,.np-history-page .np-event-title,.np-history-page .np-event-period,.np-history-page .np-event-copy{grid-column:2!important;margin-left:0!important;margin-right:0!important}
.np-history-page .np-event-region{grid-row:1!important;margin:2px 0 0!important;color:#8b551d!important;font-size:11px!important;font-weight:900!important;letter-spacing:.1em!important}
.np-history-page .np-event-title{grid-row:2!important;margin:2px 0!important;color:#25170d!important;font:700 30px/1.02 Georgia,serif!important}
.np-history-page .np-event-period{grid-row:3!important;margin:0 0 5px!important;color:#472a14!important;font-size:14px!important;font-weight:850!important}
.np-history-page .np-event-copy{grid-row:4!important;margin:0!important;max-width:720px!important;color:#2b2119!important;font-size:11px!important;line-height:1.4!important}
.np-history-page .np-ref-detail-meta{position:absolute!important;right:354px!important;top:14px!important;width:180px!important;display:grid!important;grid-template-columns:1fr!important;gap:1px!important;color:#2c2117!important;font-size:9px!important;line-height:1.2!important}
.np-history-page .np-ref-detail-meta b{margin-top:4px!important}
.np-history-page .np-event-gallery{grid-column:3!important;grid-row:1/3!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;align-self:start!important}
.np-history-page .np-event-thumb{aspect-ratio:1/1!important;border:1px solid rgba(109,72,31,.32)!important;border-radius:3px!important;background:center/cover no-repeat!important}
.np-history-page .np-event-source{grid-column:3!important;grid-row:3/5!important;align-self:stretch!important;margin:8px 0 0!important;padding:10px!important;border-left:1px solid rgba(107,72,31,.25)!important;background:rgba(255,250,238,.45)!important;color:#2a2016!important}
.np-history-page .np-event-source strong{display:block!important;margin-bottom:6px!important;font:700 17px/1.1 Georgia,serif!important}
.np-history-page .np-event-source span{font-size:9.5px!important;line-height:1.35!important}

@media(max-width:1200px){
  .np-history-page .np-history-dashboard{grid-template-columns:1fr!important;height:auto!important}
  .np-history-page .np-history-filters{grid-template-columns:1fr 1fr!important}
  .np-history-page .np-history-map{height:300px!important}
  .np-history-page .np-event-panel{grid-template-columns:260px 1fr!important}
  .np-history-page .np-event-gallery,.np-history-page .np-event-source{grid-column:2!important;position:static!important}
  .np-history-page .np-ref-detail-meta{display:none!important}
}
@media(max-width:781px){
  .np-history-page .np-history-filters{grid-template-columns:1fr!important}
  .np-history-page .np-history-continent-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .np-history-page .np-history-field-chips{grid-template-columns:1fr!important}
  .np-history-page .np-event-panel{display:block!important}
  .np-history-page .np-event-hero{height:170px!important;margin-bottom:10px!important}
  .np-history-page .np-event-gallery{margin-top:10px!important}
}
/* Geographic tile colors from the final mockup. */
.np-history-page .np-history-continent-chips a[href="#continent-africa"]{background:#70401c!important}
.np-history-page .np-history-continent-chips a[href="#continent-europe"]{background:#133b62!important}
.np-history-page .np-history-continent-chips a[href="#continent-asia"]{background:#5d2b29!important}
.np-history-page .np-history-continent-chips a[href="#continent-north-america"]{background:#154d49!important}
.np-history-page .np-history-continent-chips a[href="#continent-south-america"]{background:#155a4d!important}
.np-history-page .np-history-continent-chips a[href="#continent-oceania"]{background:#40356f!important}
.np-history-page .np-history-continent-chips a[href="#continent-antarctica"]{background:#465d6b!important}
.np-history-page .np-history-continent-chips a[href="#continent-oceans"]{background:#0d415b!important}


/* === v5.1.0 refinement pass === */
/* Slightly larger top composition so the map, labels and Antarctica breathe more. */
.np-history-page .np-history-dashboard{grid-template-columns:minmax(790px,56%) minmax(0,44%)!important;height:334px!important;gap:10px!important}
.np-history-page .np-history-filters{grid-template-columns:minmax(456px,1.12fr) minmax(372px,.88fr)!important;gap:10px!important}
.np-history-page .np-history-filter-panel{height:320px!important;padding:14px 14px 12px!important}
.np-history-page .np-history-map{height:320px!important;min-height:320px!important}
.np-history-page .np-history-map .np-map-stage{overflow:hidden!important}
/* Use a guaranteed background copy of the world map so the rest of the world remains visible/translucent. */
.np-history-page .np-history-map .np-map-stage::before{content:"";position:absolute;inset:0;z-index:0;background:url("images/history-map.webp") center 44%/cover no-repeat;opacity:1;transition:opacity .2s ease,filter .2s ease}
.np-history-page .np-history-map .np-map-stage figure{display:none!important}
.np-history-page .np-history-map[data-active-region]:not([data-active-region="world"]) .np-map-stage::before{opacity:.78;filter:brightness(.58) saturate(.80) contrast(1.02)}
.np-history-page .np-history-map[data-active-region="world"] .np-map-stage::before{opacity:1;filter:none}
.np-history-page .np-history-map .np-map-region-overlay{object-position:center 44%!important}
.np-history-page .np-history-map .np-ref-map-tabs{left:17%!important;right:17%!important;bottom:8px!important;height:31px!important}
.np-history-page .np-history-map .np-ref-map-tabs>*{font-size:10px!important}
.np-history-page .np-history-map .np-ref-map-tools{right:12px!important;top:12px!important}
/* Focus lane labels: wider + more robust sticky behavior while horizontally scrolling. */
.np-history-page .np-history-timeline .np-history-row{overflow-x:visible!important;overflow-y:hidden!important}
.np-history-page .np-history-timeline .np-history-row h3{left:0!important;z-index:30!important;width:206px!important;min-width:206px!important;padding:18px 12px!important;box-shadow:8px 0 18px rgba(0,0,0,.30)!important;transform:translateZ(0)!important}
.np-history-page .np-history-timeline.is-focus-mode .np-focus-row h3{font-size:12px!important;letter-spacing:.02em!important}
.np-history-page .np-history-timeline .np-focus-row h3 .np-lane-short{display:none!important}
/* Keep all map labels comfortably visible after the slightly taller map. */
.np-history-page .np-map-oceans{left:84.2%!important;top:81.5%!important}
@media(max-width:1200px){
  .np-history-page .np-history-dashboard{grid-template-columns:1fr!important;height:auto!important}
  .np-history-page .np-history-filter-panel,.np-history-page .np-history-map{height:auto!important;min-height:300px!important}
}


/* === 5.4.0 history-only fixes: translucent world + truly sticky lane names === */
/* Keep the complete world visible beneath an isolated continent. The selected
   continent is still rendered from the exact transparent cutout image. */
.np-history-page .np-history-map .np-map-stage::before{display:none!important}
.np-history-page .np-history-map .np-map-stage figure{display:block!important;position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;margin:0!important;pointer-events:none!important}
.np-history-page .np-history-map .np-map-stage figure img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 44%!important;opacity:1!important;filter:none!important;transition:opacity .22s ease,filter .22s ease!important}
.np-history-page .np-history-map[data-active-region]:not([data-active-region="world"]) .np-map-stage figure img{opacity:.46!important;filter:brightness(.68) saturate(.72) contrast(.96)!important}
.np-history-page .np-history-map[data-active-region="world"] .np-map-stage figure img{opacity:1!important;filter:none!important}
.np-history-page .np-history-map .np-map-region-overlay{z-index:2!important;opacity:0!important;background:transparent!important}
.np-history-page .np-history-map .np-map-region-overlay.is-active{opacity:1!important}

/* Sticky row names must use the timeline itself as their scroll container.
   Any overflow on the lane breaks position:sticky in Chromium. */
.np-history-page .np-history-timeline .np-history-row,
.np-history-page .np-history-timeline .np-focus-row{overflow:visible!important}
.np-history-page .np-history-timeline{overflow-x:auto!important;overflow-y:clip!important;position:relative!important}
.np-history-page .np-history-timeline .np-history-row h3,
.np-history-page .np-history-timeline .np-focus-row h3{position:sticky!important;left:0!important;top:0!important;z-index:60!important;width:206px!important;min-width:206px!important;max-width:206px!important;box-sizing:border-box!important;box-shadow:10px 0 18px rgba(0,0,0,.34)!important;will-change:transform!important}

/* Slightly stronger separation so the fixed labels remain readable over cards. */
.np-history-page .np-history-timeline.is-focus-mode .np-focus-row h3{border-right:2px solid rgba(244,198,111,.55)!important}

/* === v5.5 visual match pass === */
.np-history-page .np-history-shell{
  max-width:1680px!important;
  padding-bottom:14px!important;
}
.np-history-page .np-history-dashboard{
  grid-template-columns:minmax(860px,58%) minmax(0,42%)!important;
  gap:12px!important;
  height:358px!important;
  padding:10px 10px 0!important;
}
.np-history-page .np-history-filters{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.np-history-page .np-history-filter-panel{
  height:344px!important;
  padding:15px 15px 14px!important;
  border:1px solid rgba(215,164,89,.92)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(6,31,45,.98),rgba(5,24,36,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(255,224,162,.08),0 10px 26px rgba(0,0,0,.28)!important;
}
.np-history-page .np-history-filter-panel h2{
  margin:0 0 10px!important;
  color:#f2d7a2!important;
  font:800 18px/1.05 Georgia,serif!important;
  letter-spacing:.02em!important;
}
.np-history-page .np-history-filter-panel h2::after{
  content:"☑ Show on board"!important;
  color:#f2d7a2!important;
  opacity:.95!important;
  font:700 11px/1 system-ui,sans-serif!important;
}
.np-history-page .np-ref-selects{gap:8px!important;margin-bottom:10px!important}
.np-history-page .np-ref-selects span{
  height:38px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  border:1px solid rgba(102,128,144,.9)!important;
  background:#103045!important;
  color:#f7fafc!important;
  font-size:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.np-history-page .np-history-chips{
  gap:10px!important;
}
.np-history-page .np-history-chips .wp-block-button{
  flex:0 0 calc(50% - 5px)!important;
  margin:0!important;
}
.np-history-page .np-history-chips .wp-block-button__link{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:46px!important;
  width:100%!important;
  padding:11px 12px!important;
  border-radius:8px!important;
  border:1px solid rgba(208,154,82,.58)!important;
  color:#eef5f8!important;
  font-size:13px!important;
  font-weight:800!important;
  background:rgba(12,42,58,.94)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.np-history-page .np-history-chips .wp-block-button__link:hover,
.np-history-page .np-history-chips .wp-block-button__link:focus{
  transform:translateY(-1px)!important;
  border-color:#ffd484!important;
  box-shadow:0 0 0 1px rgba(255,212,132,.25),0 6px 16px rgba(0,0,0,.18)!important;
}
.np-history-page .np-history-continent-chips .wp-block-button__link{
  font-size:12px!important;
}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(1) .wp-block-button__link::before{content:"♛";color:#f0c26c;font-size:16px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(2) .wp-block-button__link::before{content:"⚔";color:#ff9f5a;font-size:16px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(3) .wp-block-button__link::before{content:"⚗";color:#78cbff;font-size:16px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(4) .wp-block-button__link::before{content:"✚";color:#72d9ba;font-size:15px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(5) .wp-block-button__link::before{content:"⚙";color:#c7d2dc;font-size:16px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(6) .wp-block-button__link::before{content:"✝";color:#f0988d;font-size:15px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(7) .wp-block-button__link::before{content:"⌂";color:#f2dab1;font-size:15px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(8) .wp-block-button__link::before{content:"¤";color:#e5b15b;font-size:15px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(9) .wp-block-button__link::before{content:"✿";color:#db93c8;font-size:16px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(10) .wp-block-button__link::before{content:"⌲";color:#5ec8dd;font-size:15px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(11) .wp-block-button__link::before{content:"☼";color:#d8c486;font-size:15px}
.np-history-page .np-history-field-chips .wp-block-button:nth-child(12) .wp-block-button__link::before{content:"❃";color:#7fdaad;font-size:15px}
.np-history-page .np-history-map{
  height:344px!important;
  min-height:344px!important;
  border-radius:12px!important;
  border:1px solid rgba(215,164,89,.92)!important;
  background:radial-gradient(circle at 50% 20%,rgba(17,58,83,.75),rgba(3,23,35,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(255,224,162,.08),0 10px 26px rgba(0,0,0,.28)!important;
}
.np-history-page .np-history-map .np-map-stage figure img,
.np-history-page .np-history-map .np-map-region-overlay{
  object-position:center 46%!important;
}
.np-history-page .np-history-map[data-active-region]:not([data-active-region="world"]) .np-map-stage figure img{
  opacity:.22!important;
  filter:brightness(.58) saturate(.65) contrast(.95)!important;
}
.np-history-page .np-history-map[data-active-region="world"] .np-map-stage figure img,
.np-history-page .np-history-map:not([data-active-region]) .np-map-stage figure img{
  opacity:1!important;
  filter:none!important;
}
.np-history-page .np-map-region-overlay{
  background:transparent!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 4px rgba(255,200,92,.9)) drop-shadow(0 0 12px rgba(255,153,0,.45))!important;
}
.np-history-page .np-map-label{
  padding:6px 12px!important;
  border:1px solid rgba(244,213,160,.92)!important;
  border-radius:999px!important;
  color:#fff8e9!important;
  background:rgba(9,28,42,.92)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  box-shadow:0 4px 10px rgba(0,0,0,.38)!important;
}
.np-history-page .np-map-label.is-active{
  border-color:#ffd587!important;
  background:rgba(18,39,52,.96)!important;
  box-shadow:0 0 0 2px rgba(255,198,87,.24),0 0 14px rgba(255,161,34,.24)!important;
}
.np-history-page .np-map-pin{width:15px!important;height:15px!important}
.np-history-page .np-map-legend{
  top:16px!important;
  right:14px!important;
  width:160px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  border:1px solid rgba(224,179,100,.8)!important;
  background:rgba(5,20,31,.9)!important;
}
.np-history-page .np-map-legend p{font-size:11px!important;line-height:1.4!important}
.np-history-page .np-ref-map-tabs{
  left:10%!important;
  right:10%!important;
  bottom:12px!important;
  height:34px!important;
  border-radius:9px!important;
  font-size:10px!important;
  background:rgba(7,28,42,.95)!important;
}
.np-history-page .np-ref-map-tabs>*{padding:10px 4px!important}
.np-history-page .np-ref-map-tools{right:12px!important;top:12px!important;gap:6px!important}
.np-history-page .np-ref-map-tools button{width:28px!important;height:28px!important;font-size:16px!important;border-radius:7px!important}

.np-history-page .np-timeline-controls{
  height:52px!important;
  margin:8px 0 0!important;
  padding:7px 12px!important;
  border:1px solid #bb8340!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#f0dfbd,#e4cb9a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.np-history-page .np-history-scale{
  width:3600px!important;
  min-width:3600px!important;
  height:56px!important;
  border-top:1px solid rgba(122,79,29,.18)!important;
  border-bottom:1px solid #ba7c33!important;
  background:
    linear-gradient(to top,rgba(97,60,27,.10),transparent 70%),
    linear-gradient(90deg,rgba(110,72,30,.18) 1px,transparent 1px),
    linear-gradient(180deg,#f3e4c5,#ead3a7)!important;
  background-size:auto,4% 100%,auto!important;
}
.np-history-page .np-history-scale::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("images/history-header.webp") center 28%/auto 170px no-repeat;
  opacity:.16;
  pointer-events:none;
}
.np-history-page .np-history-scale::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  background:repeating-linear-gradient(90deg,transparent 0 calc(4% - 1px),rgba(70,45,20,.08) calc(4% - 1px) 4%);
  pointer-events:none;
}
.np-history-page .np-history-scale p{
  top:30px!important;
  color:#4a331f!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.np-history-page .np-history-timeline .np-history-row,
.np-history-page .np-history-timeline .np-focus-row{width:3600px!important;min-width:3600px!important}
.np-history-page .np-history-timeline .np-history-row{min-height:62px!important;height:62px!important}
.np-history-page .np-history-timeline .np-history-event{
  height:56px!important;
  min-height:56px!important;
  padding:10px 10px 8px 76px!important;
  border-radius:6px!important;
  font-size:11px!important;
  line-height:1.15!important;
}
.np-history-page .np-history-timeline .np-history-event::before{
  width:68px!important;
  background-size:1100px 100%!important;
  border-right:1px solid rgba(255,255,255,.24)!important;
}
.np-history-page .np-history-timeline .np-history-event:hover,
.np-history-page .np-history-timeline .np-history-event.is-active{
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 1px #f2c66f,0 6px 16px rgba(0,0,0,.34)!important;
}
.np-history-page .np-focus-row{height:66px!important;min-height:66px!important;padding:5px 0!important}
.np-history-page .np-history-timeline .np-focus-row h3{
  left:0!important;
  width:228px!important;
  min-width:228px!important;
  max-width:228px!important;
  height:56px!important;
  min-height:56px!important;
  padding:18px 14px 18px 18px!important;
  border-right:2px solid rgba(244,198,111,.5)!important;
  border-radius:0 6px 6px 0!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  box-shadow:10px 0 18px rgba(0,0,0,.38)!important;
}
.np-history-page .np-history-timeline .np-focus-row h3::before{
  content:"✦";
  display:inline-block;
  margin-right:9px;
  color:#ffe0a0;
  font-size:14px;
}
.np-history-page .np-history-timeline .np-focus-row .np-history-event{
  height:54px!important;
  min-height:54px!important;
  padding:10px 10px 8px 74px!important;
  border-radius:6px!important;
  font-size:11px!important;
}

.np-history-page .np-event-panel{
  grid-template-columns:minmax(420px,31%) minmax(500px,1fr) minmax(360px,29%)!important;
  grid-template-rows:auto auto auto 1fr auto!important;
  column-gap:20px!important;
  min-height:260px!important;
  margin:12px 0 0!important;
  padding:16px!important;
  border:1px solid #bc8240!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#f4e4c3,#efd9b0)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 10px 28px rgba(0,0,0,.18)!important;
}
.np-history-page .np-event-hero{
  height:228px!important;
  border-radius:6px!important;
  background-position:16% center!important;
  box-shadow:inset 0 0 0 1px rgba(170,138,88,.85)!important;
}
.np-history-page .np-event-region{font-size:12px!important;letter-spacing:.11em!important;color:#8c581d!important}
.np-history-page .np-event-title{font:700 36px/1.02 Georgia,serif!important;color:#25170d!important}
.np-history-page .np-event-period{font-size:17px!important;font-weight:800!important;color:#3e2b1d!important}
.np-history-page .np-event-copy{font-size:14px!important;line-height:1.55!important;color:#32241b!important;max-width:760px!important}
.np-history-page .np-ref-detail-meta{
  position:static!important;
  grid-column:2!important;
  grid-row:5!important;
  width:auto!important;
  display:grid!important;
  grid-template-columns:170px 1fr!important;
  gap:6px 16px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(120,80,34,.18)!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.np-history-page .np-ref-detail-meta b{margin:0!important;color:#2b1f15!important}
.np-history-page .np-ref-detail-meta span{color:#47362a!important}
.np-history-page .np-event-gallery{
  grid-column:3!important;
  grid-row:1/3!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.np-history-page .np-event-thumb{
  aspect-ratio:1/1!important;
  border-radius:6px!important;
  box-shadow:inset 0 0 0 1px rgba(172,140,93,.92)!important;
  background-size:cover!important;
}
.np-history-page .np-event-source{
  grid-column:3!important;
  grid-row:3/6!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:14px!important;
  border-radius:6px!important;
  border:1px dashed rgba(110,75,37,.34)!important;
  background:rgba(255,251,242,.56)!important;
}
.np-history-page .np-event-source strong{font:700 20px/1.1 Georgia,serif!important;color:#2f2217!important}
.np-history-page .np-event-source span{font-size:13px!important;line-height:1.48!important;color:#433025!important}

@media (max-width: 1200px){
  .np-history-page .np-history-dashboard{grid-template-columns:1fr!important;height:auto!important}
  .np-history-page .np-history-filter-panel,.np-history-page .np-history-map{height:auto!important;min-height:320px!important}
  .np-history-page .np-event-panel{grid-template-columns:1fr!important}
  .np-history-page .np-event-gallery,.np-history-page .np-event-source,.np-history-page .np-ref-detail-meta,.np-history-page .np-event-region,.np-history-page .np-event-title,.np-history-page .np-event-period,.np-history-page .np-event-copy{grid-column:1!important}
  .np-history-page .np-event-hero{grid-row:auto!important;height:200px!important}
}