@layer reset, tokens, base, layout, responsive;
@layer reset { *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body,h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0} ul,ol{padding-left:1.2rem} button,a{font:inherit} }
@layer tokens { :root{--night:#17212b;--ink:#26323c;--paper:#faf7ef;--white:#fffefa;--cobalt:#3156a6;--cobalt-dark:#203f82;--vermilion:#c7462c;--lemon:#f2c84b;--mint:#dce9e2;--line:#95a1a9;--sans:"Segoe UI",Arial,sans-serif;--display:"Arial Narrow","Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--max:78rem;--pad:clamp(1rem,4vw,3.5rem)} }
@layer base { body{min-width:20rem;background:var(--paper);color:var(--night);font:clamp(1rem,.96rem + .2vw,1.12rem)/1.65 var(--serif)} a{color:inherit;text-decoration-color:var(--vermilion);text-decoration-thickness:.12em;text-underline-offset:.2em} a:hover{color:var(--cobalt)} :focus-visible{outline:.2rem solid var(--vermilion);outline-offset:.2rem} h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.025em;text-wrap:balance} h1{font-size:clamp(3.2rem,8.5vw,8.7rem)} h2{font-size:clamp(2rem,4vw,4.4rem)} h3{font-size:clamp(1.35rem,2.2vw,2rem)} p{max-width:70ch} }
@layer layout {
.shell{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--pad)} .site-header{margin:.8rem;border:.12rem solid var(--night);background:var(--paper)} .masthead{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;max-width:var(--max);margin:auto;padding:1rem var(--pad)} .wordmark{color:var(--night);font-family:var(--display);font-size:clamp(2rem,4.5vw,4.3rem);font-weight:900;letter-spacing:-.06em;line-height:.85;text-decoration:none;text-transform:uppercase} .descriptor{display:block;margin-top:.55rem;color:var(--cobalt);font:700 .72rem/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase} .issue{color:var(--ink);font:700 .78rem/1.4 var(--sans);letter-spacing:.08em;text-align:right;text-transform:uppercase} .site-nav{border-top:.12rem solid var(--night);background:var(--lemon)} .site-nav ul{display:flex;flex-wrap:wrap;gap:.15rem 1.2rem;max-width:var(--max);margin:auto;padding:0 var(--pad);list-style:none} .site-nav a{display:block;min-height:2.8rem;padding:.72rem 0;font:750 .83rem/1.3 var(--sans);text-decoration:none} .site-nav a[aria-current="page"]{box-shadow:inset 0 -.3rem 0 var(--vermilion)} .nav-toggle{display:none;min-height:2.8rem;border:.1rem solid var(--night);background:var(--paper);font:750 .85rem var(--sans)}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);gap:clamp(2rem,7vw,7rem);padding-block:clamp(4rem,9vw,8rem)} .hero h1{max-width:11ch}.hero-copy{align-self:end;border-top:.65rem solid var(--cobalt);padding-top:1.2rem}.hero-copy p+p{margin-top:1rem}.eyebrow,.chapter,.meta,.evidence{font:800 .78rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}.eyebrow,.chapter{color:var(--vermilion)}.band{border-top:.12rem solid var(--night);padding-block:clamp(3.5rem,7vw,6.5rem)}.band.cobalt{background:var(--cobalt);color:var(--white)}.band.mint{background:var(--mint)}.section-head{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:1.2rem;margin-bottom:2.5rem}.section-head p{margin-top:.8rem}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.book-card{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1rem;border:.12rem solid var(--night);background:var(--white);padding:1.2rem;box-shadow:.45rem .45rem 0 var(--lemon)}.book-card .number{color:var(--vermilion);font:900 2.4rem/1 var(--display)}.book-card h3{margin-bottom:.55rem}.book-card .meta{margin-bottom:.8rem;color:var(--cobalt-dark)}.book-actions{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;margin-top:1.1rem}.price{font:850 clamp(1.3rem,2vw,1.8rem)/1 var(--sans)}.price-note{display:block;color:#53616a;font:.76rem/1.45 var(--sans)}.amazon-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.68rem 1rem;border:.12rem solid var(--night);background:var(--vermilion);color:var(--white);font:800 .86rem/1.2 var(--sans);text-decoration:none}.amazon-button:hover{background:var(--night);color:var(--white)}.external::after{content:" ↗"}
.axis-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:.1rem solid currentColor;border-top:.1rem solid currentColor}.axis-grid article{min-height:13rem;padding:1.2rem;border-right:.1rem solid currentColor;border-bottom:.1rem solid currentColor}.axis-grid span{display:block;margin-bottom:1rem;color:var(--lemon);font:900 2rem/1 var(--display)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,7vw,6rem)}.prose p+p,.split p+p{margin-top:1rem}.notice{border-left:1rem solid var(--vermilion);padding:1.5rem;background:var(--white)}
.site-footer{background:var(--night);color:var(--white);padding:3rem var(--pad)}.footer-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:2.5rem;max-width:var(--max);margin:auto}.footer-links{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;font:.82rem var(--sans)}.footer-small{margin-top:1rem;color:#d9e1e5;font-size:.86rem}.page-hero{padding-block:clamp(3.5rem,7vw,6rem) 2.5rem;border-bottom:.12rem solid var(--night)}.page-hero h1{max-width:14ch;margin-block:.7rem 1rem;font-size:clamp(2.8rem,7vw,7rem)}.breadcrumb{margin-bottom:1.8rem;font:.82rem var(--sans)}
.book-sheet{display:grid;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr);gap:clamp(2.5rem,8vw,7rem);padding-block:clamp(3rem,6vw,6rem)}.book-aside{position:sticky;top:1rem;align-self:start}.cover-placeholder{display:flex;min-height:26rem;flex-direction:column;justify-content:space-between;padding:1.5rem;border:.12rem solid var(--night);background:var(--lemon);box-shadow:.8rem .8rem 0 var(--cobalt)}.cover-placeholder strong{font:900 clamp(2rem,4vw,3.8rem)/.95 var(--display)}.cover-placeholder span{font:750 .76rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}.facts{margin-top:2.4rem;border-top:.12rem solid var(--night)}.facts div{padding-block:.75rem;border-bottom:.08rem solid var(--line)}.facts dt{color:var(--cobalt-dark);font:750 .78rem var(--sans)}.review-body section+section{margin-top:3rem;padding-top:2.2rem;border-top:.1rem solid var(--line)}.review-body h2{margin-bottom:1rem;font-size:clamp(1.9rem,3.3vw,3.3rem)}.evidence{display:inline-block;margin-bottom:1.5rem;padding:.4rem .6rem;background:var(--cobalt);color:var(--white)}.amazon-panel{margin-top:1.5rem;padding:1.4rem;border:.12rem solid var(--night);background:var(--mint)}.amazon-panel p+p{margin-top:.75rem}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.related a{min-height:7rem;padding:1rem;border:.1rem solid var(--night);background:var(--white);text-decoration:none}
.legal-grid{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:clamp(2rem,7vw,6rem);padding-block:4rem}.legal-index{position:sticky;top:1rem;align-self:start;font:.82rem var(--sans)}.legal-index a{display:block;padding:.38rem 0}.legal-copy section+section{margin-top:2.8rem;padding-top:2rem;border-top:.1rem solid var(--line)}.legal-copy h2{margin-bottom:1rem;font-size:clamp(1.8rem,3vw,3rem)}.placeholder{padding:.08rem .3rem;background:#ffd8ce;color:#6b1c08;font:750 .88em var(--sans)}.skip-link{position:fixed;top:.8rem;left:.8rem;z-index:20;padding:.7rem 1rem;background:var(--night);color:var(--white);transform:translateY(-180%)}.skip-link:focus{transform:none}
}
@layer responsive { @media(max-width:780px){.site-header{margin:.35rem}.issue{display:none}.nav-toggle{display:inline-grid;place-items:center}.site-nav{display:none}.site-nav[data-open="true"]{display:block}.site-nav ul{display:block;padding-block:.3rem}.hero,.book-sheet,.legal-grid,.footer-inner,.split{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.section-head{grid-template-columns:3.4rem minmax(0,1fr)}.axis-grid{grid-template-columns:repeat(2,1fr)}.book-aside,.legal-index{position:static}.related{grid-template-columns:1fr}} @media(max-width:430px){.book-card{grid-template-columns:1fr}.axis-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}} }