/* The Laurel story page: layout for the honor-and-ode-first story, its share row
   and onward cards. Loaded after tattler.css on this page only. */
header.tt-head{display:block;text-align:center;border-top:5px solid #14110f;border-bottom:4px solid #14110f;padding-top:20px;padding-bottom:0}
.tt-brand{width:100%;max-width:none}.wordmark{font:900 clamp(28px,5.3vw,64px)/.96 'Times New Roman',serif!important;text-transform:uppercase;letter-spacing:-.045em!important}.wordmark span{display:block}
.tt-brand .tag{font:italic 15px/1.4 Georgia,serif;margin:16px 0}.tt-nav{display:flex!important;justify-content:center!important;gap:22px;max-width:none!important;margin:0!important;padding:14px 0!important;border-top:1px solid #14110f}
.tt-folio{display:none}.story{max-width:760px;padding:42px 28px 12px}.story h1{font-size:clamp(36px,5vw,60px);text-align:center;max-width:18ch;margin:14px auto 20px}.story>.slug,.story>.byline,.standfirst{text-align:center}.story .standfirst{font-size:21px;max-width:48ch;margin:20px auto 28px}.story p{font-size:19px;line-height:1.7}.heroshot{margin:30px -40px 38px}.heroshot img{max-height:none!important;width:100%!important;height:auto!important;object-fit:contain!important}.heroshot figcaption{font-size:11px;margin-top:12px}.partbar{margin-top:32px}.odeblock{border-left:0;padding:0;margin-top:26px}.odeblock p{font-size:20px;line-height:1.75;font-style:normal}.odeblock p:last-child:after{content:'';display:inline-block;width:9px;height:9px;background:#b3241c;margin-left:9px}.story .fine{font-size:12px}.story .stamp{font-size:11px;margin-top:28px}
.share-row{border-top:1px solid #d8d4c4;margin-top:35px;padding:22px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.share-row a{font:12px/1.5 'IBM Plex Mono',monospace;text-decoration:none}.share-button{border:1px solid #14110f;border-radius:99px;background:transparent;color:#14110f;font:600 14px/1.2 Archivo,Arial,sans-serif;min-height:46px;padding:12px 20px;display:flex;align-items:center;gap:9px;cursor:pointer}.share-button:hover{background:#14110f;color:#fdfcf3}.share-button svg{width:18px;height:18px}#share-status{font:12px/1.4 monospace;min-height:18px}
.trio .shot img{object-fit:contain;height:auto;width:100%;max-height:none}.trio .shot{aspect-ratio:auto;height:auto}.trio .shot.r43:has(img[src*="spoons"]){aspect-ratio:2.5/1;overflow:hidden}.trio .shot img[src*="spoons"]{object-fit:cover;aspect-ratio:2.5/1;object-position:top}.support{margin-top:22px}
@media(max-width:620px){.story{padding:30px 22px 0}.heroshot{margin:24px 0 30px}.story p,.odeblock p{font-size:18px;line-height:1.65}.tt-nav{gap:12px!important;flex-wrap:wrap}.tt-nav a{font-size:10px}.tt-brand .tag{font-size:12px}.share-row{align-items:flex-start}.trio{grid-template-columns:1fr!important}.wordmark{font-size:clamp(24px,6.7vw,35px)!important}}
.issue-options{line-height:1.8}.issue-options .pdf-option{font-size:11px;color:#6b645c;text-decoration:underline;text-underline-offset:3px}

/* the Share button stays hidden until story-share.js can run it */
.share-row [hidden],.share-manual[hidden]{display:none!important}
.share-button:focus-visible{outline:3px solid #b3241c;outline-offset:3px}
.share-manual{margin:6px 0 0}
.share-manual input{width:100%;max-width:560px;font:13px/1.4 'IBM Plex Mono',monospace;padding:9px 11px;
  border:1px solid #14110f;background:#fdfcf3;color:#14110f}

/* 621–783px: the photo's -40px bleed would run past the page edge; bleed only to the edge */
@media (min-width:621px) and (max-width:783px){ .heroshot{margin-left:-28px;margin-right:-28px} }

/* READING-DETAILS-001: a red square ends the reporting as it ends the ode; Share sits
   left in the reading column, its status and fallback link directly below it, and the
   complete-issue links follow under their own rule */
.story .endmark{display:inline-block;width:9px;height:9px;background:#b3241c;margin-left:9px;vertical-align:baseline}
.share-row{justify-content:flex-start;padding-bottom:12px}
#share-status{margin:0}
.issue-options{border-top:1px solid #d8d4c4;margin-top:24px;padding:20px 0 30px}
.issue-options a{font:12px/1.5 'IBM Plex Mono',monospace;text-decoration:none}
.issue-options .pdf-option{font-size:11px;color:#6b645c;text-decoration:underline;text-underline-offset:3px}