*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ffffff;color:#1c1a17;
 font:17px/1.62 Georgia,"Palatino Linotype",Palatino,serif;}
.shell{max-width:1000px;margin:0 auto;padding:0 24px}
a{color:#873600}
a:focus-visible,:focus-visible{outline:2px solid #873600;outline-offset:2px}
.toprule{border-top:4px solid #1c1a17}
.masthead{padding:26px 0 14px}
.masthead .mark{display:flex;align-items:baseline;gap:14px}
.masthead img{width:44px;height:44px;flex:0 0 auto}
.brand{margin:0;font-size:46px;line-height:1.05;letter-spacing:.02em;font-weight:400}
.brand a{color:#1c1a17;text-decoration:none}
.tagline{margin:8px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;
 letter-spacing:.09em;text-transform:uppercase;color:#6a655c}
.role{margin:4px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;
 letter-spacing:.09em;text-transform:uppercase;color:#6a655c}
nav.rulenav{border-top:1px solid #d9d4c9;border-bottom:1px solid #d9d4c9;padding:9px 0}
nav.rulenav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
nav.rulenav li{border-left:1px solid #d9d4c9;padding:0 14px}
nav.rulenav li:first-child{border-left:0;padding-left:0}
nav.rulenav a{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.09em;
 text-transform:uppercase;color:#1c1a17;text-decoration:none;padding-bottom:2px}
nav.rulenav a[aria-current="page"]{color:#873600;border-bottom:3px double #873600}
nav.rulenav a:hover{text-decoration:underline}
.cols{display:flex;gap:44px;padding:30px 0 10px;align-items:flex-start}
main.stream{flex:1 1 auto;min-width:0;max-width:640px}
aside.rail{flex:0 0 30%;max-width:290px;font-size:15px}
.kicker{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.09em;
 text-transform:uppercase;color:#6a655c;margin:0 0 6px}
.lead h1{font-size:46px;line-height:1.08;margin:0 0 10px;font-weight:400}
.deck{margin:0 0 18px;padding:10px 0;border-top:1px solid #d9d4c9;border-bottom:1px solid #d9d4c9;
 font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#1c1a17}
.deck span{display:block}
p{margin:0 0 16px}
.entry{border-top:1px solid #d9d4c9;padding-top:22px;margin-top:24px}
.entry::before{content:"";display:block;width:44px;height:3px;background:#873600;margin-bottom:12px}
.entry h2{font-size:27px;line-height:1.2;margin:0 0 6px;font-weight:400}
.entry h2 a{color:#1c1a17;text-decoration:none}
.entry h2 a:hover{text-decoration:underline}
.more{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
blockquote.pull{margin:18px 0;padding:0 0 0 18px;border-left:3px solid #873600;
 font-size:19px;font-style:italic;color:#1c1a17}
blockquote.pull cite{display:block;margin-top:8px;font-style:normal;
 font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.06em;color:#6a655c}
.rail h2{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.09em;
 text-transform:uppercase;margin:0 0 10px;font-weight:700}
.rail section{margin-bottom:26px}
.rail section::before{content:"";display:block;width:44px;height:3px;background:#873600;margin-bottom:10px}
.rail ul{list-style:none;margin:0;padding:0}
.rail li{border-top:1px solid #d9d4c9;padding:7px 0;font-size:14px}
.rail p{font-size:15px;color:#1c1a17}
.indexband{background:#f4f2ed;border-top:1px solid #d9d4c9;margin-top:34px;padding:24px 0 8px}
.indexband h2{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.09em;
 text-transform:uppercase;margin:0 0 12px;font-weight:700}
.indexband ul{list-style:none;margin:0;padding:0;columns:2;column-gap:44px}
.indexband li{break-inside:avoid;border-top:1px solid #d9d4c9;padding:7px 0;font-size:15px}
.indexband .sec{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.09em;
 text-transform:uppercase;color:#6a655c;display:block}
footer.site{border-top:4px solid #1c1a17;margin-top:0;padding:18px 0 40px;
 font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.05em;color:#6a655c}
footer.site ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:18px}
footer.site a{color:#6a655c}
article.essay h1{font-size:38px;line-height:1.12;margin:0 0 10px;font-weight:400}
article.essay .meta{border-top:1px solid #d9d4c9;border-bottom:1px solid #d9d4c9;padding:8px 0;
 font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.09em;
 text-transform:uppercase;color:#6a655c;margin:0 0 20px}
article.essay h2{font-size:22px;margin:26px 0 10px;font-weight:400}
.pagenav{border-top:1px solid #d9d4c9;margin-top:28px;padding-top:14px;
 font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.pagenav a{display:block;margin-bottom:6px}
img{max-width:100%;height:auto}
@media (max-width:760px){
 .shell{padding:0 20px}
 .toprule{border-top-width:3px}
 .brand{font-size:30px}
 .masthead img{width:34px;height:34px}
 .cols{flex-direction:column;gap:0;padding-top:22px}
 main.stream{max-width:none;width:100%}
 aside.rail{flex:none;max-width:none;width:100%;border-top:1px solid #d9d4c9;padding-top:24px;margin-top:28px}
 .lead h1{font-size:31px}
 article.essay h1{font-size:28px}
 .entry h2{font-size:23px}
 .indexband ul{columns:1}
 blockquote.pull{padding-left:14px}
 nav.rulenav a{font-size:13px}
 nav.rulenav li{padding:2px 10px}
}