
:root{--paper:#f8f3e9;--ink:#15273a;--muted:#57616a;--rust:#b6654a;--line:#dbd2c5;--white:#fffefa;--soft:#f0e9dd}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.7} a{color:inherit;text-underline-offset:4px} a:hover{color:var(--rust)}
header{border-bottom:1px solid var(--line);position:relative;background:var(--paper)}.nav{max-width:1120px;margin:auto;min-height:74px;padding:14px 23px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:16px Georgia,serif;text-decoration:none;display:flex;align-items:center;gap:10px}.monogram{font:17px Georgia,serif;display:inline-flex;align-items:center;justify-content:center;background:#0e2647;color:white;width:33px;height:33px}.navlinks{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.navlinks a{font:12px Arial,sans-serif;text-decoration:none}.navlinks a.outline{border:1px solid var(--rust);padding:10px 15px}.wrap{max-width:1120px;margin:auto;padding:50px 24px 80px}.eyebrow{font:700 11px Arial,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:var(--rust)}h1{font-weight:normal;line-height:1.09;letter-spacing:-1.4px;font-size:clamp(43px,6vw,80px);margin:16px 0 22px}h2{font-weight:normal;line-height:1.2;font-size:clamp(29px,3vw,42px);margin:15px 0 22px}h3{font-size:24px;line-height:1.3;font-weight:normal;margin:0 0 14px}.lead{font-size:21px;line-height:1.57;color:#485561}.small{font:13px Arial,sans-serif;color:var(--muted)}p{margin:0 0 18px}.gridbook{display:grid;grid-template-columns:minmax(250px,.78fr) 1fr;gap:7%;align-items:center;padding-top:34px}.cover{display:block;width:100%;max-width:420px;max-height:660px;object-fit:contain;box-shadow:0 23px 45px #35251e22}.quote{border-left:2px solid var(--rust);padding:5px 0 5px 22px;font-size:21px;margin:27px 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{font:700 14px Arial,sans-serif;display:inline-block;border:1px solid var(--rust);color:var(--ink);padding:13px 20px;text-decoration:none;transition:.2s}.btn.primary{background:var(--rust);color:white}.btn:hover{background:var(--ink);border-color:var(--ink);color:white}.btn.disabled{background:var(--soft);color:var(--muted);border-color:var(--line);cursor:not-allowed}.section{margin:90px 0}.rule{border-top:1px solid var(--line);margin:28px 0}.bookroute{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.route{border-top:2px solid var(--rust);padding:16px 0}.route b{font:700 11px Arial,sans-serif;letter-spacing:1.8px;color:var(--rust)}.route strong{display:block;font-size:19px;font-weight:normal;line-height:1.3;margin:12px 0}.route p{font-size:15px;line-height:1.65}.excerpt{max-width:740px;border-top:1px solid var(--line);padding:30px 0;margin:30px auto}.excerpt>p{line-height:1.85}.excerpt p{font-size:17px}.excerpt .eyebrow{margin:0 0 12px}.indexhead{max-width:740px}.articlepage{max-width:780px;margin:auto}.articlepage h1{font-size:clamp(42px,5.1vw,69px)}.articlepage .intro{font-size:22px;line-height:1.55;color:#394b5a}.articlepage h2{font:700 11px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:0 0 10px;margin:54px 0 22px;color:var(--rust)}.articlepage p{font-size:18px;line-height:1.85}.article-footer{margin:60px 0 0;border-top:1px solid var(--line);padding-top:24px}.category-group{margin-top:70px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.item{padding:28px;border:1px solid var(--line);background:var(--white);text-decoration:none;display:block}.item h3{margin-bottom:10px}.item p{font-size:15px;color:var(--muted)}.item .eyebrow{margin-bottom:8px}.sitefoot{border-top:1px solid var(--line);padding:32px 25px;font:13px Arial,sans-serif;color:var(--muted);text-align:center}
@media(max-width:760px){.nav{align-items:flex-start;gap:12px}.navlinks{gap:10px}.gridbook{grid-template-columns:1fr;gap:28px}.gridbook .cover{max-width:300px;margin:auto}.bookroute{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.wrap{padding:34px 20px 60px}.section{margin:60px 0}}
@media(max-width:440px){.bookroute{grid-template-columns:1fr}.nav{display:block}.navlinks{padding-top:13px}.navlinks a{font-size:11px}}
