:root{--paper:#f6f1e7;--ink:#211b16;--oak:#6a4a2f;--amber:#a8621f;--peat:#2f4a40;--rule:#d9cdb8;--soft:#efe6d6}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Serif 4",Georgia,serif;font-size:19px;line-height:1.65}
a{color:var(--oak);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--amber)}
.top{border-bottom:1px solid var(--rule);background:var(--paper)}
.bar{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;align-items:baseline;gap:28px;flex-wrap:wrap}
.mark{font-family:"Playfair Display",Georgia,serif;font-size:30px;letter-spacing:.5px;color:var(--ink);text-decoration:none;font-weight:700}
.mark span{color:var(--amber)}
nav.subjects{display:flex;gap:18px;flex-wrap:wrap;font-family:"Inter",Arial,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
nav.subjects a{color:var(--ink);text-decoration:none}nav.subjects a:hover{color:var(--amber)}
main{max-width:1180px;margin:0 auto;padding:28px 24px 64px}
.crumbs{font-family:"Inter",Arial,sans-serif;font-size:13px;color:var(--oak);letter-spacing:.04em;margin-bottom:18px}
.crumbs a{color:var(--oak);text-decoration:none}
article{max-width:720px}
article h1,.page-title{font-family:"Playfair Display",Georgia,serif;font-size:46px;line-height:1.12;margin:.1em 0 .5em;font-weight:700}
article h2{font-family:"Playfair Display",Georgia,serif;font-size:29px;margin:1.6em 0 .4em;border-top:1px solid var(--rule);padding-top:.7em}
article h3{font-family:"Inter",Arial,sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:.06em;color:var(--peat);margin:1.4em 0 .3em}
article p:first-of-type{font-size:22px;line-height:1.55}
article blockquote{margin:1.4em 0;padding:.2em 0 .2em 22px;border-left:3px solid var(--amber);color:var(--oak);font-style:italic}
article table{border-collapse:collapse;width:100%;font-size:16px;margin:1em 0;font-family:"Inter",Arial,sans-serif}
article th,article td{border-bottom:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top}
article th{color:var(--peat);font-weight:600}
article sup,article .ref{font-size:.7em}
.layout{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:56px}
aside{font-family:"Inter",Arial,sans-serif;font-size:15px;line-height:1.5}
aside h4{font-family:"Playfair Display",Georgia,serif;font-size:20px;margin:0 0 .6em;font-weight:700}
aside ul{list-style:none;padding:0;margin:0 0 28px}aside li{padding:7px 0;border-bottom:1px solid var(--rule)}
aside a{text-decoration:none;color:var(--ink)}aside a:hover{color:var(--amber)}
.lead{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:36px;margin-bottom:36px}
.lead .kicker{font-family:"Inter",Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--amber)}
.lead h1{font-family:"Playfair Display",Georgia,serif;font-size:62px;line-height:1.05;margin:.15em 0 .3em}
.lead h1 a{color:var(--ink);text-decoration:none}
.lead p{font-size:21px;margin:0}
.panel{background:var(--peat);color:#f3ecdf;padding:28px 30px}
.panel h3{font-family:"Playfair Display",Georgia,serif;font-size:24px;margin:0 0 10px}
.panel ol{margin:0;padding-left:20px}.panel a{color:#f3ecdf}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink)}
.cell{padding:22px 20px 26px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.cell:nth-child(4n){border-right:0}
.cell h3{font-family:"Playfair Display",Georgia,serif;font-size:23px;margin:0 0 8px;line-height:1.2}
.cell h3 a{color:var(--ink);text-decoration:none}.cell p{font-size:16px;margin:0 0 10px;color:#4a3d31}
.cell .n{font-family:"Inter",Arial,sans-serif;font-size:12px;color:var(--oak);text-transform:uppercase;letter-spacing:.1em}
.section-title{font-family:"Playfair Display",Georgia,serif;font-size:34px;margin:48px 0 14px}
.list2{columns:2;column-gap:48px;font-size:17px}.list2 a{display:block;padding:6px 0;border-bottom:1px solid var(--rule);break-inside:avoid;color:var(--ink);text-decoration:none}
.list2 a:hover{color:var(--amber)}
footer{border-top:2px solid var(--ink);background:var(--soft)}
.foot{max-width:1180px;margin:0 auto;padding:32px 24px;font-family:"Inter",Arial,sans-serif;font-size:14px;color:#4a3d31;display:grid;grid-template-columns:2fr 3fr;gap:40px}
.foot a{color:#4a3d31}.foot .links{columns:3}
.dek{font-size:22px;line-height:1.5;color:var(--oak);font-style:italic;margin:-6px 0 20px}
.pull{font-family:"Playfair Display",Georgia,serif;font-size:27px;line-height:1.35;color:var(--peat);border-left:0;border-top:2px solid var(--amber);border-bottom:2px solid var(--amber);padding:18px 0;margin:30px 0;font-style:normal}
.list2 b{display:block;font-weight:600}.cdek{display:block;font-size:15px;color:#5a4a3b;margin-top:2px}
.hero{margin:6px 0 26px}.hero img{width:100%;height:auto;display:block;border-radius:2px}.hero figcaption{font-family:"Inter",Arial,sans-serif;font-size:13px;color:var(--oak);margin-top:8px}
.glance{background:var(--soft);border-top:3px solid var(--amber);padding:18px 22px 8px;margin:10px 0 28px}.glance-t{font-family:"Inter",Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin-bottom:6px}
.glance ul{margin:0 0 10px;padding-left:20px}.glance li{margin:6px 0}
.toc{background:var(--soft);padding:18px 20px 10px;margin-bottom:28px;position:sticky;top:16px}.toc ol{margin:0;padding-left:18px}.toc li{padding:4px 0;border:0}.toc a{color:var(--ink)}
.badge{display:inline-block;font-family:"Inter",Arial,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;margin-right:6px;border:1px solid;vertical-align:2px}
.b-documented{color:var(--peat);border-color:var(--peat)}.b-disputed{color:var(--amber);border-color:var(--amber)}.b-legend{color:#7a3b5c;border-color:#7a3b5c}
.cell img{width:100%;height:150px;object-fit:cover;display:block;margin-bottom:12px}.lead img{width:100%;height:auto;display:block;margin-bottom:16px}
@media(max-width:900px){.layout,.lead,.foot{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.cell:nth-child(2n){border-right:0}.list2{columns:1}.lead h1{font-size:44px}article h1,.page-title{font-size:36px}}
@media(max-width:560px){body{font-size:18px}.grid{grid-template-columns:1fr}.cell{border-right:0}.bar{padding:14px 16px}main{padding:20px 16px 48px}.foot .links{columns:2}}
/* luxe layer */
.sec{margin:8px 0 22px}.sec img{width:100%;height:auto;display:block}.sec figcaption{font-style:italic;font-size:14px;color:#7a6650;margin-top:6px}
.types .cell img{height:210px}.grid.types{grid-template-columns:repeat(3,1fr)}.types .cell:nth-child(4n){border-right:1px solid var(--rule)}.types .cell:nth-child(3n){border-right:0}
:root{--paper:#f7f3ea;--ink:#1c1712;--oak:#6b4b30;--amber:#b07a2a;--gold:#c9a45c;--peat:#14211c;--rule:#ddd1bb;--soft:#f0e8d8}
body{font-size:19.5px;line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.top{background:var(--peat);border-bottom:0;color:#efe6d3}
.bar{display:block;text-align:center;padding:30px 24px 0}
.mark{display:inline-block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:46px;letter-spacing:.04em;color:#f3ead8;line-height:1}
.mark span{color:var(--gold);font-style:italic}
.tag{font-family:"Inter",Arial,sans-serif;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:10px 0 22px}
nav.subjects{justify-content:center;gap:0;border-top:1px solid rgba(201,164,92,.35);padding:13px 0 14px;font-size:11.5px;letter-spacing:.18em}
nav.subjects a{color:#e6dcc7;padding:0 14px}nav.subjects a:hover{color:var(--gold)}
main{padding-top:40px}
.crumbs{font-size:11.5px;text-transform:uppercase;letter-spacing:.16em}
article h1,.page-title,.lead h1,.section-title,.cell h3,aside h4,.panel h3,article h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600}
article h1,.page-title{font-size:56px;line-height:1.05;letter-spacing:-.005em}
article h2{font-size:34px;border-top:0;padding-top:0;margin-top:1.8em}
article h2::before{content:"";display:block;width:56px;height:1px;background:var(--gold);margin-bottom:22px}
article h3{font-size:13px;letter-spacing:.16em;color:var(--oak)}
.kick{font-family:"Inter",Arial,sans-serif;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.dek{font-family:"Cormorant Garamond",Georgia,serif;font-size:27px;line-height:1.35;color:#4b3a2a;font-style:italic;margin:0 0 26px}
article .hero+p::first-letter,article .glance+p::first-letter{float:left;font-family:"Cormorant Garamond",Georgia,serif;font-size:84px;line-height:.78;padding:8px 10px 0 0;color:var(--amber);font-weight:600}
.hero img{border-radius:0;box-shadow:0 18px 40px -24px rgba(20,33,28,.55)}
.hero figcaption{font-style:italic;font-family:"Source Serif 4",Georgia,serif;font-size:14px;color:#7a6650;border-left:1px solid var(--gold);padding-left:10px}
.pull{font-family:"Cormorant Garamond",Georgia,serif;font-size:33px;font-style:italic;color:var(--peat);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center;padding:26px 10px}
.pull::before{content:"C";display:block;font-size:64px;line-height:.5;color:var(--gold);margin-bottom:8px}
.glance{background:#fff;border:1px solid var(--rule);border-top:2px solid var(--gold)}
.glance-t,.badge{letter-spacing:.18em}
.toc{background:transparent;border-left:1px solid var(--gold);padding:4px 0 4px 20px}
aside h4{font-size:24px}
.panel{background:var(--peat);color:#efe6d3;border-top:2px solid var(--gold)}.panel h3{font-size:30px;color:var(--gold)}
.cover{position:relative;min-height:540px;background-size:cover;background-position:center;display:flex;align-items:flex-end;margin:-40px -24px 0;color:#f6efe0}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,33,28,0) 30%,rgba(20,33,28,.88) 100%)}
.cover-in{position:relative;z-index:1;max-width:820px;padding:0 48px 52px}
.cover .kicker{font-family:"Inter",Arial,sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.cover h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:74px;line-height:1;margin:.15em 0 .25em}.cover h1 a{color:#fbf6ea;text-decoration:none}
.cover p{font-size:21px;margin:0;color:#e9dfcb}
.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;padding:56px 0 48px;border-bottom:1px solid var(--rule);margin-bottom:8px}
.intro .say{font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;line-height:1.35;font-style:italic;color:#3a2d20}
.section-title{font-size:42px;text-align:center;margin:64px 0 26px}
.section-title::after{content:"";display:block;width:56px;height:1px;background:var(--gold);margin:16px auto 0}
.grid{border-top:1px solid var(--gold)}.cell h3{font-size:28px}.cell img{height:190px;filter:saturate(.92)}
.cell .n,.lead .kicker{letter-spacing:.2em}
footer{background:var(--peat);border-top:2px solid var(--gold)}
.foot{color:#cfc3ad}.foot a{color:#e6dcc7;text-decoration:none}.foot a:hover{color:var(--gold)}
.foot .fm{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;color:#f3ead8;margin-bottom:10px}.foot .fm span{color:var(--gold);font-style:italic}
@media(max-width:900px){.intro{grid-template-columns:1fr}.cover h1{font-size:48px}.cover{min-height:420px}.cover-in{padding:0 24px 32px}article h1,.page-title{font-size:40px}}
@media(max-width:560px){.mark{font-size:34px}nav.subjects a{padding:3px 8px}.cover{margin:-20px -16px 0}}