:root{--canvas:#c9c5bd;--sheet:#f7f4ec;--band:#efeade;--ink:#141210;--muted:#4a453e;
--brick:#8c2f22;--rule:#b9b2a6;--serif:Georgia,"Times New Roman",serif;
--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.62}
a{color:var(--brick);text-decoration:underline}
a:focus-visible{outline:2px solid var(--brick);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.sheet{max-width:1320px;margin:0 auto;background:var(--sheet);padding:0 24px 32px;
display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
.sheet>*{grid-column:span 12;min-width:0}
.label{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0}
.label--dept{color:var(--brick);font-weight:700}
/* 1 edition utility */
.utility{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:baseline;
padding:8px 0 6px;border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:11px;
text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
/* 2 masthead */
.masthead{text-align:center;padding:16px 0 0;border-bottom:3px solid var(--ink)}
.flag{font-size:62px;line-height:1.02;font-weight:700;letter-spacing:.01em;margin:0 0 6px}
.flag a{color:var(--ink);text-decoration:none}
.masthead .rule-img{margin:0 auto 8px;width:100%;max-width:760px}
.sectionmenu{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
padding:6px 0;margin-top:10px;font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.11em}
.sectionmenu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.sectionmenu li{padding:2px 14px;border-left:1px solid var(--rule)}
.sectionmenu li:first-child{border-left:0}
.sectionmenu a{color:var(--ink);text-decoration:none}
.sectionmenu a:hover{text-decoration:underline}
/* signature mark */
.sig{display:inline-block;min-width:26px;padding:1px 4px;margin-right:8px;
border:1px solid var(--brick);border-bottom-width:3px;color:var(--brick);
font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.06em;text-align:center;vertical-align:.18em}
/* 3 lead */
.lead{grid-column:span 7;padding:20px 24px 24px 0;border-right:1px solid var(--rule)}
.lead h2,.lead h1{font-size:62px;line-height:1.06;margin:6px 0 10px;font-weight:700}
.lead h2 a,.lead h1 a{color:var(--ink);text-decoration:none}
.deck{font-size:20px;line-height:1.4;color:var(--muted);margin:0 0 10px;max-width:34em}
.byline{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.09em;
color:var(--muted);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:5px 0;margin:0 0 16px}
.fig{margin:0}
.fig img{border:1px solid var(--rule);background:#fff;width:100%;max-width:620px}
.fig figcaption{font-family:var(--sans);font-size:11px;line-height:1.5;color:var(--muted);
padding:6px 0 0;border-bottom:1px solid var(--rule);max-width:620px}
.leadtext{margin-top:14px;column-count:2;column-gap:24px;column-rule:1px solid var(--rule);font-size:16px}
.leadtext p{margin:0 0 12px}
/* 4 secondary */
.secondary{grid-column:span 3;padding:20px 24px 24px 0;border-right:1px solid var(--rule)}
.stack{padding:12px 0;border-top:1px solid var(--rule)}
.stack:first-of-type{border-top:0;padding-top:0}
.stack h3{font-size:28px;line-height:1.1;margin:4px 0 6px;font-weight:700}
.stack h3 a{color:var(--ink);text-decoration:none}
.stack h3 a:hover{text-decoration:underline}
.stack p{margin:0;font-size:16px;color:var(--muted);line-height:1.45}
/* 5 rail */
.rail{grid-column:span 2;padding:20px 0 24px}
.rail h2{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.14em;
margin:0 0 8px;padding-bottom:5px;border-bottom:3px solid var(--ink)}
.brief{padding:9px 0;border-bottom:1px solid var(--rule)}
.brief h3{font-size:16px;line-height:1.2;margin:3px 0 4px;font-weight:700}
.brief h3 a{color:var(--ink);text-decoration:none}
.brief p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}
.jumps{margin:14px 0 0;padding:0;list-style:none;font-family:var(--sans);font-size:11px;
text-transform:uppercase;letter-spacing:.09em}
.jumps li{padding:5px 0;border-bottom:1px solid var(--rule)}
/* 6 department strips */
.strips{border-top:3px solid var(--ink);margin-top:8px}
.band{display:grid;grid-template-columns:2fr 9fr;gap:24px;padding:16px 0;
border-bottom:1px solid var(--rule);background:var(--band);
padding-left:12px;padding-right:12px;margin-top:0}
.band+.band{border-top:1px solid var(--rule)}
.band h2{font-size:22px;margin:0;line-height:1.15}
.band h2 a{color:var(--ink);text-decoration:none}
.band .banddeck{font-size:14px;color:var(--muted);margin:4px 0 0;line-height:1.45}
.bandbody{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}
.bandbody .stack{border-top:0;border-left:1px solid var(--rule);padding:0 0 0 16px}
.bandbody .stack:first-child{border-left:0;padding-left:0}
.bandbody h3{font-size:20px}
.bandfig{margin-top:12px}
.bandfig img{width:100%}
/* 7 comment */
.comment{border-top:3px solid var(--ink);margin-top:20px;padding-top:14px;
display:grid;grid-template-columns:8fr 4fr;gap:32px}
.comment h2{font-size:34px;margin:6px 0 10px;line-height:1.1}
.comment .col p{font-style:italic;font-size:17px;margin:0 0 12px}
.comment .signoff{font-style:normal;font-family:var(--sans);font-size:11px;
text-transform:uppercase;letter-spacing:.09em;color:var(--muted);border-top:1px solid var(--rule);padding-top:6px}
.comment aside h3{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.14em;
margin:0 0 6px;padding-bottom:5px;border-bottom:3px solid var(--ink)}
.comment aside ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.35}
.comment aside li{padding:6px 0;border-bottom:1px solid var(--rule)}
.comment aside a{color:var(--ink);text-decoration:none}
.comment aside a:hover{text-decoration:underline}
/* 8 colophon */
.colophon{border-top:3px solid var(--ink);margin-top:24px;padding-top:16px;
display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.colophon h2{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.14em;
margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--rule)}
.colophon ul{list-style:none;margin:0;padding:0;font-size:15px}
.colophon li{padding:4px 0}
.colophon a{color:var(--ink);text-decoration:none}
.colophon a:hover{text-decoration:underline}
.colophon .flagsmall{font-size:22px;font-weight:700;margin:0 0 4px}
.colophon .small{font-family:var(--sans);font-size:11px;text-transform:uppercase;
letter-spacing:.09em;color:var(--muted);margin:0}
/* inner pages */
.page{padding-top:20px}
.page h1{font-size:44px;line-height:1.08;margin:6px 0 10px;font-weight:700}
.article{max-width:660px}
.article h2{font-size:24px;margin:26px 0 8px;padding-top:8px;border-top:1px solid var(--rule);line-height:1.2}
.article p{margin:0 0 14px}
.section-return{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.09em;
padding:8px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 0 14px}
.artgrid{display:grid;grid-template-columns:660px minmax(0,1fr);gap:0 32px;align-items:start}
.related{border-left:1px solid var(--rule);padding:0 0 0 24px}
.related h2{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.14em;
margin:0 0 8px;padding-bottom:5px;border-bottom:3px solid var(--ink)}
.related .stack h3{font-size:22px}
.indexgroup{border-top:3px solid var(--ink);margin-top:22px;padding-top:10px}
.indexgroup h2{font-size:26px;margin:0 0 4px}
.notfound{max-width:660px;padding:24px 0 40px}
@media (max-width:1020px){
 .sheet{column-gap:20px}
 .lead{grid-column:span 8;border-right:0;padding-right:0}
 .secondary{grid-column:span 12;border-right:0;padding-right:0;border-top:1px solid var(--rule);
  display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-top:12px}
 .rail{grid-column:span 4;border-left:1px solid var(--rule);padding-left:16px}
 .bandbody{grid-template-columns:1fr 1fr}
 .comment,.colophon{grid-template-columns:1fr 1fr}
 .flag{font-size:48px}
}
@media (max-width:780px){
 body{font-size:17px}
 .sheet{display:block;padding:0 16px 28px}
 .flag{font-size:34px}
 .lead h1,.lead h2{font-size:34px}
 .lead,.secondary,.rail{padding:14px 0;border:0;display:block}
 .secondary{border-top:1px solid var(--rule)}
 .rail{border-top:1px solid var(--rule);border-left:0;padding-left:0}
 .band{grid-template-columns:1fr;gap:10px}
 .bandbody{grid-template-columns:1fr;gap:0}
 .bandbody .stack{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:10px}
 .bandbody .stack:first-child{border-top:0}
 .leadtext{column-count:1}
 .leadtext>p:not(:first-child):not(:last-child){display:none}
 .lead .fig img{max-height:250px;object-fit:contain;object-position:left top}
 .comment,.colophon{display:block}
 .comment aside,.colophon div{margin-top:18px}
 .sectionmenu ul{justify-content:flex-start}
 .sectionmenu li{border-left:0;padding:2px 12px 2px 0}
 .page h1{font-size:30px}
 .article{max-width:none}
 .artgrid{display:block}
 .related{border-left:0;border-top:3px solid var(--ink);padding:12px 0 0;margin-top:24px}
}