/*
Theme Name: Sarah Jane Vincent Wiki
Theme URI: https://sarahjanevincent.wiki/
Author: Wasiq Khan
Author URI: https://wasiqkhan.com
Description: WordPress theme for sarahjanevincent.wiki, converted by Wasiq Khan from the supplied website files, with the original design, SEO metadata and structured data preserved.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: sjv-wiki
*/

/* ---- Original design (from handoff index.html) ---- */
:root{--ink:#202122;--muted:#54595d;--link:#2857a4;--line:#a2a9b1;--soft:#eaecf0;--paper:#fff;--subtle:#f8f9fa;--width:1450px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:3px solid #36c;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:5px;background:#fff;padding:10px;z-index:20}.skip:focus{left:10px}
.masthead{border-bottom:1px solid var(--soft);padding:18px clamp(20px,4vw,55px);display:flex;align-items:center;justify-content:space-between;gap:15px}
.brand{font-family:Georgia,serif;font-size:1.5rem;letter-spacing:-.04em;color:var(--ink)}
.brand span{font-size:.72rem;font-family:system-ui,sans-serif;letter-spacing:.15em;color:var(--muted);display:block;text-transform:uppercase}
.masthead .meta{font-size:.8rem;color:var(--muted)}
.layout{max-width:var(--width);margin:0 auto;display:grid;grid-template-columns:195px minmax(0,1fr) 295px;gap:clamp(20px,3vw,45px);padding:34px clamp(18px,3vw,45px) 90px}
.toc{position:sticky;top:22px;align-self:start;max-height:calc(100vh - 44px);overflow:auto;font-size:.86rem}
.toc h2{font-size:.8rem;font-weight:700;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--soft)}
.toc ol{list-style:none;margin:0;padding:0}.toc li{margin:0 0 9px}.toc a{color:var(--muted)}.toc a:hover{color:var(--link)}
.lead{grid-column:2;grid-row:1}main{min-width:0;grid-column:2;grid-row:2}.infobox{grid-column:3;grid-row:1 / span 2}
.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;color:var(--muted);margin:0 0 4px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.25}
h1{font-size:clamp(2.3rem,4vw,3.15rem);letter-spacing:-.035em;margin:0 0 9px}
.subtitle{color:var(--muted);font-size:.95rem;margin:0 0 22px}
.article-section{scroll-margin-top:22px}
.article-section h2{font-size:1.65rem;border-bottom:1px solid var(--line);padding-bottom:8px;margin:36px 0 16px}
.article-section h3{font-size:1.2rem;margin:23px 0 8px}
p{margin:0 0 16px}
.lead p:first-child{font-size:1.06rem}
sup.reference{font-size:.72em;line-height:0;white-space:nowrap;margin-left:2px}
.stages{padding-left:25px}.stages li{padding:4px 0}
.infobox{align-self:start;border:1px solid var(--line);background:var(--subtle);font-size:.84rem;padding:10px}
.infobox h2{text-align:center;font-size:1.35rem;font-weight:700;margin:4px 0 10px}
.portrait{height:290px;background:#e8eaed;border:1px solid #c8ccd1;overflow:hidden}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}
.photo-caption{text-align:center;font-size:.73rem;color:var(--muted);margin:8px 0 13px}
.article-photo{max-width:490px;margin:22px auto 28px}
.article-photo img{display:block;width:100%;height:auto;border:1px solid var(--soft)}
.article-photo figcaption{font-size:.8rem;color:var(--muted);line-height:1.5;margin-top:7px;text-align:left}
.infobox dl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px 8px;margin:0;overflow-wrap:anywhere}
.infobox dt{font-weight:700}.infobox dd{margin:0}
.references ol{font-size:.88rem;padding-left:24px;overflow-wrap:anywhere}.references li{margin-bottom:12px}
.backlink{font-size:.8em;margin-left:4px}
.footer{max-width:var(--width);margin:0 auto;border-top:1px solid var(--soft);padding:22px 45px 40px;font-size:.8rem;color:var(--muted)}
.mobile-toc{display:none}
@media(max-width:1100px){.layout{grid-template-columns:170px minmax(0,1fr)}.lead{grid-column:2;grid-row:1}.infobox{grid-column:2;grid-row:2;width:min(100%,330px);justify-self:start}.toc{grid-column:1;grid-row:1 / span 3}main{grid-column:2;grid-row:3}}
@media(max-width:720px){.layout{display:flex;flex-direction:column;padding:22px 18px 50px;gap:16px}.toc{display:none}.mobile-toc{display:block;border:1px solid var(--soft);background:var(--subtle);padding:10px 14px;margin:20px 0}.mobile-toc summary{cursor:pointer;font-weight:650}.mobile-toc ol{padding-left:22px;margin:10px 0}.infobox{width:100%;max-width:350px;align-self:center;order:1}main{display:block;order:3}.lead{order:0}.mobile-toc{order:2}.article-body{order:3}.footer{padding:20px}.masthead .meta{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.masthead,.toc,.mobile-toc,.footer{display:none}.layout{display:block;padding:0}.infobox{float:right;width:230px;margin:0 0 15px 20px}a{color:inherit}.article-section{break-inside:avoid}}
@media(max-width:720px){.article-photo{max-width:100%;margin:18px auto 26px}.article-photo figcaption{font-size:.78rem}.infobox dl{grid-template-columns:92px minmax(0,1fr)}}

/* ---- WordPress additions ---- */
a.brand:hover{text-decoration:none}
.layout--simple{display:block;max-width:900px}
.layout--simple main{display:block}