/* 2026-10-08: Caractacus article only. Implements CELTIC_ARTICLE_STYLE_GUIDE.md.
   Shared navigation, bookshop styles and historical content remain independent. */
@font-face { font-family: "Source Serif 4"; src: url('/Fonts/SourceSerif4-latin-variable-v4.004.woff2') format('woff2'); font-style: normal; font-weight: 200 900; font-display: swap; }
@font-face { font-family: "Llyfr Du"; src: url('/Fonts/LlyfrDu-Ink-Test.woff2?v=29') format('woff2') tech(color-COLRv1),url('/Fonts/LlyfrDu-Test.woff2?v=29') format('woff2'); font-display: swap; }
.druids-content-page { margin: 0; background: #fff; }
.druids-content-page #top-navigation { position: relative !important; display: flex; align-items: center; width: 100%; max-width: none; height: 63px !important; min-height: 63px !important; margin: 0; padding: 0 clamp(16px,2.3vw,50px) !important; box-sizing: border-box; background: linear-gradient(100deg,#163e2b,#071e15 65%,#123625) !important; }
.druids-content-page #top-navigation::before,.druids-content-page #top-navigation::after { content: none; }
.druids-content-page #top-navigation > .druids-site-brand { display: flex; align-items: center; gap: 14px; margin: 0 !important; padding: 0; flex: 0 0 auto; text-decoration: none; letter-spacing: 0; }
.druids-content-page #top-navigation .druids-site-brand #logo { position: static !important; display: flex; align-items: center; margin: 0 !important; padding: 0; width: auto; transform: none !important; }
.druids-content-page .druids-site-brand #logo > span { margin-right: 2px; padding: 5px 6px; font-size: 13px; }
.druids-content-page .druids-site-brand__wordmark { color: #f7efdf; font: 425 clamp(27px,1.9vw,40px)/1 "Source Serif 4",Georgia,serif; letter-spacing: .005em; white-space: nowrap; }
.druids-content-page .druids-site-brand__wordmark small { display: block; margin-top: 4px; color: #d6c6a0; font: 8px/1.2 Arial,sans-serif; letter-spacing: .16em; }
.druids-content-page #top-navigation > nav > ul > li > a.celt-nav { background: #365e43 !important; }
.druids-content-page #top-navigation > nav > ul > li > a.roman-nav { background: linear-gradient(160deg,#a52d2e,#7e2025) !important; }
.druids-content-page #top-navigation > nav > ul > li:hover { background: #254c36; }
@media (min-width: 901px) {
 .druids-content-page #top-navigation > nav { position: static; flex: 0 0 auto; min-width: 0; width: auto !important; height: 63px; margin: 0 0 0 auto !important; padding: 0 0 0 24px !important; box-shadow: none; overflow: visible; }
 .druids-content-page #top-navigation > nav > ul { position: static; display: flex !important; align-items: center !important; justify-content: flex-end; gap: 12px; height: 63px !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; }
 .druids-content-page #top-navigation > nav > ul > li { position: static; float: none; display: block; flex: 0 0 auto; width: auto !important; height: 40px !important; min-height: 0 !important; padding: 0 !important; margin: 0; background: none; transform: none !important; }
 .druids-content-page #top-navigation > nav > ul > li > a { position: static !important; display: block !important; box-sizing: border-box; width: auto !important; height: 40px !important; min-height: 0 !important; padding: 11px 28px !important; margin: 0 !important; line-height: 18px !important; font-size: 16px; letter-spacing: .06em; transform: none !important; }
 .druids-content-page #top-navigation > nav > ul > li > div { top: 63px; margin-top: 0; }
}
@media (max-width: 900px) {
 .druids-content-page #top-navigation > .druids-site-brand { gap: 9px; }
 .druids-content-page .druids-site-brand__wordmark { font-size: clamp(18px,3.8vw,27px); }
 .druids-content-page .druids-site-brand__wordmark small { font-size: 6px; letter-spacing: .1em; }
 .druids-content-page .druids-site-brand #logo > span { font-size: 11px; padding: 4px; }
 .druids-content-page #top-navigation .mobile-nav-toggle { margin-left: auto !important; }
}
/* 2026-10-08: Druids-specific teal/plum composition and compact reading previews. */
.druids-content-page { position:relative; width:100%; height:auto; min-height:100%; overflow:visible; }
.druids-content-page > .clear { display:none; }
.druids-content-page #top-navigation > nav > ul > li > a::after { content:none!important; }
.druids-content-page #Footer { position:relative!important; width:100%; max-width:100%; box-sizing:border-box; margin:0; }
.druids-content-page .druids-page { color:#414b49; font:1.08rem/1.65 Arial,sans-serif; }
.druids-content-page .druids-page * { box-sizing:border-box; }
.druids-content-page .druids-page :is(h2,h3,h4,h5) { text-shadow:none; }
.druids-content-page .druids-page a { color:#174f4d; text-decoration:underline; }
.druids-content-page .druids-page :is(a,summary):focus-visible { outline:3px solid #67376b; outline-offset:4px; }
.druids-content-page .druids-page [id] { scroll-margin-top:1.5rem; }
.druids-content-page .druids-hero { position:relative; top:auto; display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr); width:100%; background:#254d49; }
.druids-content-page .druids-hero__text { padding:clamp(1.5rem,3vw,3rem); background:linear-gradient(110deg,rgba(16,52,48,.95),rgba(27,78,74,.9)),url('/Images/druids/The_Gundestrup_Cauldron.jpg') 65% 50% / auto 400%; color:#f6f1e6; }
.druids-content-page .druids-eyebrow { font:bold .76rem/1.5 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#e2e5ca; margin:0 0 1rem; }
.druids-content-page .druids-hero h1 { display:flex; align-items:center; gap:1rem; margin:1rem 0; padding:1rem 0; min-height:150px; text-shadow:none; }
.druids-content-page .druids-title-initial { font:400 clamp(125px,11vw,165px)/.8 'Llyfr Du',Georgia,serif; font-feature-settings:'ss03'; color:#c4553f; }
.druids-content-page .druids-title-lines { display:flex; flex-direction:column; gap:.4rem; font:400 clamp(30px,3vw,44px)/1.2 'Llyfr Du',Georgia,serif; color:#f6f1e6; }
.druids-content-page .druids-hero__subtitle { font:400 clamp(1.25rem,1.8vw,1.65rem)/1.35 'Source Serif 4',Georgia,serif; margin:1rem 0; }
.druids-content-page .druids-hero__text > p:not([class]) { font-size:.95rem; max-width:40ch; }
.druids-content-page .druids-hero__text > a { color:#e2e5ca; font-size:.9rem; font-weight:bold; }
.druids-content-page .druids-hero figure { display:flex; flex-direction:column; justify-content:center; background:#332936; margin:0; min-width:0; }
.druids-content-page .druids-hero figure img { display:block; width:100%; height:auto; margin:0; }
.druids-content-page .druids-hero figcaption { background:#f8f6ec; padding:.9rem 1.25rem; font-size:.85rem; }
.druids-content-page .druids-container { max-width:1480px; margin:2.5rem auto; padding:0 clamp(1rem,3vw,3rem); }
.druids-content-page .druids-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:2rem; }
.druids-content-page #main-body,.druids-content-page #content { position:static; float:none; width:auto; max-width:none; min-width:0; padding:0; margin:0; background:none; }
.druids-content-page #content section { margin:0 0 2.5rem; }
.druids-content-page #content h2 { font:400 clamp(1.8rem,3vw,2.4rem)/1.2 'Source Serif 4',Georgia,serif; color:#235b55; margin:0 0 1.5rem; padding:0; }
.druids-content-page #content p { font-size:inherit; line-height:1.65; margin:1rem 0; }
.druids-content-page #content blockquote { margin:1rem 0 1.5rem; padding:1.25rem 1.5rem; border-left:4px solid #785676; background:#f0f1ef; color:#454545; font-style:normal; font-size:inherit; line-height:1.65; }
.druids-content-page #content blockquote::before,.druids-content-page #content blockquote::after { content:none; }
.druids-content-page .druids-plate { margin:2rem 0; padding:1.1rem; background:#507c78; border:1px solid #3d6662; }
.druids-content-page .druids-plate > div { padding:1.1rem; background:#faf8f1; }
.druids-content-page .druids-plate img { display:block; width:auto; height:auto; max-width:100%; max-height:470px; margin:0 auto; float:none; }
.druids-content-page .druids-plate figcaption { background:#faf8f1; border-top:1px solid #d5cbbb; padding:1rem; font-size:.9rem; }
.druids-content-page #druids-references { font-size:.88rem; overflow-wrap:anywhere; }
.druids-content-page .druids-sidebar { border-left:1px solid #c6d2ce; padding:calc(clamp(1.8rem,3vw,2.4rem)*1.2 + 1.5rem) 0 0 1.2rem; min-width:0; }
.druids-content-page .druids-sidebar__inner { position:sticky; top:1.5rem; max-height:calc(100vh - 3rem); overflow:auto; scrollbar-width:thin; transform:translateZ(0); }
.druids-content-page .druids-section-links { padding:1rem; background:#e5efea; border-top:3px solid #507c78; margin-bottom:1.5rem; }
.druids-content-page .druids-section-links h3 { margin:0 0 .8rem; padding:0; color:#4a235a; font:bold 1.1rem/1.4 Georgia,serif; }
.druids-content-page .druids-section-links a { display:block; padding:.4rem 0; font-size:.85rem; }
.druids-content-page #recommended-books { position:static; width:auto; max-width:none; margin:0; padding:0; border:0; background:none; }
.druids-content-page #recommended-books .druids-featured-books__heading { color:#4a235a; background:none; margin:0; padding:0 0 .8rem; border:0; font:bold 1.2rem/1.4 Georgia,serif; text-align:left; }
.druids-content-page #recommended-books .druids-featured-books__intro { margin:0 0 1rem; padding:0; }
.druids-content-page #recommended-books .r4h-book-card { border:0; border-bottom:1px solid #c6d2ce; border-radius:0; box-shadow:none; background:#faf8f1; }
.druids-content-page #recommended-books .r4h-book-card::before { content:none; }
.druids-content-page #recommended-books .r4h-book-card__cover { background:#e5efea; }
.druids-content-page #recommended-books .r4h-book-card__meta { color:#674b68; }
.druids-content-page #advert { position:relative; clear:both; float:none; width:auto; max-width:none; margin:2rem 0 0; padding:clamp(1rem,2vw,2rem); background:#62a5a1; color:#153e3c; border:0; }
.druids-content-page #advert > h3 { margin:0 0 .5rem; color:#f6f1e6; font:400 clamp(1.8rem,3vw,2.5rem)/1.2 'Source Serif 4',Georgia,serif; }
.druids-content-page #advert .druids-reading-help { margin:0 0 1.5rem; font-size:.9rem; }
.druids-content-page #advert .druids-reading-group { position:relative; margin:1rem 0; padding:1.4rem; background:#a9cdca; border:0; border-left:3px solid #785676; border-radius:0; }
.druids-content-page #advert .druids-reading-group h4 { color:#4a235a; font:italic bold 1.25rem/1.3 Georgia,serif; margin:0 0 1rem; padding:0; }
.druids-content-page #advert .druids-reading-list { list-style:none; margin:0; padding:0; display:block; }
.druids-content-page #advert .druids-reading-list li { display:block; margin:0; padding:0; border-top:1px solid rgba(35,91,85,.22); }
.druids-content-page .druids-book-preview summary { position:relative; cursor:pointer; padding:.75rem 4.5rem .75rem .25rem; font-size:1rem; line-height:1.4; list-style:none; }
.druids-content-page .druids-book-preview summary::-webkit-details-marker { display:none; }
.druids-content-page .druids-book-author { display:block; font-size:.85rem; margin-top:.2rem; }
.druids-content-page .druids-preview-cue { position:absolute; right:.25rem; top:1rem; color:#4a235a; font-size:.75rem; text-decoration:underline; }
.druids-content-page .druids-book-preview[open] summary { color:#4a235a; background:rgba(250,248,241,.45); }
.druids-content-page .druids-book-panel { padding:1rem; background:#faf8f1; color:#414b49; display:grid; grid-template-columns:110px minmax(0,1fr); gap:1rem; align-items:start; }
.druids-content-page .druids-book-panel img { display:block; width:auto; max-width:100%; height:auto; max-height:210px; margin:0 auto; object-fit:contain; }
.druids-content-page .druids-book-panel h5 { font:bold 1rem/1.35 Georgia,serif; margin:0 0 .7rem; color:#4a235a; }
.druids-content-page .druids-book-panel p { margin:0 0 .8rem; font-size:.88rem; line-height:1.5; }
.druids-content-page .druids-book-panel a { font-size:.85rem; font-weight:bold; }
.druids-content-page #advert .druids-reading-note { margin:1rem 0 0; font-size:.85rem; }
.druids-content-page .druids-supplement { margin:1.5rem 0; font-size:.9rem; }
.druids-content-page .druids-supplement summary { cursor:pointer; }
.druids-content-page .druids-resource-note { border-top:1px solid #366f6c; padding-top:1rem; font-size:.9rem; }
.druids-content-page .druids-resource-note h4 { font:bold 1.1rem/1.4 Georgia,serif; color:#173f3b; margin:0; }
@media(min-width:1000px) {
 .druids-content-page #advert .druids-reading-group { min-height:410px; }
 .druids-content-page #advert .druids-reading-list,.druids-content-page #advert .druids-reading-note { width:60%; }
 .druids-content-page .druids-book-panel { position:absolute; top:3.7rem; right:1.4rem; width:33%; grid-template-columns:110px minmax(0,1fr); }
}
@media(max-width:1100px) {
 .druids-content-page .druids-layout { display:block; }
 .druids-content-page .druids-sidebar { display:none; }
}
@media(max-width:700px) {
 .druids-content-page .druids-hero { grid-template-columns:minmax(0,1fr); }
 .druids-content-page .druids-hero h1 { margin:.5rem 0; }
 .druids-content-page .druids-plate { padding:.7rem; }
 .druids-content-page .druids-plate > div { padding:.7rem; }
 .druids-content-page #advert .druids-reading-group { padding:1rem; }
 .druids-content-page .druids-book-panel { grid-template-columns:minmax(0,1fr); }
 .druids-content-page .druids-book-panel img { max-height:180px; }
 .druids-content-page .druids-container { margin-top:1.5rem; }
}
/* Contain the legacy global li float within this page's reading list. */
.druids-content-page #advert .druids-reading-list li { float:none; width:100%; }
/* 2026-10-08: User-approved full-width reading colour, compact sticky identity,
   shallow researched scene and discreet citation preview. */
.druids-content-page #top-navigation { position:sticky!important; top:0; z-index:1000; }
.druids-content-page .druids-current-page { display:none; }
.druids-content-page.druids-past-hero .druids-brand-tagline { display:none; }
.druids-content-page.druids-past-hero .druids-current-page { display:block; font:600 11px/1.2 Arial,sans-serif; letter-spacing:.06em; color:#d8e5d9; }
.druids-content-page .druids-page [id] { scroll-margin-top:85px; }
.druids-content-page .druids-sidebar__inner { top:80px; max-height:calc(100dvh - 100px); }
.druids-content-page .druids-hero { grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr); }
.druids-content-page .druids-hero__text { padding:1.4rem clamp(1.5rem,3vw,3rem); }
.druids-content-page .druids-hero h1 { min-height:110px; margin:.25rem 0; padding:.5rem 0; }
.druids-content-page .druids-title-initial { font-size:115px; }
.druids-content-page .druids-title-lines { font-size:32px; }
.druids-content-page .druids-hero__subtitle { font-size:1.3rem; margin:.6rem 0 1rem; }
.druids-content-page .druids-eyebrow { margin:0 0 .5rem; font-size:.7rem; }
.druids-content-page .druids-hero figure { background:#264642; }
.druids-content-page .druids-hero figure img { width:100%; height:auto; max-height:330px; object-fit:cover; }
.druids-content-page .druids-hero figcaption { padding:.55rem 1rem; font-size:.78rem; }
.druids-content-page #advert { margin:2rem 0 0; padding:2rem max(clamp(1rem,3vw,3rem),calc((100% - 1384px)/2)); width:100%; }
.druids-content-page .druids-image-note { font:inherit; color:#174f4d; background:none; border:0; padding:0; text-decoration:underline; cursor:pointer; }
.druids-content-page .druids-citation { position:relative; margin:1rem 0; }
.druids-content-page .druids-reference-preview { display:inline; }
.druids-content-page .druids-reference-preview summary { display:inline; list-style:none; color:#4a235a; cursor:pointer; text-decoration:underline; text-underline-offset:.18em; }
.druids-content-page .druids-reference-preview summary::-webkit-details-marker { display:none; }
.druids-content-page .druids-reference-cue { font-size:.8em; }
.druids-content-page .druids-reference-panel { position:absolute; bottom:calc(100% + .75rem); left:0; z-index:5; display:grid; grid-template-columns:100px minmax(0,1fr); gap:1rem; width:min(460px,100%); padding:1.2rem; background:#faf8f1; border:1px solid #87aba6; box-shadow:0 8px 25px #173e3b25; }
.druids-content-page .druids-reference-panel img { width:100%; height:auto; max-height:180px; object-fit:contain; }
.druids-content-page #content .druids-reference-panel h3 { color:#4a235a; font:600 1.2rem/1.3 Georgia,serif; margin:0; padding:0; }
.druids-content-page #content .druids-reference-panel p { margin:.5rem 0; font-size:.85rem; }
.druids-content-page #content .druids-reference-panel .druids-edition-note { font-size:.75rem; }
.druids-content-page #druids-scene-notes { position:fixed; inset:0; margin:auto; padding:0; width:min(900px,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); overflow:auto; color:#334a45; border:1px solid #80978c; background:#faf8f1; }
.druids-content-page #druids-scene-notes::backdrop { background:#041c16bd; }
.druids-content-page .druids-dialog-heading { position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:1rem; justify-content:space-between; padding:1rem 1.4rem; background:#faf8f1; border-bottom:1px solid #c8d1c8; }
.druids-content-page .druids-dialog-heading h2 { font:400 1.35rem/1.3 Georgia,serif; margin:0; color:#235b55; }
.druids-content-page .druids-dialog-heading button { padding:.25rem .5rem; min-width:40px; min-height:40px; cursor:pointer; color:#4a235a; background:none; border:0; font-size:1.6rem; }
.druids-content-page .druids-dialog-body { padding:1.4rem; font-size:.95rem; }
.druids-content-page .druids-dialog-body img { display:block; width:100%; height:auto; }
.druids-content-page .druids-dialog-body h3 { color:#235b55; font:600 1.2rem/1.4 Georgia,serif; }
@media(max-width:700px) {
 .druids-content-page .druids-hero { grid-template-columns:minmax(0,1fr); }
 .druids-content-page .druids-hero__text { padding:1rem 1.5rem; }
 .druids-content-page .druids-hero h1 { min-height:90px; }
 .druids-content-page .druids-title-initial { font-size:95px; }
 .druids-content-page .druids-title-lines { font-size:28px; }
 .druids-content-page .druids-hero__subtitle { font-size:1.15rem; }
 .druids-content-page .druids-reference-panel { grid-template-columns:80px minmax(0,1fr); gap:.75rem; padding:.9rem; }
 .druids-content-page.druids-past-hero .druids-current-page { font-size:9px; letter-spacing:0; }
}

/* Keep citation previews clear of the sticky bar; use reading flow on phones. */
.druids-content-page .druids-reference-preview { display:block; }
.druids-content-page .druids-reference-panel { top:calc(100% + .75rem); bottom:auto; }
@media(max-width:700px) {
 .druids-content-page .druids-reference-panel { position:static; width:100%; margin:1rem 0; }
}

/* 2026-10-08: Trial matt-black mount for the three hooded figures only. */
.druids-content-page .druids-plate--dark > div,
.druids-content-page .druids-plate--dark figcaption { background:#191919; color:#fff; }

/* 2026-10-08: Charcoal and stone-grey refinement for this plate only. */
.druids-content-page .druids-plate--dark { background:#858782; border-color:#6c6e69; }
.druids-content-page .druids-plate--dark > div,
.druids-content-page .druids-plate--dark figcaption { background:#292b2b; color:#e8e9e6; }

/* 2026-10-08: Frameless charcoal plate with a quiet, caption-width rule. */
.druids-content-page .druids-plate--dark { padding:0; border:0; background:#292b2b; }
.druids-content-page .druids-plate--dark figcaption { width:fit-content; max-width:calc(100% - 2rem); margin:0 auto; padding:1rem; text-align:center; border-top:1px solid rgba(232,233,230,.22); }

/* 2026-10-08: Cauldron only — quarter-width frame and matching centred caption. */
.druids-content-page #box-2.druids-plate { padding:.275rem; }
.druids-content-page #box-2.druids-plate figcaption { text-align:center; color:#507c78; }
@media(max-width:700px) {
 .druids-content-page #box-2.druids-plate { padding:.175rem; }
}

/* 2026-10-08: Centre the Orestes image caption only. */
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) figcaption { text-align:center; }

/* 2026-10-08: Frameless Orestes plate with a quiet olive caption rule. */
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) { padding:0; border:0; background:transparent; }
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) figcaption { width:fit-content; max-width:calc(100% - 2rem); margin:0 auto; padding:1rem; text-align:center; color:#365b44; border-top:1px solid rgba(101,99,75,.35); }

/* 2026-10-08: Restore the Orestes plate box; soften its caption hairline. */
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) { padding:1.1rem; border:1px solid #3d6662; background:#507c78; }
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) figcaption { border-top:1px solid rgba(101,99,75,.16); }
@media(max-width:700px) {
 .druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) { padding:.7rem; }
}

.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) figcaption { width:auto; max-width:none; margin:0; padding:0; border-top:0; }
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) figcaption > span { display:block; width:fit-content; max-width:calc(100% - 2rem); margin:0 auto; padding:1rem; border-top:1px solid rgba(101,99,75,.16); }

/* 2026-10-08: Remove only the Orestes outer frame; retain the cream box. */
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) { padding:0; border:0; background:#faf8f1; }

/* 2026-10-08: Delicate inset outline within the Orestes cream box. */
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"]) { position:relative; }
.druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"])::after { content:""; position:absolute; inset:.275rem; border:1px solid rgba(100,105,102,.22); pointer-events:none; }
@media(max-width:700px) {
 .druids-content-page .druids-plate:has(img[src*="Erinnyes_tormenting_Orestes"])::after { inset:.175rem; }
}