/*
Theme Name: A Story of Us
Theme URI: https://thestoryofus.us/
Author: The Story of Us
Description: Academic editorial WordPress theme for The Story of Us — reflective essays on freedom, dignity, class, parenting, values, responsibility, identity, family, and human experience.
Version: 3.8.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: storyofus
License: GNU General Public License v2 or later
*/

:root{
 --ink:#172033;--muted:#5f6470;--paper:#f8f6f0;--panel:#fffefb;--line:#cfc9bd;
 --accent:#7b1f2b;--navy:#16243a;--gold:#9b7a42;
 --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
 --sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.78}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#4e1019}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.academic-rule{height:5px;background:var(--navy)}.masthead{text-align:center;padding:24px 0 20px}.masthead-kicker{font-family:var(--sans);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:8px}.brand{display:inline-block;color:var(--navy);text-decoration:none;font-size:2rem;line-height:1;font-weight:600;letter-spacing:.015em}.brand span{display:block;margin-top:9px;font-size:.78rem;line-height:1.2;color:var(--muted);font-style:italic;font-weight:400;letter-spacing:.03em}.nav-bar{border-top:1px solid var(--line);background:#f3f0e8}.header-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px}.utility-links{display:flex;align-items:center;gap:8px;flex:0 0 auto}.home-button,.author-button{display:inline-block;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid var(--navy);padding:8px 13px;color:var(--navy);background:transparent}.home-button{background:var(--navy);color:#fff}.home-button:hover{color:#fff;background:#0e192a}.author-button:hover{background:#e8e2d6;color:var(--navy)}.main-nav ul{display:flex;gap:17px;list-style:none;margin:0;padding:0;align-items:center}.main-nav a{font-family:var(--sans);font-size:.68rem;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--navy);text-decoration:none}.main-nav a:hover{color:var(--accent)}.nav-toggle{display:none;border:1px solid var(--navy);background:transparent;padding:8px 12px;font-family:var(--sans);font-weight:700;color:var(--navy)}
