/* The Monroe Street French Fry Report: tabloid opening, chapter links, award
   recognitions, trophy gallery and share row. Loaded after tattler.css on this page only. */
*{box-sizing:border-box}
.sheet{max-width:1280px}
.tt-folio{display:none}
header.tt-head{display:block;text-align:center;padding-top:24px;border-top:5px solid #14110f}
.tt-brand .wordmark{font:900 clamp(29px,4.3vw,57px)/.95 'Times New Roman',serif;letter-spacing:-.04em}
.wordmark span{display:block}
.tt-brand .tag{margin:16px 0 20px}
.tt-head nav.tt-nav{justify-content:center;border-top:1px solid;padding-block:16px}
.story{max-width:1120px;padding-top:0}
.inspection-cover{background:#14110f;color:#fdfcf3;padding:45px 44px 36px;border-bottom:12px solid #b3241c}
.inspection-cover .slug{color:#f8d94f;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase}
.story .inspection-cover h1{font:900 clamp(44px,6.7vw,88px)/.94 Archivo,Arial,sans-serif;letter-spacing:-.045em;max-width:17ch;margin:22px 0}
.inspection-cover .byline{color:#fdfcf3;margin-top:22px}
.inspection-cover .standfirst{max-width:58ch;color:#fdfcf3;font:20px/1.5 Georgia,serif}
.story>p,.story>ul,.story>h3{max-width:720px;margin-left:auto;margin-right:auto}
.story>p{font-size:19px;line-height:1.7}
.story>ul{font-size:18px;line-height:1.7}
.story>h3{font:900 25px/1.15 Archivo,Arial,sans-serif;letter-spacing:-.02em;text-transform:none;margin-top:34px;margin-bottom:18px}
.story>h2{font:900 clamp(32px,4.2vw,54px)/1.02 Archivo,Arial,sans-serif;letter-spacing:-.035em;max-width:22ch;margin:28px auto 24px}
.heroshot{margin:0 auto 24px}
.story .heroshot img{width:100%;max-height:none;object-fit:contain;border:0}
.heroshot figcaption{background:#14110f;color:#fdfcf3;padding:12px 20px;font:11px/1.5 'IBM Plex Mono',monospace}
.chapter-nav{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid;margin:30px 0 50px}
.chapter-nav a{flex:1;min-width:180px;padding:15px 12px;color:#14110f;font:600 11px/1.5 'IBM Plex Mono',monospace;text-decoration:none}
.chapter-nav a:hover{background:#f8d94f}
.partbar{background:#b3241c;color:#fdfcf3;padding:16px 20px;margin:55px 0 28px;font:600 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;scroll-margin-top:20px}
.story>p.pullq{font:italic 36px/1.2 Georgia,serif;border-block:1px solid #b3241c;color:#b3241c;padding:30px 0;margin-block:36px;max-width:720px}
.note{max-width:820px;margin:36px auto;padding:30px;border:1px solid #14110f;outline:1px solid #14110f;outline-offset:5px}
.note.heavy{border-width:1px}
.note h4{font:900 32px/1.1 Archivo,Arial,sans-serif}
.note p,.note ul{font-size:18px;line-height:1.65}
.note.heavy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.note.heavy li{border-top:3px solid #b3241c;padding-top:14px;font-size:18px}
.note.heavy li b{font:900 23px/1.1 Archivo,Arial,sans-serif;display:inline-block;margin-bottom:10px}
.stamp{text-align:center;font:11px/1.7 'IBM Plex Mono',monospace!important;text-transform:uppercase;letter-spacing:.1em;border-block:1px solid;padding:18px 0}
.photos4{grid-template-columns:1fr 1fr;gap:38px 32px;margin:36px 0 45px}
.photos4>div{border-bottom:3px solid #14110f;padding-bottom:22px}
.story .photos4 img{width:100%;height:440px;max-height:none;object-fit:contain;background:#fff;border:0}
.photos4 .who{font:900 30px/1.1 Archivo,Arial,sans-serif;margin:18px 0 10px}
.photos4 .what{font:12px/1.5 'IBM Plex Mono',monospace;color:#b3241c;max-width:36ch}
.estab{border:0;border-block:5px solid #14110f;margin:40px 0;background:#f2ecdc}
.estab .pic{border:0!important}
.story .estab .pic img{height:auto;width:100%;max-height:none;object-fit:contain}
.estab .inner{padding:30px}
.estab .cite{color:#b3241c}
.estab h3{font-size:40px}
.estab .ode{border-left:0;padding-left:0}
.estab .ode p{font-size:19px}
.share-row{display:flex;justify-content:flex-end;border-top:1px solid;margin-top:35px;padding-top:24px}
.share-row button{display:flex;gap:9px;align-items:center;border:1px solid;border-radius:50px;background:transparent;padding:13px 22px;font:600 14px Archivo;cursor:pointer}
.share-row [hidden],#share-manual[hidden]{display:none}
#share-status{font:12px 'IBM Plex Mono',monospace;text-align:right;margin-block:15px}
#share-manual input{width:100%;padding:12px}
.trio .shot img{object-position:center 20%}
a:focus-visible,button:focus-visible{outline:3px solid #b3241c;outline-offset:4px}
@media(max-width:700px){.inspection-cover{padding:30px 22px}
.story .inspection-cover h1{font-size:49px}
.inspection-cover .standfirst{font-size:18px}
.story>p{font-size:18px}
.chapter-nav{margin-bottom:30px}
.chapter-nav a{min-width:45%;font-size:10px}
.partbar{font-size:10px;padding:14px 16px;margin-top:36px}
.note{padding:22px;margin:30px 6px}
.note.heavy ul{grid-template-columns:1fr}
.photos4{grid-template-columns:1fr;gap:28px}
.story .photos4 img{height:auto;max-height:560px}
.photos4 .who{font-size:29px}
.estab{display:block}
.estab h3{font-size:34px}
.story>p.pullq{font-size:29px}
.tt-head{padding-inline:18px}
.pad{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
}

/* under 360px: the longest box-heading words and the email address would run past the page */
@media(max-width:359px){.note h4{font-size:28px}.story>p{overflow-wrap:break-word}}

/* READING-DETAILS-001: Share sits left in the reading column, at least 44px tall, with its
   status and fallback link directly below */
.share-row{justify-content:flex-start}
.share-row button{min-height:46px}
#share-status{text-align:left}
.share-row,#share-status,#share-manual{max-width:720px;margin-left:auto;margin-right:auto}