/* Sold by Karina — cream community-weekly shell (local-weekly-paper) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f2ece0;color:#23201c;
 font:16px/1.62 Georgia,"Times New Roman",serif}
img{max-width:100%;height:auto;display:block}
a{color:#5a2733}
.reading-column a,.deck a{text-underline-offset:2px}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #5a2733;outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;background:#faf6ee;padding:8px 12px;border:1px solid #23201c;z-index:5}
.skip-link:focus{left:8px;top:8px}
.paper{max-width:1140px;margin:0 auto;background:#faf6ee;
 border-left:1px solid #c9bfa9;border-right:1px solid #c9bfa9;padding:0 24px 32px}
.meta,.beat-tag,.byline,.issue-line,figcaption,.masthead-sub,.letter-sig{
 font-family:Verdana,Arial,sans-serif}
.meta{font-size:12px;color:#57514a;margin:4px 0 12px}
.beat-tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5a2733;
 margin:0 0 6px;font-weight:700}
.byline{font-size:12px;color:#57514a;margin:8px 0 0}
figcaption{font-size:12px;color:#57514a;padding:6px 0 0;border-bottom:1px solid #c9bfa9}
/* header */
.issue-line{display:flex;flex-wrap:wrap;gap:4px 24px;justify-content:space-between;
 font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#57514a;
 padding:10px 0;border-bottom:1px solid #c9bfa9}
.masthead{text-align:center;padding:18px 0 12px;border-bottom:3px solid #23201c}
.masthead-name{margin:0;font-size:62px;line-height:1.05;letter-spacing:.02em;font-weight:700}
.masthead-name a{color:#23201c;text-decoration:none}
.masthead-sub{margin:8px 0 0;font-size:13px;letter-spacing:.06em;color:#57514a;
 text-transform:uppercase}
.section-menu{border-bottom:1px solid #c9bfa9;padding:8px 0}
.section-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
 gap:6px 24px;justify-content:center}
.section-menu a{font-family:Verdana,Arial,sans-serif;font-size:12px;letter-spacing:.08em;
 text-transform:uppercase;color:#23201c;text-decoration:none;border-bottom:1px solid transparent}
.section-menu a:hover,.section-menu a[aria-current="page"]{border-bottom-color:#5a2733;color:#5a2733}
/* front grid */
.front-grid{display:grid;grid-template-columns:6fr 3fr 3fr;column-gap:28px;padding:24px 0 0}
.col-sec,.col-rail{border-left:1px solid #c9bfa9;padding-left:20px}
.col-rail{background:#ece4d4;padding:16px 16px 20px;margin-top:-8px}
.col-head,.band-head{font-size:20px;margin:0 0 10px;padding-bottom:6px;
 border-bottom:1px solid #23201c}
.lead-head{font-size:48px;line-height:1.1;margin:0 0 12px}
.lead-head a{color:#23201c;text-decoration:none}
.lead-head a:hover{color:#5a2733}
.deck{font-size:18px;line-height:1.5;margin:12px 0 0}
.plate img{border:1px solid #c9bfa9;width:100%}
.plate{margin:0}
.plate-lead{margin:0 0 4px}
.secondary{padding:14px 0;border-top:1px solid #c9bfa9}
.secondary:first-of-type{border-top:none;padding-top:0}
.secondary h3{font-size:26px;line-height:1.15;margin:0 0 10px}
.secondary h3 a{color:#23201c;text-decoration:none}
.secondary h3 a:hover{color:#5a2733}
.standfirst{font-size:15px;margin:10px 0 0}
.more{font-family:Verdana,Arial,sans-serif;font-size:12px;letter-spacing:.06em;
 text-transform:uppercase;margin:14px 0 0}
/* notices motif */
.notice-list{list-style:none;margin:0;padding:0}
.notice{border-top:1px solid #c9bfa9;padding:10px 0 10px 14px;position:relative}
.notice::before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:#5a2733}
.notice p{margin:0;font-size:14px;line-height:1.5}
/* bands */
.rows-band,.letters,.more-edition{margin-top:28px;border-top:3px solid #23201c;padding-top:14px}
.rows-table{width:100%;border-collapse:collapse}
.rows-table th{text-align:left;width:170px;vertical-align:top;padding:10px 16px 10px 0;
 font-family:Verdana,Arial,sans-serif;font-size:11px;letter-spacing:.08em;
 text-transform:uppercase;color:#5a2733;border-top:1px solid #c9bfa9}
.rows-table td{padding:10px 0;border-top:1px solid #c9bfa9;font-size:15px}
.letter{margin:0;border-left:3px solid #5a2733;padding:4px 0 4px 18px}
.letter p{margin:0;font-size:19px;line-height:1.5}
.letter-sig{font-size:12px;color:#57514a;margin-top:10px}
/* archive rows */
.rule-rows{list-style:none;margin:16px 0 0;padding:0}
.rule-row{display:grid;grid-template-columns:132px 1fr;gap:18px;
 border-top:1px solid #c9bfa9;padding:16px 0}
.rule-row h2{font-size:26px;line-height:1.15;margin:0 0 8px}
.rule-row h2 a{color:#23201c;text-decoration:none}
.rule-row h2 a:hover{color:#5a2733}
.archive-list,.plain-list{list-style:none;margin:0;padding:0}
.archive-list li{border-top:1px solid #c9bfa9;padding:8px 0}
.archive-list a{display:block;font-size:16px}
.archive-list .meta{margin:2px 0 0}
.plain-list li{border-top:1px solid #c9bfa9;padding:8px 0;
 font-family:Verdana,Arial,sans-serif;font-size:13px}
/* story */
.story,.archive,.notice-doc{padding:24px 0 0}
.story-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);column-gap:32px}
.story-rail{margin-top:6px}
.rail-second{margin-top:22px}
.lead-body{margin-top:14px}
.lead-body p{margin:0}
.in-this-story{margin-top:20px;border-top:1px solid #c9bfa9;padding-top:12px}
.step-list{margin:0;padding-left:22px;font-family:Verdana,Arial,sans-serif;font-size:13px;line-height:1.9}
.story-head{font-size:44px;line-height:1.1;margin:0 0 10px;max-width:760px}
.story-body .plate-story{max-width:660px;margin:18px 0 0}
.reading-column{max-width:660px;margin-top:18px}
.reading-column h2{font-size:22px;margin:26px 0 8px;padding-top:10px;
 border-top:1px solid #c9bfa9}
.reading-column p{margin:0 0 14px}
.notice-block{margin-top:24px;border-top:1px solid #c9bfa9;padding-top:12px}
.notice-block h2{font-size:22px;margin:0 0 4px}
.notice-doc .deck{max-width:720px}
/* colophon */
.colophon{margin-top:32px;border-top:3px solid #23201c;padding-top:16px}
.colo-grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:28px}
.colo-col h2{font-size:13px;font-family:Verdana,Arial,sans-serif;letter-spacing:.08em;
 text-transform:uppercase;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #c9bfa9}
.colo-col .meta{font-size:12px}
@media (max-width:1024px){
 .front-grid{grid-template-columns:8fr 4fr}
 .col-rail{grid-column:1 / -1;border-left:none;margin-top:20px}
 .colo-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 .paper{padding:0 16px 24px}
 .front-grid{display:flex;flex-direction:column;gap:0}
 .col-lead{order:1}
 .col-sec{order:2;border-left:none;padding-left:0;border-top:1px solid #c9bfa9;
  margin-top:20px;padding-top:16px}
 .col-rail{order:3;margin-top:20px;padding:16px}
 .masthead-name{font-size:40px}
 .lead-head{font-size:34px}
 .story-head{font-size:30px}
 .secondary h3,.rule-row h2{font-size:22px}
 .rule-row{grid-template-columns:1fr;gap:12px}
 .plate-thumb{max-width:200px}
 .rows-table,.rows-table tbody,.rows-table tr,.rows-table th,.rows-table td{display:block;width:auto}
 .rows-table th{padding:10px 0 0;border-top:1px solid #c9bfa9}
 .rows-table td{padding:2px 0 10px;border-top:none}
 .colo-grid{grid-template-columns:1fr;gap:20px}
 .section-menu ul{justify-content:flex-start;gap:12px 18px}
 .story-grid{display:block}
 .story-rail{margin-top:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
