*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f2efe7;color:#22262b;
 font:15px/1.62 Verdana,Geneva,"DejaVu Sans",sans-serif}
a{color:#2874a6}
a:hover{color:#1c3f66}
:focus-visible{outline:2px solid #9a5a13;outline-offset:2px}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 14px;z-index:9}
.skip:focus{left:8px;top:8px}
.shell{max-width:1140px;margin:22px auto;background:#fff;border:1px solid #d8d2c4;
 padding:0 0 0 0}
/* --- masthead --- */
.utility{border-bottom:1px solid #e4dfd2;background:#f7f4ec;padding:6px 24px;
 font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:right}
.masthead{padding:22px 24px 18px}
.wordmark{margin:0;font:400 40px/1.1 Georgia,"Times New Roman",serif;color:#1c3f66;
 letter-spacing:.06em;font-variant:small-caps}
.wordmark a{color:inherit;text-decoration:none}
.descriptor{margin:8px 0 0;font-size:14px;color:#5a5f66;max-width:62ch}
.navband{background:#1c3f66;padding:0 12px;display:flex;flex-wrap:wrap}
.navband a{display:block;color:#fff;text-decoration:none;padding:12px 14px;
 font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:18px}
.navband a:hover{background:#16334f;color:#fff}
.navband a[aria-current="page"]{background:#fff;color:#1c3f66}
/* --- layout --- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;
 padding:26px 24px 30px;align-items:start}
.main{min-width:0}
.rail{min-width:0}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:#1c3f66;font-weight:400}
.section-title{margin:0 0 14px;font-size:22px;border-bottom:3px solid #1c3f66;
 padding-bottom:6px}
.pagetitle{margin:0 0 14px;font-size:30px}
.lede{margin:0 0 18px;max-width:70ch}
/* --- mosaic --- */
.mosaic{display:grid;grid-template-columns:2.35fr 1fr;gap:20px;margin:0 0 30px;align-items:start}
.mosaic-lead{border:1px solid #d8d2c4;padding:20px 22px}
.mosaic-lead h1{margin:0 0 14px;font-size:26px;line-height:1.28}
.mosaic-side{display:flex;flex-direction:column;gap:18px}
.sidestory{border:1px solid #d8d2c4;background:#f7f4ec;padding:14px 16px}
.sidestory h3{margin:6px 0 4px;font-size:18px;line-height:1.3}
.sidestory h3 a{text-decoration:none}
.ribbon{display:inline-block;font-size:11px;letter-spacing:.09em;
 text-transform:uppercase;color:#9a5a13;border-bottom:2px solid #9a5a13;
 padding-bottom:2px}
.date{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b6f76}
blockquote.pull{margin:16px 0 0;padding:0 0 0 16px;border-left:3px solid #2874a6;
 font:italic 16px/1.6 Georgia,serif;color:#33383e}
.quoter{margin-top:8px;font:400 12px/1.5 Verdana,sans-serif;font-style:normal;
 color:#5a5f66}
/* --- call plate (motif) --- */
.callplate{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:18px 0 0;
 border:1px solid #d8d2c4;border-top:2px solid #9a5a13}
.callplate .cell{padding:12px 14px}
.callplate .cell+.cell{border-left:1px solid #d8d2c4}
.callplate .fig{display:block;font:400 30px/1.1 Georgia,serif;color:#9a5a13}
.callplate .cap{display:block;margin-top:4px;font-size:11px;letter-spacing:.07em;
 text-transform:uppercase;color:#5a5f66}
.callplate--line{grid-template-columns:1fr;margin-top:16px}
.callplate--line .fig{display:inline;font-size:18px}
.callplate--line .cap{display:inline;margin-left:8px}
/* --- excerpt rows --- */
.excerpt-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;
 padding:16px 0;border-bottom:1px solid #d8d2c4}
.excerpt-row:first-of-type{border-top:1px solid #d8d2c4}
.excerpt-row h3{margin:0 0 4px;font-size:20px;line-height:1.3}
.excerpt-row h3 a{text-decoration:none}
.excerpt-row p{margin:0;color:#3a3f45}
.excerpt-cell{padding-top:4px}
.offer{margin:28px 0 0}
.offer .item{padding:14px 0;border-top:1px solid #d8d2c4}
.offer h3{margin:0 0 4px;font-size:19px}
.offer p{margin:0;max-width:72ch}
/* --- price ledger --- */
.priceledger{margin:30px 0 0;border:1px solid #d8d2c4;background:#f7f4ec;
 padding:18px 20px}
.priceledger h2{margin:0 0 8px;font-size:22px}
.priceledger table{width:100%;border-collapse:collapse;margin:12px 0 14px}
.priceledger th,.priceledger td{text-align:left;padding:8px 4px;
 border-bottom:1px solid #ded8c9;font-size:14px}
.priceledger th{font:400 12px/1.4 Verdana,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;color:#5a5f66}
.priceledger td.amount{text-align:right;font-family:Georgia,serif;font-size:17px;
 color:#1c3f66}
/* --- rail --- */
.railbox{border:1px solid #d8d2c4;background:#f7f4ec;padding:14px 16px;
 margin:0 0 20px}
.railbox h2{margin:0 0 10px;font-size:18px;border-bottom:1px solid #d8d2c4;
 padding-bottom:6px}
.railbox ul{margin:0;padding:0;list-style:none}
.railbox li{padding:6px 0;border-bottom:1px dotted #ded8c9;font-size:13px}
.railbox li:last-child{border-bottom:0}
.author{display:flex;gap:12px;align-items:flex-start}
.monogram{flex:0 0 54px;height:54px;border:1px solid #1c3f66;background:#fff;
 color:#1c3f66;font:400 22px/54px Georgia,serif;text-align:center;
 letter-spacing:.06em}
.author p{margin:0;font-size:13px}
.author strong{display:block;font-size:14px;color:#1c3f66;font-family:Georgia,serif;
 font-weight:400}
/* --- article --- */
.article-body{max-width:68ch}
.article-body p{margin:0 0 14px}
.meta{margin:6px 0 16px;font-size:12px;color:#5a5f66;letter-spacing:.03em}
.commentbox{margin-top:26px;border-top:1px solid #d8d2c4;padding-top:14px}
.commentbox h2{font-size:18px;margin:0 0 6px}
.backline{margin-top:22px;font-size:13px}
/* --- footer --- */
.archive-footer{border-top:3px solid #1c3f66;background:#f7f4ec;padding:24px}
.archive-footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.archive-footer h2{margin:0 0 8px;font-size:16px}
.archive-footer ul{margin:0;padding:0;list-style:none}
.archive-footer li{padding:4px 0;font-size:13px}
.identity{margin:22px 0 30px;text-align:center;font-size:11px;color:#5a5f66;
 letter-spacing:.05em}
.identity a{color:#5a5f66}
@media (max-width:1024px){.layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}}
@media (max-width:860px){
 .layout{grid-template-columns:1fr;padding:22px 18px 26px}
 .main,.m-cats{display:contents}
 .m-mosaic{order:1}.m-sec1{order:2}.rail{order:3}.m-sec2{order:4}
 .m-widget{order:5}
 .mosaic{grid-template-columns:1fr}
 .mosaic-side{flex-direction:column}
 .excerpt-row{grid-template-columns:1fr;gap:4px}
 .excerpt-cell{padding-top:0}
 .archive-footer .cols{grid-template-columns:1fr;gap:20px}
 .navband{padding:0 6px}
 .navband a{padding:10px 10px}
}
@media (max-width:560px){
 body{font-size:16px}
 .wordmark{font-size:26px}
 .pagetitle{font-size:24px}
 .mosaic-lead h1{font-size:22px}
 .callplate{grid-template-columns:1fr}
 .callplate .cell+.cell{border-left:0;border-top:1px solid #d8d2c4}
 .callplate .fig{font-size:22px}
 .shell{margin:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}