/*
Theme Name: Abjecting Editorial
Theme URI: https://abjecting.com/
Author: Abjecting.com
Description: A bespoke editorial WordPress theme exploring the word abject, its usage, history, and cultural meanings.
Version: 1.0.0
Text Domain: abjecting
*/
:root{
  --ink:#181714;--paper:#f3efe6;--paper2:#e8dfcf;--rust:#a33b20;--moss:#425548;
  --line:rgba(24,23,20,.18);--muted:#716b61;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;background:rgba(243,239,230,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--max);margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:2px solid var(--ink);display:grid;place-items:center;transform:rotate(-3deg);font:bold 25px/1 Georgia}
.brand-name{font:800 24px/1.1 Arial,sans-serif;letter-spacing:-1px}.brand-tag{display:block;font:11px/1.2 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-top:4px}
.nav-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:8px 11px;font-weight:bold}
.main-nav{display:flex;align-items:center;gap:28px;font:700 13px/1 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase}
.main-nav a{text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a:focus{border-color:var(--rust)}
.hero{min-height:76vh;display:grid;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero:before{content:"ABJECT";position:absolute;right:-2vw;top:4vh;font:900 clamp(90px,19vw,280px)/.8 Arial,sans-serif;color:rgba(24,23,20,.045);letter-spacing:-14px}
.wrap{max-width:var(--max);margin:auto;padding:80px 24px;position:relative}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.kicker{font:700 12px/1 Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--rust)}
.hero h1,.page-hero h1{font:500 clamp(60px,9vw,132px)/.82 Georgia,serif;letter-spacing:-6px;margin:20px 0 30px}
.hero h1 em{display:block;color:var(--rust);font-weight:400}.lede{font-size:clamp(19px,2vw,27px);line-height:1.45;max-width:760px}
.definition-card{background:var(--ink);color:var(--paper);padding:34px;transform:rotate(1deg);box-shadow:12px 12px 0 var(--rust)}
.definition-card .phonetic{font-family:Arial,sans-serif;color:#d8cdb9}.definition-card h2{font-size:34px;margin:.3em 0}.definition-card p{font-size:18px}
.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-block;text-decoration:none;border:1px solid var(--ink);padding:13px 18px;font:700 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px}.btn.primary{background:var(--rust);border-color:var(--rust);color:#fff}.btn:hover{transform:translateY(-2px)}
.section{border-bottom:1px solid var(--line)}.section.alt{background:var(--paper2)}.section-title{font-size:clamp(38px,5vw,72px);line-height:1;margin:0 0 30px;letter-spacing:-2px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.editorial-card{border-top:4px solid var(--ink);padding:25px 0}.editorial-card .number{font:800 12px Arial;color:var(--rust);letter-spacing:2px}.editorial-card h3{font-size:28px;line-height:1.15;margin:12px 0}.editorial-card p{color:#4d4942}
.quote-band{background:var(--moss);color:#fff}.quote-band blockquote{font-size:clamp(32px,5vw,65px);line-height:1.1;margin:0}.quote-band cite{display:block;margin-top:24px;font:700 12px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#d9e1db}
.page-hero{border-bottom:1px solid var(--line)}.page-hero .wrap{padding-top:90px;padding-bottom:60px}.page-hero h1{font-size:clamp(58px,8vw,110px);margin-bottom:22px}.breadcrumb{font:700 11px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px}.article h2{font-size:42px;line-height:1.1;margin-top:1.7em}.article h3{font-size:28px;line-height:1.2;margin-top:1.6em}.article p,.article li{font-size:19px}.article .intro{font-size:26px;line-height:1.45}.article table{width:100%;border-collapse:collapse;margin:30px 0}.article th,.article td{border:1px solid var(--line);padding:13px;text-align:left}.article th{background:var(--paper2);font-family:Arial,sans-serif}
.callout{border-left:6px solid var(--rust);background:#fff9ec;padding:24px 28px;margin:32px 0}.callout strong{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px}
.sidebar{font:15px Arial,sans-serif}.sidebar-box{position:sticky;top:100px;border:1px solid var(--line);padding:22px}.sidebar h3{font-size:14px;text-transform:uppercase;letter-spacing:1.5px}.sidebar a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none}.sidebar a:last-child{border:0}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:21px;font-weight:bold;list-style:none}summary:after{content:"+";float:right;color:var(--rust)}details[open] summary:after{content:"–"}details p{max-width:820px}
.word-lab{background:var(--ink);color:var(--paper);padding:36px}.word-lab textarea{width:100%;min-height:120px;padding:15px;font:18px Georgia;background:#f8f3e8;border:0}.word-lab button{margin-top:12px;padding:12px 16px;border:0;background:var(--rust);color:#fff;font-weight:bold}.lab-result{margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.25);display:none}
.site-footer{background:var(--ink);color:var(--paper)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.site-footer h2{font-size:36px;margin-top:0}.site-footer h3{font:700 12px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#c4bbaa}.footer-links a{display:block;padding:6px 0;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:20px 0;font:12px Arial,sans-serif;color:#bcb4a7}
.notice{background:#fff6df;border:1px solid #d7c89f;padding:18px}
@media(max-width:900px){.hero-grid,.content-layout,.footer-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.main-nav{display:none;position:absolute;left:0;right:0;top:71px;background:var(--paper);padding:20px 24px;flex-direction:column;align-items:flex-start;gap:7px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-toggle{display:block}.hero h1,.page-hero h1{letter-spacing:-3px}.sidebar-box{position:static}}
@media(max-width:560px){.wrap{padding:55px 18px}.header-inner{padding:14px 18px}.hero{min-height:auto}.hero-grid{gap:38px}.definition-card{box-shadow:7px 7px 0 var(--rust)}}