.hero{padding:86px 0 78px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfaf6 0%,#f5f1e8 100%)}.hero-inner{text-align:center;max-width:940px}.eyebrow{font-family:var(--sans);font-size:.7rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.hero h1{font-size:clamp(3.3rem,7vw,6.7rem);line-height:.98;letter-spacing:-.035em;margin:.22em 0 .16em;color:var(--navy);font-weight:500}.hero-rule{width:74px;height:2px;background:var(--gold);margin:22px auto 24px}.hero p{font-size:clamp(1.12rem,2vw,1.38rem);max-width:810px;margin:0 auto;color:#3f4652}.hero-note{margin-top:20px!important;font-size:1rem!important;font-style:italic;color:var(--muted)!important}.topic-strip{padding:17px 0;border-bottom:1px solid var(--line);background:#eeebe3}.topic-strip .wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 30px}.topic-strip a{font-family:var(--sans);text-decoration:none;color:var(--navy);text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:700}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding:66px 0}.section-heading{border-bottom:2px solid var(--navy);padding-bottom:11px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading span{font-size:1.7rem;color:var(--navy)}.section-heading small{font-family:var(--sans);color:var(--muted);font-size:.72rem;letter-spacing:.04em}.article-card{padding:0 0 30px;margin-bottom:34px;border-bottom:1px solid var(--line);background:transparent}.article-card h2{font-size:2.2rem;line-height:1.14;font-weight:500;margin:.28em 0 .38em}.article-card h2 a{color:var(--navy);text-decoration:none}.article-card h2 a:hover{color:var(--accent)}.article-card p{max-width:790px}.meta{font-family:var(--sans);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.read-more,.academic-link{font-family:var(--sans);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.sidebar{font-size:.94rem}.sidebar-box{border-top:1px solid var(--navy);padding-top:16px;margin-bottom:38px}.sidebar-box:before{content:"";display:block;width:44px;border-top:4px solid var(--navy);margin-top:-18px;margin-bottom:16px}.sidebar-label{font-family:var(--sans);font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-weight:750}.sidebar h3{font-size:1.28rem;line-height:1.2;color:var(--navy);margin:.28em 0 .7em;font-weight:600}.sidebar h3 a{color:var(--navy);text-decoration:none}
.single-hero{padding:68px 0 42px;border-bottom:1px solid var(--line);background:#f4f1ea}.single-hero .wrap{max-width:980px}.single-hero h1{font-size:clamp(2.7rem,5.8vw,5.2rem);line-height:1.02;letter-spacing:-.035em;max-width:950px;margin:.22em 0;color:var(--navy);font-weight:500}.deck{font-size:1.28rem;color:var(--muted);max-width:800px}.article-shell{display:grid;grid-template-columns:minmax(0,760px) 250px;justify-content:center;gap:78px;padding:62px 20px}.entry-content{font-size:1.12rem}.entry-content>p:first-child{font-size:1.22rem}.entry-content h2{font-size:2rem;line-height:1.17;margin-top:1.9em;color:var(--navy);font-weight:550}.entry-content h3{font-size:1.4rem;color:var(--navy)}.entry-content p{margin:0 0 1.38em}.entry-content blockquote{margin:2.1em 0;padding:1em 1.45em;border-left:3px solid var(--accent);font-size:1.28rem;font-style:italic;background:#f1ede4}.entry-content strong{color:#182237}.entry-content .key-line,.entry-content .lead{font-size:1.3rem;line-height:1.62}.post-nav{border-top:1px solid var(--line);padding-top:24px;margin-top:48px}.faq{margin-top:3rem;border-top:1px solid var(--line);padding-top:1.5rem}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-weight:700;cursor:pointer}.section-intro{max-width:780px;font-size:1.24rem;color:#414753;margin-bottom:34px}
.site-footer{background:var(--navy);color:#e8e4da;margin-top:70px;padding:58px 0 28px;border-top:5px solid var(--gold)}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-kicker{font-family:var(--sans);font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:#ceb37f}.footer-title{font-size:1.65rem;font-weight:500;margin:.3em 0 .6em;color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.17);margin-top:40px;padding-top:18px;font-family:var(--sans);font-size:.68rem;color:#c6c1b6;letter-spacing:.04em}.search-form{display:flex}.search-field{width:100%;padding:11px;border:1px solid var(--line);background:#fff}.search-submit{padding:11px 14px;border:0;background:var(--navy);color:#fff}.screen-reader-text{position:absolute;left:-9999px}.alignwide{margin-left:calc(50% - 50vw + 30px);margin-right:calc(50% - 50vw + 30px)}
@media(max-width:980px){.header-inner{align-items:flex-start;padding:10px 0;flex-wrap:wrap}.utility-links{order:1}.nav-toggle{display:block;order:2}.main-nav{display:none;order:3;width:100%;padding:12px 0 6px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start;gap:10px}.content-grid,.article-shell,.footer-grid{grid-template-columns:1fr}.article-shell{padding:42px 20px}.sidebar{order:2;max-width:720px}.hero{padding:64px 0}.wrap{width:min(100% - 30px,1160px)}}
@media(max-width:560px){body{font-size:17px}.masthead{padding:18px 0}.brand{font-size:1.65rem}.masthead-kicker{font-size:.58rem}.utility-links{width:100%;justify-content:space-between}.home-button,.author-button{font-size:.63rem;padding:7px 9px}.section-heading{display:block}.section-heading small{display:block;margin-top:5px}.hero h1{font-size:3.3rem}.article-card h2{font-size:1.75rem}}

/* v2.3 book essay refinements */
.entry-content .lead{font-size:1.18em;line-height:1.75;color:#26364a}.entry-content h2{margin-top:2.4rem}.entry-content p{max-width:72ch}.post-card{border-top:1px solid rgba(31,45,61,.18);padding-top:1.4rem}

.research-note{margin:3rem 0 1rem;padding:1.4rem 1.6rem;border-top:2px solid #7d6a45;border-bottom:1px solid rgba(31,45,61,.18);background:rgba(255,255,255,.34)}
.research-note h2{margin-top:0;font-size:1.2rem}.research-note p,.research-note li{font-size:.92rem;line-height:1.6}.research-note a{text-decoration:underline}

/* v2.6 complete book index */
.book-index-link{margin-top:1.6rem}
.essay-index-section{padding:4.5rem 0 5rem;border-top:1px solid rgba(31,45,61,.16);background:rgba(255,255,255,.28)}
.index-header{max-width:760px;margin-bottom:3rem}
.index-header h2{font-size:clamp(2rem,4vw,3.2rem);margin:.25rem 0 1rem}
.index-header p{font-size:1.08rem;line-height:1.75}
.index-group{margin:0 0 3.6rem}
.index-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:2px solid #25364a;margin-bottom:1.5rem;padding-bottom:.55rem}
.index-group-heading h3{font-size:1.55rem;margin:0}
.index-group-heading span{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;opacity:.65}
.essay-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem}
.essay-reference-card{padding:1.35rem 0;border-bottom:1px solid rgba(31,45,61,.16)}
.essay-reference-card .reference-number{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;opacity:.55;margin-bottom:.45rem}
.essay-reference-card h4{font-size:1.28rem;line-height:1.25;margin:.15rem 0 .6rem}
.essay-reference-card p{font-size:.96rem;line-height:1.6;margin:.4rem 0 .8rem}
.index-all-alphabetical{margin-top:4.5rem;padding-top:2rem;border-top:3px double rgba(31,45,61,.3)}
.index-all-alphabetical h3{font-size:1.5rem}
.alphabetical-essay-list{margin:1.25rem 0 0;padding-left:1.4rem;columns:2;column-gap:3rem}
.alphabetical-essay-list li{break-inside:avoid;margin:0 0 .8rem;padding:0 0 .55rem .3rem;border-bottom:1px dotted rgba(31,45,61,.18)}
.alphabetical-essay-list a{font-family:Georgia,"Times New Roman",serif;font-weight:700}
.alphabetical-essay-list span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;opacity:.55;margin-top:.15rem}
@media(max-width:760px){
  .essay-reference-grid{grid-template-columns:1fr}
  .alphabetical-essay-list{columns:1}
  .index-group-heading{align-items:flex-end}
}

/* v2.7 bilingual edition + featured personal reflection */
.masthead-row{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.language-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem 1rem;border:1px solid rgba(31,45,61,.42);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.language-button:hover{background:#25364a;color:#fff}
.featured-personal{border-top:1px solid rgba(31,45,61,.18);border-bottom:1px solid rgba(31,45,61,.18);background:#efe8dc;padding:3.2rem 0}
.featured-personal-inner{display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:2rem;align-items:center}
.featured-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#765a3d}
.featured-copy h2{font-size:clamp(2rem,4vw,3rem);margin:.25rem 0 .7rem;line-height:1.04}
.featured-copy p{font-size:1.05rem;line-height:1.65}
.featured-quote{font-family:Georgia,"Times New Roman",serif;font-size:1.14rem;line-height:1.65;font-style:italic;border-left:2px solid #8a7152;padding-left:1.3rem}
.personal-essay.poem{max-width:720px;margin:0 auto}
.personal-essay.poem p{font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;line-height:1.8;margin:0 0 1.35rem}
.personal-essay.poem .lead{font-size:1.35rem}
.memorial-line{margin-top:3rem!important;letter-spacing:.04em}
.author-signature{font-size:1.18rem!important}
.lang-es .main-nav{display:none}
.lang-es .header-inner{justify-content:flex-start}
@media(max-width:760px){
 .masthead-row{align-items:flex-start}
 .featured-personal-inner{grid-template-columns:1fr}
 .featured-quote{margin-top:.5rem}
 .language-button{min-height:44px}
}

/* v2.8 reader preface / gateway */
.reader-preface{padding:2.6rem 0;background:#25364a;color:#f7f2e8;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(0,0,0,.25)}
.reader-preface-inner{display:grid;grid-template-columns:1.6fr .8fr;gap:2.5rem;align-items:center}
.reader-preface .eyebrow{color:#d5c5a8}
.reader-preface h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;margin:.25rem 0 .7rem;color:#fff}
.reader-preface p{max-width:68ch;line-height:1.7;margin:0}
.preface-actions{display:flex;flex-direction:column;gap:.8rem;align-items:stretch}
.preface-primary,.preface-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1rem;text-align:center;text-decoration:none;font-weight:700;letter-spacing:.035em}
.preface-primary{background:#f2eadc;color:#25364a;border:1px solid #f2eadc}
.preface-secondary{color:#fff;border:1px solid rgba(255,255,255,.5)}
.preface-primary:hover{background:#fff}
.preface-secondary:hover{background:rgba(255,255,255,.08)}
.page .entry-content .lead:first-child strong{font-size:1.15em}
@media(max-width:760px){.reader-preface-inner{grid-template-columns:1fr}.preface-actions{max-width:100%}}

/* v3.0 original-manuscript restoration */
.original-manuscript-section{padding:4.5rem 0;background:#171820;color:#f5f0e8;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.original-manuscript-section .index-header p{color:#c9bdae}
.original-manuscript-section .eyebrow{color:#c79a45}
.original-manuscript-section .index-header h2{color:#fff}
.original-manuscript-section .essay-reference-card{border-color:rgba(255,255,255,.15)}
.original-manuscript-section .essay-reference-card h4 a{color:#f5f0e8}
.original-manuscript-section .essay-reference-card p{color:#c9bdae}
.original-manuscript-section .reference-number{color:#c79a45;opacity:1}
.original-manuscript-section .academic-link,.original-manuscript-section .read-more{color:#d8b56b}

/* v3.1 clean continuous article pages */
.book-reading-page{background:#fbfaf6}
.chapter-heading-wrap{max-width:900px!important}
.chapter-reading-wrap{width:min(100% - 36px,860px);margin:0 auto;padding:64px 0 76px}
.chapter-content{font-size:1.14rem;line-height:1.82}
.chapter-content>p,.chapter-content>ul,.chapter-content>ol,.chapter-content>blockquote,.chapter-content>h2,.chapter-content>h3,.chapter-content>h4,.chapter-content>.research-note,.chapter-content>.personal-essay{max-width:100%}
.chapter-content p{max-width:none}
.chapter-content h2{margin-top:2.3em;margin-bottom:.65em}
.chapter-content h3{margin-top:1.8em}
.chapter-content ul,.chapter-content ol{margin:0 0 1.5em 1.4em}
.chapter-content li{margin-bottom:.45em}
.chapter-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.page-links{margin:2.5rem 0;padding-top:1rem;border-top:1px solid var(--line)}
.single-hero.chapter-hero .eyebrow{margin-bottom:.55rem}
@media(max-width:760px){.chapter-reading-wrap{width:min(100% - 28px,860px);padding:42px 0 56px}.chapter-content{font-size:1.06rem;line-height:1.75}}

/* v3.3 dynamic section pages */
.section-page .chapter-reading-wrap{padding-bottom:1.75rem}
.section-essay-library{padding:3.5rem 0 5rem;border-top:1px solid rgba(31,45,61,.16);background:rgba(255,255,255,.32)}
.section-library-heading{max-width:760px;margin-bottom:2rem}
.section-library-heading h2{font-size:clamp(1.8rem,3.5vw,2.7rem);margin:.25rem 0 .65rem}
.section-library-heading p{font-size:1.02rem;line-height:1.65}
.section-essay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem}
.section-essay-card{padding:1.5rem 0;border-top:1px solid rgba(31,45,61,.18)}
.section-essay-card h3{font-size:1.4rem;line-height:1.25;margin:.35rem 0 .7rem}
.section-essay-card p{line-height:1.65;margin:.35rem 0 1rem}
.section-empty-message{padding:1.5rem 0;font-style:italic}
.spanish-topic-strip a{white-space:nowrap}
@media(max-width:760px){.section-essay-grid{grid-template-columns:1fr}}

/* v3.4 section pages render complete essays inline */
.full-section-library{border-top:1px solid rgba(31,45,61,.16);padding:2rem 0 5rem;background:#fffdf8}
.section-full-wrap{max-width:960px}
.embedded-book-essay{padding:3.25rem 0 4rem;border-bottom:3px double rgba(31,45,61,.2)}
.embedded-book-essay:last-child{border-bottom:0}
.embedded-essay-header{max-width:760px;margin:0 auto 2rem}
.embedded-essay-header h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:.3rem 0 .8rem}
.embedded-essay-header .deck{font-size:1.07rem;line-height:1.65;color:#58626c}
.embedded-essay-content{max-width:760px;margin:0 auto}
.embedded-essay-content p{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.82;margin:0 0 1.35rem}
.embedded-essay-content h2{font-size:1.65rem;line-height:1.2;margin:2.5rem 0 1rem}
.embedded-essay-footer{max-width:760px;margin:2.2rem auto 0;padding-top:1rem;border-top:1px solid rgba(31,45,61,.14)}
.section-introduction{padding-bottom:.5rem}

/* v3.5 expanded Class chapter */
.full-section-essays .section-introduction{max-width:760px;margin:0 auto;padding-bottom:1.25rem}
.full-section-essays .embedded-book-essay:first-child{padding-top:2.2rem}