:root{color-scheme:dark;--paper:#fff8ea;--ink:#fff5e2;--muted:#c8bcaa;--soft:rgba(255,245,226,.76);--red:#c8102e;--deep:#5d0715;--gold:#d7ad55;--charcoal:#120f0f;--panel:rgba(18,15,15,.78);--line:rgba(255,245,226,.18);--shadow:0 22px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--charcoal);color:var(--ink);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 5%,rgba(200,16,46,.43),transparent 30rem),radial-gradient(circle at 93% 20%,rgba(215,173,85,.18),transparent 26rem),linear-gradient(145deg,#2a0710,#120f0f 60%,#080707);pointer-events:none}
a{color:var(--paper);text-underline-offset:.22em}
a:hover{color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.page{min-height:100vh;padding:28px clamp(16px,3vw,44px) 38px}
.topbar,.hero,.content,.directory,footer{max-width:1240px;margin-inline:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:42px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.monogram{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(215,173,85,.56);border-radius:8px;background:linear-gradient(145deg,var(--red),var(--deep));box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),0 14px 44px rgba(0,0,0,.24);font-size:.8rem;font-weight:850}
.brand small,.eyebrow{display:block;margin:0 0 5px;color:var(--gold);font-size:.76rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.brand strong{display:block;font-size:1rem}
.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.nav a{display:inline-flex;align-items:center;min-height:39px;border:1px solid var(--line);border-radius:8px;background:rgba(18,15,15,.62);padding:8px 12px;text-decoration:none;color:var(--soft);font-size:.9rem}
.nav a:hover,.nav a[aria-current="page"]{border-color:rgba(215,173,85,.64);background:rgba(200,16,46,.34);color:#fff}
.hero{min-height:46vh;display:grid;align-content:end;padding-bottom:50px}
.hero h1{max-width:1050px;margin:0;color:#fff;font-size:clamp(3.2rem,8vw,7.8rem);line-height:.9;letter-spacing:-.05em}
.standfirst{max-width:790px;margin:22px 0 0;color:var(--soft);font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.58}
.directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card,.panel,.stat{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,245,226,.09),rgba(255,245,226,.03)),var(--panel);box-shadow:var(--shadow)}
.card{min-height:260px;padding:clamp(22px,3vw,34px);text-decoration:none;transition:transform .16s,border-color .16s}
.card:hover{border-color:rgba(215,173,85,.7);transform:translateY(-2px)}
.card h2,.panel h2{margin:0 0 12px;color:#fff;font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.02}
.card p,.panel p,.panel li{color:var(--soft);line-height:1.68}
.card span{display:inline-block;margin-top:18px;color:var(--gold);font-weight:750}
.honours{max-width:1240px;margin:24px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stat{padding:18px}
.stat b{display:block;color:#fff;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1}
.stat span{display:block;margin-top:6px;color:var(--muted);font-size:.84rem}
.page-title{max-width:1240px;margin:0 auto 16px;color:#fff;font-size:clamp(2.8rem,6vw,6rem);line-height:.92;letter-spacing:-.045em}
.intro{max-width:1240px;margin:0 auto 24px;color:var(--soft);font-size:1.08rem;line-height:1.65}
.content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.panel{padding:clamp(18px,3vw,30px);margin-bottom:20px}
.timeline{display:grid;gap:0}
.manager{display:grid;grid-template-columns:132px 1fr;gap:18px;border-top:1px solid var(--line);padding:17px 0}
.manager time{color:var(--gold);font-weight:750;font-size:.9rem}
.manager h3{margin:0;color:#fff;font-size:1.14rem}
.manager p{margin:5px 0 0;font-size:.94rem}
.filters{display:flex;gap:10px;align-items:center;margin-bottom:17px}
.filters input{width:100%;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.22);padding:11px;color:#fff}
.filters button{border:1px solid rgba(215,173,85,.6);border-radius:7px;background:rgba(200,16,46,.35);padding:10px 13px;color:#fff;font-weight:700;cursor:pointer}
.table-scroll{overflow-x:auto}
table{width:100%;min-width:820px;border-collapse:collapse;font-size:.92rem}
th,td{padding:11px 10px;border-top:1px solid rgba(255,245,226,.14);text-align:left;vertical-align:top}
th{color:#fff;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}
td:first-child{font-weight:750;color:#fff}
.season-search{margin:0 0 16px}
.note{font-size:.86rem;color:var(--muted)!important}
footer{margin-top:34px;color:rgba(255,245,226,.58);font-size:.84rem;line-height:1.6}
@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column;margin-bottom:28px}
.nav{justify-content:flex-start}
.directory,.honours,.content{grid-template-columns:1fr}
.hero{min-height:38vh}
.manager{grid-template-columns:1fr;gap:4px}
.page{padding-top:20px}
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.timeline-panel{max-width:1240px;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}
.view-switch{display:flex;gap:8px}
.view-switch button{border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.2);padding:9px 12px;color:var(--soft);cursor:pointer}
.view-switch button[aria-pressed="true"]{border-color:var(--gold);background:rgba(200,16,46,.38);color:#fff}
.timeline-viewport{overflow-x:auto;scrollbar-color:var(--gold) rgba(255,255,255,.08)}
.graphic-timeline{position:relative;width:2700px;height:510px;background:repeating-linear-gradient(90deg,transparent 0,transparent 196px,rgba(255,245,226,.11) 197px,transparent 198px)}
.timeline-axis{position:absolute;left:0;right:0;top:110px;border-top:2px solid rgba(215,173,85,.72)}
.year-tick{position:absolute;top:92px;color:var(--muted);font-size:.76rem}
.manager-bar{position:absolute;height:14px;border:0;border-radius:99px;background:linear-gradient(90deg,var(--red),#ef6577);box-shadow:0 0 0 1px rgba(255,255,255,.24);cursor:pointer}
.manager-bar:hover,.manager-bar:focus-visible{height:20px;outline:none}
.manager-label{position:absolute;width:190px;padding:10px;border:1px solid rgba(255,245,226,.2);border-radius:7px;background:rgba(18,15,15,.94);color:#fff;text-align:left;font:inherit;cursor:pointer}
.manager-label span{display:block;color:var(--gold);font-size:.72rem;margin-bottom:3px}
.manager-label small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}
.manager-label.active{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,173,85,.16)}
.timeline-list{display:none;padding:18px}
.timeline-list.is-active{display:grid}
.timeline-viewport.is-hidden{display:none}
.timeline-detail{max-width:1240px;margin:18px auto 0}
.timeline-detail h2{margin:0;color:#fff}
.timeline-detail p{margin:0;color:var(--soft);line-height:1.6}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px}
.detail-main,.manager-leaders{min-width:0;border:1px solid rgba(255,245,226,.14);border-radius:8px;background:rgba(255,245,226,.045);padding:16px}
.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.detail-title{display:flex;align-items:center;gap:14px;min-width:0}
.detail-initials{display:grid;place-items:center;flex:0 0 auto;width:58px;height:66px;border:1px solid rgba(255,245,226,.22);border-radius:7px;background:linear-gradient(145deg,rgba(200,16,46,.76),rgba(18,15,15,.92));color:#fff;font-size:.9rem;font-weight:850;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.detail-sub{margin-top:7px!important;font-size:.94rem}
.detail-nav{display:flex;gap:8px}
.detail-nav button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.2);color:#fff;font-size:1.45rem;cursor:pointer}
.detail-nav button:hover{border-color:var(--gold);background:rgba(200,16,46,.34)}
.detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.detail-stat{min-width:0;border-top:1px solid rgba(215,173,85,.5);background:rgba(0,0,0,.16);padding:11px}
.detail-stat b{display:block;color:#fff;font-size:1.2rem;line-height:1.1}
.detail-stat span,.detail-highlight>span{color:var(--muted);font-size:.73rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.detail-highlight{border-top:1px solid rgba(255,245,226,.14);padding-top:15px}
.detail-highlight p{margin-top:5px}
.detail-link-row{margin-top:15px!important}
.leader-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.leader-head>div>span{display:block;margin-bottom:5px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.manager-leaders .leader-head h2{font-size:1.15rem;line-height:1.15}
.leader-nav{display:flex;gap:7px;flex:0 0 auto}
.leader-nav button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.2);color:#fff;font-size:1.3rem;cursor:pointer}
.leader-nav button:hover{border-color:var(--gold);background:rgba(200,16,46,.34)}
.leader-description{min-height:44px;margin-top:9px!important;font-size:.84rem}
.leader-list{display:grid;gap:8px;margin-top:13px}
.leader-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border-top:1px solid rgba(255,245,226,.12);padding-top:8px;color:var(--soft);font-size:.86rem}
.leader-row b{min-width:0;color:#fff}
.leader-row>span:last-child{text-align:right;color:var(--gold);font-weight:750}
.leader-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(200,16,46,.3);color:#fff}
.leader-dots{display:flex;justify-content:center;gap:6px;margin-top:15px}
.leader-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,245,226,.25)}
.leader-dots span.active{background:var(--gold)}
@media(max-width:800px){.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.detail-layout{grid-template-columns:1fr}}
@media(max-width:520px){.detail-head{align-items:stretch;flex-direction:column}.detail-nav{align-self:flex-end}.detail-stats{grid-template-columns:1fr}}
@media(max-width:800px){.timeline-toolbar{align-items:flex-start;flex-direction:column}
.timeline-list{padding:16px}
.manager-label{width:160px}
}

.season-chart{padding:18px;border-bottom:1px solid var(--line)}
.season-chart svg{display:block;width:100%;min-width:1080px;height:auto;background:rgba(0,0,0,.13)}
.season-chart .grid{stroke:rgba(255,245,226,.12);stroke-width:1}
.season-chart text{fill:rgba(255,245,226,.55);font:12px Inter,system-ui,sans-serif}
.season-chart .position-line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(215,173,85,.26))}
.season-chart circle{fill:var(--red);stroke:#fff8ea;stroke-width:1;cursor:pointer}
.season-chart circle:hover,.season-chart circle:focus{r:6;fill:var(--gold);outline:none}
.season-chart-note{padding:0 18px 15px;color:var(--muted);font-size:.84rem}
.season-table.is-hidden{display:none}

.source-list{display:grid;gap:10px;padding-left:20px}
.source-list a{display:block;padding:10px 0;border-top:1px solid rgba(215,173,85,.32)}
.source-ref{font-size:.8em;font-weight:800}
.editorial-info{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:.86rem;line-height:1.55}
.editorial-info p{margin:4px 0!important;color:var(--muted)!important}
.editorial-info strong{color:var(--soft)}
.article-sources{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
.article-sources h2{margin-top:0!important}
.article-sources li{margin-bottom:10px;color:var(--soft);line-height:1.5}
.article-sources a{color:var(--gold)}

.season-honours{grid-template-columns:repeat(5,1fr);margin-bottom:24px}
@media(max-width:800px){.season-honours{grid-template-columns:1fr}
}

.directory-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.history-hero{max-width:1240px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:end}
.history-hero .page-title{margin:0 0 16px}
.history-hero .intro{margin:0}
.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.history-action{display:inline-flex;margin-top:22px;border:1px solid rgba(215,173,85,.6);border-radius:7px;background:rgba(200,16,46,.3);padding:10px 13px;text-decoration:none;font-weight:750}
.history-shell{max-width:1240px;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
.history-toolbar{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}
.history-filters{display:flex;flex-wrap:wrap;gap:8px}
.history-filters button{border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.2);padding:9px 11px;color:var(--soft);cursor:pointer}
.history-filters button[aria-pressed=true]{border-color:var(--gold);background:rgba(200,16,46,.38);color:#fff}
.history-search input{width:260px;max-width:100%;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.22);padding:10px;color:#fff}
.history-viewport{overflow-x:auto;scrollbar-color:var(--gold) rgba(255,255,255,.08)}
.history-timeline{position:relative;width:5500px;height:670px;background:repeating-linear-gradient(90deg,transparent 0,transparent 199px,rgba(255,245,226,.06) 200px)}
.history-axis{position:absolute;top:96px;left:0;right:0;border-top:2px solid rgba(215,173,85,.72)}
.history-tick{position:absolute;top:75px;color:var(--muted);font-size:.75rem;transform:translateX(-50%)}
.history-era{position:absolute;top:28px;height:25px;padding:5px 10px;overflow:hidden;border-left:1px solid rgba(215,173,85,.55);background:rgba(255,245,226,.07);color:var(--muted);font-size:.72rem;white-space:nowrap}
.history-era.shankly{background:rgba(200,16,46,.2)}
.history-era.paisley{background:rgba(215,173,85,.16)}
.history-era.modern{background:rgba(255,245,226,.1)}
.history-stem{position:absolute;top:97px;border-left:1px solid rgba(215,173,85,.64)}
.history-event-card,.event-card{font:inherit;text-align:left}
.history-event-card{position:absolute;width:246px;min-height:100px;border:1px solid rgba(255,245,226,.18);border-radius:7px;background:rgba(18,15,15,.95);padding:11px;color:#fff;cursor:pointer}
.history-event-card:hover,.history-event-card[aria-current=true],.event-card:hover,.event-card[aria-current=true]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,173,85,.13)}
.history-event-card span,.event-card span{display:block;color:var(--gold);font-size:.7rem;font-weight:750;text-transform:uppercase}
.history-event-card b,.event-card b{display:block;margin:5px 0;font-size:.94rem;line-height:1.2}
.history-event-card small,.event-card small{display:block;color:var(--muted);font-size:.77rem;line-height:1.42}
.event-list{display:none}
.history-detail{max-width:1240px;margin:18px auto 0}
.history-detail h2{margin:0 0 9px;color:#fff}
.history-detail p{margin:0;color:var(--soft);line-height:1.62}
.history-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.history-tags span,.event-card em{display:inline-block;border:1px solid rgba(215,173,85,.4);border-radius:99px;padding:4px 8px;color:var(--gold);font-size:.75rem;font-style:normal}
@media(max-width:800px){.directory-three,.history-hero{grid-template-columns:1fr}
.history-summary{max-width:440px}
.history-toolbar{flex-direction:column}
.history-search input{width:100%}
.history-viewport{display:none}
.event-list{display:grid;gap:10px;padding:15px}
.event-card{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.13);padding:13px;color:#fff;cursor:pointer}
.event-card em{margin-top:9px}
}

.timeline-directory{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-6px}
.intro-story{max-width:1240px;margin:0 auto 24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,245,226,.09),rgba(255,245,226,.03)),var(--panel);box-shadow:var(--shadow);padding:clamp(20px,3vw,34px)}
.intro-story h2{max-width:920px;margin:0 0 18px;color:#fff;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.08}
.intro-story p{max-width:920px;margin:0 0 14px;color:var(--soft);font-size:1rem;line-height:1.72}
.intro-story p:last-child{margin-bottom:0}
.timeline-card{display:grid;min-height:330px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,245,226,.1),rgba(255,245,226,.035)),var(--panel);box-shadow:var(--shadow);overflow:hidden;text-decoration:none;transition:border-color .16s,transform .16s,background .16s}
.timeline-card:hover,.timeline-card:focus-visible{border-color:rgba(215,173,85,.74);background:linear-gradient(180deg,rgba(255,245,226,.14),rgba(255,245,226,.05)),rgba(18,15,15,.9);outline:none;transform:translateY(-2px)}
.card-media{position:relative;min-height:134px;border-bottom:1px solid rgba(255,245,226,.14);background:linear-gradient(135deg,rgba(18,15,15,.2),rgba(18,15,15,.72)),url("assets/anfield-stadium-cc0.jpg");background-size:cover;background-position:center}
.timeline-card:nth-child(2) .card-media{background-image:linear-gradient(135deg,rgba(109,7,17,.18),rgba(18,15,15,.72) 56%,rgba(36,60,81,.46)),url("assets/the-kop-anfield-cc0.jpg")}
.timeline-card:nth-child(3) .card-media{background-image:linear-gradient(135deg,rgba(18,15,15,.18),rgba(18,15,15,.7)),url("assets/liverpool-football-stadium-unsplash-cc0.jpg");background-position:center 42%}
.timeline-card:nth-child(4) .card-media{background-image:linear-gradient(135deg,rgba(18,15,15,.18),rgba(18,15,15,.74)),url("assets/anfield-road-stand-cc0.jpg");background-position:center 38%}
.card-media span{position:absolute;left:18px;bottom:16px;border:1px solid rgba(255,245,226,.25);border-radius:7px;background:rgba(18,15,15,.58);padding:7px 10px;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.card-copy{display:grid;gap:18px;padding:clamp(20px,2.6vw,28px)}
.card-copy h2{margin:0 0 11px;color:#fff;font-size:clamp(1.55rem,2.7vw,2.28rem);line-height:1.04}
.card-copy p{margin:0;color:var(--soft);line-height:1.64}
.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.card-stat{min-height:68px;border:1px solid rgba(255,245,226,.13);border-radius:7px;background:rgba(0,0,0,.16);padding:10px;color:var(--muted);font-size:.76rem;line-height:1.28}
.card-stat b{display:block;margin-bottom:4px;color:#fff;font-size:1.05rem;line-height:1.05}
@media(max-width:800px){.timeline-directory{grid-template-columns:1fr}
.card-stats{grid-template-columns:1fr}
.timeline-card{min-height:0}
.card-media{min-height:126px}
}

body:before{background-image:linear-gradient(135deg,rgba(200,16,46,.34),rgba(37,63,84,.2) 48%,rgba(18,15,15,.92)),url("assets/anfield-stadium-cc0.jpg");background-size:cover;background-position:center}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 12% 5%,rgba(200,16,46,.34),transparent 30rem),radial-gradient(circle at 93% 20%,rgba(215,173,85,.16),transparent 26rem),linear-gradient(180deg,rgba(18,15,15,.18),rgba(18,15,15,.7));pointer-events:none}

.skip-link{position:absolute;left:12px;top:8px;z-index:20;transform:translateY(-140%);border-radius:8px;background:var(--paper);padding:9px 12px;color:var(--charcoal);font-weight:800;text-decoration:none}
.skip-link:focus{transform:translateY(0)}
.breadcrumb{max-width:1240px;margin:-22px auto 18px;color:rgba(255,245,226,.68);font-size:.9rem}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0;list-style:none}
.breadcrumb li+li:before{content:"/";margin-right:8px;color:rgba(255,245,226,.42)}
.article-hero{max-width:1240px;margin:0 auto 30px;min-height:38vh;display:grid;align-content:end}
.article-hero h1{max-width:920px;margin:0;color:#fff;font-size:clamp(3rem,7vw,6.2rem);line-height:.9;letter-spacing:0}
.article-hero .standfirst{max-width:840px}
.quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px;max-width:920px}
.article-content{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.article-content article{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:clamp(18px,3vw,34px)}
.article-content article h2{margin:34px 0 10px;color:#fff;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.12}
.article-content article h2:first-child{margin-top:0}
.article-content article p{margin:0 0 15px;color:rgba(255,245,226,.78);line-height:1.72}
.structured-panel,.callout{margin:22px 0 0;border:1px solid rgba(255,245,226,.16);border-radius:8px;background:rgba(0,0,0,.18);padding:clamp(14px,2.4vw,22px)}
.callout{border-left:4px solid var(--gold);background:rgba(215,173,85,.08)}
.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 20px}
.fact-card{border:1px solid rgba(255,245,226,.14);border-radius:8px;background:rgba(255,245,226,.055);padding:14px}
.fact-card h3{margin:0 0 6px;color:#fff;font-size:1.02rem}
.fact-card p{margin:0!important;font-size:.95rem;line-height:1.55}
.side-panel{position:sticky;top:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:16px}
.side-panel h2{margin:0 0 12px;color:var(--gold);font-size:.96rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.mini-list{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.mini-list li{border-top:1px solid rgba(215,173,85,.34);padding-top:9px;color:rgba(255,245,226,.78);line-height:1.35}
.mini-list b{display:block;color:#fff;font-size:.88rem}
.button-link,.article-link{display:inline-flex;align-items:center;min-height:40px;border:1px solid rgba(215,173,85,.56);border-radius:8px;background:rgba(200,16,46,.32);padding:8px 12px;color:#fff;text-decoration:none;font-weight:750}
.detail-link-row{margin-top:14px!important}
.event-articles{max-width:1240px;margin:18px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.event-article-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:18px;text-decoration:none}
.event-article-card:hover{border-color:var(--gold)}
.event-article-card span{display:block;color:var(--gold);font-size:.72rem;font-weight:800;text-transform:uppercase}
.event-article-card h2{margin:8px 0;color:#fff;font-size:1.2rem}
.event-article-card p{margin:0;color:var(--soft);line-height:1.55;font-size:.92rem}
@media(max-width:900px){.article-content,.fact-grid,.event-articles{grid-template-columns:1fr}
.side-panel{position:static}
.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){.quick-stats{grid-template-columns:1fr}
.article-hero h1{font-size:clamp(2.4rem,14vw,4rem)}
}

.season-page-link{color:#fff;font-weight:800;text-decoration-color:rgba(215,173,85,.65);text-underline-offset:.2em}
.season-detail-hero{max-width:1240px;margin:0 auto 24px;padding:clamp(18px,4vw,48px) 0}
.season-detail-hero h1{margin:0;color:#fff;font-size:clamp(4rem,11vw,8.5rem);line-height:.86}
.season-detail-hero .standfirst{max-width:900px}
.season-hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}
.season-hero-facts>div,.season-record-grid>div{border:1px solid var(--line);border-radius:8px;background:rgba(18,15,15,.72);padding:14px}
.season-hero-facts small,.season-record-grid span{display:block;margin-bottom:5px;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.season-hero-facts strong{display:block;color:#fff;line-height:1.35}
.season-hero-facts strong a{color:#fff}
.season-detail-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px}
.season-detail-layout .panel{margin:0}
.season-detail-layout h2{margin:28px 0 12px;color:#fff}
.season-detail-layout h2:first-child{margin-top:0}
.season-detail-layout p{color:var(--soft);line-height:1.68}
.season-record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.season-record-grid b{display:block;color:#fff;font-size:1.5rem}
.season-competition-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.season-competition-list li{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:12px 0;color:var(--soft)}
.season-competition-list li:first-child{border-top:0}
.season-competition-list b{color:#fff}
.season-adjacent{max-width:1240px;margin:18px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.season-adjacent a{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:15px;color:#fff;text-decoration:none}
.season-adjacent a:last-child{text-align:right}
.season-adjacent small{display:block;margin-bottom:5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
@media(max-width:800px){.season-hero-facts,.season-detail-layout{grid-template-columns:1fr 1fr}.season-record-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.season-hero-facts,.season-detail-layout,.season-adjacent{grid-template-columns:1fr}.season-adjacent a:last-child{text-align:left}}

.archive-hero,.player-profile-hero{max-width:1240px;margin:0 auto;padding:clamp(24px,6vw,72px) 0 28px}
.archive-hero h1,.player-profile-hero h1{max-width:1050px;margin:0;color:#fff;font-size:clamp(3.5rem,9vw,8rem);line-height:.88}
.honour-totals{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:28px}
.honour-totals div,.profile-facts div{border:1px solid var(--line);border-radius:8px;background:rgba(18,15,15,.72);padding:13px}
.honour-totals b{display:block;color:#fff;font-size:1.55rem}.honour-totals span{color:var(--muted);font-size:.76rem}
.archive-panel,.source-panel{max-width:1240px;margin:0 auto 18px}.archive-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.archive-toolbar button{border:1px solid var(--line);border-radius:99px;background:rgba(0,0,0,.18);padding:8px 11px;color:var(--soft);cursor:pointer}
.archive-toolbar button[aria-pressed="true"]{border-color:var(--gold);background:rgba(200,16,46,.42);color:#fff}
.archive-panel table a{color:#fff}.player-directory{max-width:1240px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.player-card{min-height:190px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(200,16,46,.15),rgba(18,15,15,.86));padding:18px;color:#fff;text-decoration:none}
.player-card:hover{border-color:var(--gold);transform:translateY(-2px)}.player-card span,.player-card small{display:block;color:var(--gold);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.player-card h2{margin:24px 0 6px;color:#fff;font-size:1.35rem}.player-card p{margin:0 0 18px;color:var(--soft)}
.memorial-hero{border-color:rgba(215,173,85,.45);background:radial-gradient(circle at 85% 15%,rgba(215,173,85,.14),transparent 30%),linear-gradient(145deg,rgba(200,16,46,.2),rgba(18,15,15,.94))}.memorial-hero .profile-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.jota-layout{align-items:start}.profile-kicker{margin:0 0 8px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.memory-quote{margin-top:24px;border-left:3px solid var(--gold);padding:3px 0 3px 18px}.memory-quote p{margin:0;color:#fff;font-family:Georgia,serif;font-size:1.16rem;line-height:1.55}.memorial-section{max-width:1240px;margin:42px auto}.section-heading{max-width:780px;margin-bottom:18px}.section-heading h2{margin:5px 0 0;color:#fff;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem)}.memorial-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.tribute-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.memorial-section .panel{margin:0}.memorial-section .panel h3{margin-top:0;color:#fff;font-family:Georgia,serif;font-size:1.35rem}.memorial-section .panel p{color:var(--soft);line-height:1.68}.source-links{display:grid;gap:8px;padding-left:20px}.source-links a{color:var(--gold)}
@media(max-width:800px){.memorial-hero .profile-facts,.memorial-grid,.tribute-cards{grid-template-columns:1fr}}
.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}.profile-facts small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.profile-facts strong{display:block;margin-top:5px;color:#fff}
.profile-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.profile-layout .panel{margin:0}.profile-layout h2{margin:28px 0 12px;color:#fff}.profile-layout h2:first-child{margin-top:0}.profile-layout p{color:var(--soft);line-height:1.68}
.profile-record-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.profile-record-list li{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:11px 0;color:var(--soft)}.profile-record-list a{color:#fff}
@media(max-width:980px){.honour-totals{grid-template-columns:repeat(4,1fr)}.player-directory{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.player-directory,.profile-layout{grid-template-columns:1fr 1fr}.honour-totals{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.player-directory,.profile-layout,.profile-facts{grid-template-columns:1fr}.profile-record-list li{display:grid;gap:4px}}

.player-explorer{max-width:1240px;margin:0 auto 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
.player-view-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 16px}
.player-view-toolbar p{margin:0;color:var(--muted);font-size:.88rem}.player-view-toolbar .view-switch{display:flex;gap:8px}
.player-view-toolbar button{min-height:40px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.18);padding:8px 14px;color:var(--soft);font:inherit;cursor:pointer}
.player-view-toolbar button[aria-pressed="true"]{border-color:var(--gold);background:rgba(200,16,46,.42);color:#fff}
.player-timeline-viewport{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-color:rgba(215,173,85,.7) rgba(255,245,226,.08)}
.player-timeline-viewport::-webkit-scrollbar{height:13px}.player-timeline-viewport::-webkit-scrollbar-track{background:rgba(255,245,226,.08)}.player-timeline-viewport::-webkit-scrollbar-thumb{border:3px solid rgba(18,15,15,.9);border-radius:99px;background:linear-gradient(90deg,var(--red),var(--gold))}
.player-timeline{position:relative;min-width:3360px;background:linear-gradient(90deg,rgba(255,245,226,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,245,226,.035),transparent);background-size:120px 100%,100% 100%}
.player-axis{position:absolute;left:0;right:0;top:88px;height:1px;background:rgba(255,245,226,.38)}
.player-tick{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,245,226,.13)}.player-tick span{position:absolute;top:52px;left:8px;color:var(--muted);font-size:.82rem;font-weight:750}
.player-tenure{position:absolute;height:12px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--gold));box-shadow:0 0 0 1px rgba(255,245,226,.22)}
.timeline-player-card{position:absolute;display:grid;width:220px;min-height:120px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,245,226,.1),rgba(255,245,226,.035)),rgba(18,15,15,.9);padding:12px;color:#fff;text-decoration:none;box-shadow:0 18px 46px rgba(0,0,0,.3)}
.timeline-player-card:hover,.timeline-player-card:focus-visible{border-color:var(--gold);transform:translateY(-2px)}.timeline-player-card span{color:var(--gold);font-size:.7rem;font-weight:800;text-transform:uppercase}.timeline-player-card strong{margin:9px 0 4px;font-size:1.04rem}.timeline-player-card small{color:var(--soft)}.timeline-player-card em{margin-top:9px;color:var(--muted);font-size:.72rem;font-style:normal}
.player-explorer>.player-directory{max-width:none;margin:0;padding:16px}.is-hidden{display:none!important}
@media(max-width:600px){.player-view-toolbar{align-items:flex-start;flex-direction:column}.player-view-toolbar .view-switch,.player-view-toolbar button{width:100%}}

.manager-directory-hero{padding-bottom:34px}.directory-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.button-link.secondary{background:rgba(0,0,0,.18)}
.manager-tool{max-width:1240px;margin:0 auto 18px}.manager-tool-controls{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(2,minmax(180px,.65fr));gap:12px;align-items:end}.manager-tool-controls label,.compare-selectors label{display:grid;gap:7px;color:#fff;font-size:.84rem;font-weight:800}.manager-tool input,.manager-tool select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.24);padding:9px 11px;color:#fff;font:inherit}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}.filter-chips button,#swap-managers{min-height:40px;border:1px solid var(--line);border-radius:99px;background:rgba(0,0,0,.2);padding:8px 12px;color:var(--soft);font:inherit;cursor:pointer}.filter-chips button[aria-pressed=true],#swap-managers:hover{border-color:var(--gold);background:rgba(200,16,46,.4);color:#fff}
.manager-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.manager-directory-card{display:grid;grid-template-rows:1fr auto auto;min-height:390px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(155deg,rgba(200,16,46,.13),rgba(18,15,15,.86));padding:18px}.manager-directory-card>div>span,.comparison-head article>span{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.manager-directory-card h2{margin:9px 0 5px;color:#fff;font-size:1.35rem}.manager-directory-card p{color:var(--soft);line-height:1.55}.manager-years{margin-top:0;color:var(--gold)!important;font-weight:750}.manager-directory-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.manager-directory-card dl div{border:1px solid rgba(255,245,226,.12);border-radius:7px;background:rgba(0,0,0,.16);padding:9px}.manager-directory-card dt{color:var(--muted);font-size:.68rem;text-transform:uppercase}.manager-directory-card dd{margin:3px 0 0;color:#fff;font-weight:800}.manager-card-actions{display:flex;gap:9px;margin-top:16px}.manager-card-actions a{flex:1;border:1px solid rgba(215,173,85,.45);border-radius:7px;padding:8px;text-align:center;text-decoration:none;font-weight:750}
.compare-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;margin-bottom:24px}#swap-managers{border-radius:8px}.comparison-head{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.comparison-head article{border:1px solid var(--line);border-radius:8px;background:rgba(255,245,226,.055);padding:18px}.comparison-head h2{margin:8px 0;color:#fff}.comparison-head p{color:var(--soft);line-height:1.55}.comparison-table{margin-top:20px;min-width:680px}.comparison-table caption{text-align:left;margin-bottom:8px;color:var(--gold);font-weight:800}.comparison-table th,.comparison-table td{border-top:1px solid var(--line);padding:13px;text-align:left}.comparison-table thead th{color:#fff}.comparison-table tbody th{color:var(--soft)}.metric-leader{background:rgba(215,173,85,.1);color:#fff;font-weight:850}.comparison-reading{margin-top:24px;border-left:4px solid var(--gold);background:rgba(215,173,85,.07);padding:16px}.comparison-reading h2{margin:0 0 8px;color:#fff}.comparison-reading p{margin:0;color:var(--soft);line-height:1.65}
@media(max-width:900px){.manager-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.manager-tool-controls,.manager-card-grid,.compare-selectors,.comparison-head{grid-template-columns:1fr}.compare-selectors button{width:100%}.manager-directory-card{min-height:0}}

.stories-hero{max-width:1240px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:24px;align-items:end;padding:clamp(28px,7vw,78px) 0 34px}.stories-hero h1{margin:0;color:#fff;font-size:clamp(4rem,11vw,9rem);line-height:.8}.stories-hero-note{border:1px solid var(--line);border-radius:8px;background:rgba(18,15,15,.74);padding:20px}.stories-hero-note b{color:var(--gold);text-transform:uppercase;letter-spacing:.07em}.stories-hero-note p{margin-bottom:0;color:var(--soft);line-height:1.6}
.story-feature-grid{max-width:1240px;margin:0 auto 18px;display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.story-feature{display:grid;align-content:end;min-height:340px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(18,15,15,.2),rgba(18,15,15,.94)),url("assets/the-kop-anfield-cc0.jpg");background-size:cover;background-position:center;padding:clamp(20px,4vw,38px);color:#fff;text-decoration:none}.story-feature.rivalry{background-image:linear-gradient(145deg,rgba(109,7,17,.24),rgba(18,15,15,.94)),url("assets/anfield-road-stand-cc0.jpg")}.story-feature:hover{border-color:var(--gold)}.story-feature span{color:var(--gold);font-size:.74rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.story-feature h2{max-width:650px;margin:10px 0;color:#fff;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1}.story-feature p{max-width:700px;color:var(--soft);line-height:1.6}.story-feature strong{color:#fff}
.reading-paths{max-width:1240px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reading-path{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:clamp(18px,3vw,28px)}.reading-path h2{margin:5px 0 10px;color:#fff;font-size:1.7rem}.reading-path>p:not(.eyebrow){color:var(--soft);line-height:1.62}.reading-path ol{display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none}.reading-path li{border-top:1px solid var(--line)}.reading-path li a{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;text-decoration:none}.reading-path li b{color:#fff}.reading-path li span{color:var(--muted);font-size:.9rem}
.rivalry-matches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 30px}.rivalry-matches div{border:1px solid rgba(255,245,226,.14);border-radius:7px;background:rgba(255,245,226,.05);padding:12px}.rivalry-matches b,.rivalry-matches span{display:block}.rivalry-matches b{color:var(--gold)}.rivalry-matches span{margin-top:4px;color:var(--soft);font-size:.84rem;line-height:1.4}
.route-grid,.comeback-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 30px}.route-grid div,.comeback-sequence div{border:1px solid rgba(255,245,226,.14);border-radius:8px;background:rgba(255,245,226,.05);padding:13px}.route-grid b,.route-grid span,.comeback-sequence time,.comeback-sequence b,.comeback-sequence span{display:block}.route-grid b,.comeback-sequence time{color:var(--gold);font-size:.76rem;font-weight:850;text-transform:uppercase}.route-grid span,.comeback-sequence span{margin-top:5px;color:var(--soft);font-size:.86rem;line-height:1.45}.comeback-sequence{grid-template-columns:repeat(3,1fr)}.comeback-sequence b{margin-top:5px;color:#fff}.shootout-list{display:grid;gap:10px;margin:18px 0 26px;padding-left:22px}.shootout-list li{border-top:1px solid rgba(255,245,226,.14);padding:11px 0 0;color:var(--soft);line-height:1.62}.shootout-list b{color:#fff}
@media(max-width:800px){.stories-hero,.story-feature-grid,.reading-paths{grid-template-columns:1fr}.story-feature{min-height:280px}.rivalry-matches{grid-template-columns:1fr}}
@media(max-width:800px){.route-grid,.comeback-sequence{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.route-grid,.comeback-sequence{grid-template-columns:1fr}}