.tbl-pill-row{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 10px!important}

.tbl-share-pill{display:inline-flex!important;align-items:center;gap:6px;border:0;border-radius:999px;background:var(--tbl-navy,#0b3a5c);color:#fff;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;padding:7px 14px;cursor:pointer;margin:0}
.tbl-share-pill:hover,.tbl-share-pill:focus{background:#185d8e}
.tbl-share-card:focus{outline:none}
.tbl-share-sheet{position:fixed;inset:0;z-index:99995;background:rgba(5,20,33,.55);display:flex;align-items:flex-end;justify-content:center}
.tbl-share-sheet[hidden]{display:none}
.tbl-share-card{position:relative;width:100%;max-width:520px;background:#fff;border-radius:18px 18px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.25);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#0d1418;max-height:90vh;overflow:auto}
@media (min-width:700px){.tbl-share-sheet{align-items:center}.tbl-share-card{border-radius:18px}}
.tbl-share-card h2,.tbl-share-block h2{font:800 20px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;margin:0 0 6px!important;color:#0b2c48!important}
.tbl-share-title{margin:0 0 14px;color:#4a6273;font-size:14px;line-height:1.4}
.tbl-share-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;line-height:1;color:#4a6273;cursor:pointer;padding:6px}
.tbl-share-block{margin:28px 0 8px;padding:18px;border-radius:16px;background:#eef5fa;border:1px solid #cfe0ea;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.tbl-share-block p{margin:0 0 12px!important;font-size:15px!important;color:#33505f!important}
.tbl-share-opts{display:grid;gap:10px}
.tbl-sh-main{border:0;border-radius:12px;background:var(--tbl-navy,#0b3a5c);color:#fff;font:800 17px/1 system-ui,-apple-system,sans-serif;padding:17px;cursor:pointer;width:100%}
.tbl-share-native{border:2px solid var(--tbl-navy,#0b3a5c);border-radius:12px;background:#fff;color:var(--tbl-navy,#0b3a5c);font:800 16px/1 system-ui,-apple-system,sans-serif;padding:15px;cursor:pointer}
.tbl-share-to{display:flex;gap:8px;align-items:flex-end;margin:0}
.tbl-share-to label{flex:1;display:flex;flex-direction:column;gap:4px;font:600 13px/1.2 system-ui,-apple-system,sans-serif;color:#0b2c48}
.tbl-share-to input{font:16px/1.3 system-ui,-apple-system,sans-serif;padding:11px 12px;border:1px solid #b9cfdc;border-radius:10px;background:#fff;color:#0d1418;width:100%;box-sizing:border-box}
.tbl-share-to button{border:0;border-radius:10px;background:#185d8e;color:#fff;font:700 15px/1 system-ui,-apple-system,sans-serif;padding:13px 14px;cursor:pointer;white-space:nowrap}
.tbl-share-to.bad input{border-color:#c0392b;box-shadow:0 0 0 2px rgba(192,57,43,.15)}


.tbl-share-to{margin-top:6px}
@media print{.tbl-share-pill,.tbl-share-sheet,.tbl-share-block{display:none!important}}

/* 1.0.15 "Send this story": a bold gold pill with the flying-letter icon (it was blending in) */
html body .tbl-share-pill.tbl-share-pill{height:44px!important;padding:0 18px 0 6px!important;gap:9px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#f0cb6e,#dcae45)!important;color:#0b2c48!important;font:800 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.01em!important;box-shadow:0 3px 10px rgba(180,130,30,.35),inset 0 1px 0 rgba(255,255,255,.55)!important}
html body .tbl-share-pill.tbl-share-pill:hover,html body .tbl-share-pill.tbl-share-pill:focus-visible{background:linear-gradient(180deg,#f5d67f,#e2b64f)!important;color:#0b2c48!important}
.tbl-share-pill .tbl-sp-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b2c48;color:#fff}
.tbl-share-pill .tbl-sp-ico svg{width:19px;height:17px}
.tbl-share-pill.tbl-sp-nudge .tbl-sp-ico svg{animation:tblFly 1.1s ease 2}
.tbl-share-pill.tbl-sp-nudge{animation:tblPop 1.1s ease 2}
@keyframes tblFly{0%,100%{transform:none}40%{transform:translate(4px,-3px) rotate(-8deg)}60%{transform:translate(-1px,1px)}}
@keyframes tblPop{0%,100%{transform:none}40%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.tbl-share-pill.tbl-sp-nudge,.tbl-share-pill.tbl-sp-nudge .tbl-sp-ico svg{animation:none}}
/* the share sheet and the end-of-story block: three big, clear choices */
.tbl-share-opts>button{display:grid!important;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;width:100%;border-radius:14px;padding:12px 14px;cursor:pointer;font:800 17px/1.15 system-ui,-apple-system,sans-serif}
.tbl-share-opts>button .tbl-sh-ico{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:22px;background:rgba(255,255,255,.18)}
.tbl-share-opts>button small{grid-column:2;font:500 13px/1.3 system-ui,-apple-system,sans-serif;opacity:.82;margin-top:3px}
.tbl-share-opts .tbl-sh-send{border:0;background:#0b2c48;color:#fff}
.tbl-share-opts .tbl-sh-ig{border:0;color:#fff;background:linear-gradient(45deg,#f9a33b 0%,#e8463f 35%,#c8327d 65%,#7a3fc4 100%)}
.tbl-share-opts .tbl-sh-ig.is-busy{opacity:.7}
.tbl-share-opts .tbl-sh-copy{border:2px solid #0b2c48;background:#fff;color:#0b2c48}
.tbl-share-opts .tbl-sh-copy .tbl-sh-ico{background:#eef5fa}


/* ===== 1.0.16 "Did we miss anything?": the same light card as the share row, one slim line on computers ===== */
html body .tbl-tip.tbl-tip.tbl-tip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:22px 0 0!important;padding:10px 10px 10px 18px!important;background:linear-gradient(180deg,#f4f8fb,#eaf2f8)!important;border:1px solid #d3e1eb!important;border-left:1px solid #d3e1eb!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(11,44,72,.06)!important}
html body .tbl-tip.tbl-tip.tbl-tip .tbl-tip-title.tbl-tip-title{flex:0 0 auto;margin:0!important;font:800 16px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:#0b2c48!important;letter-spacing:-.01em!important}
html body .tbl-tip.tbl-tip.tbl-tip form{flex:1 1 300px;min-width:0;display:flex;gap:8px;align-items:center;margin:0}
html body .tbl-tip.tbl-tip.tbl-tip .tbl-tip-input{flex:1;min-width:0;min-height:40px!important;height:40px;padding:9px 14px!important;border:1px solid #c3d5e2!important;border-radius:999px!important;background:#fff!important;font:15px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:#13232e!important;resize:none;overflow:hidden;box-shadow:none!important}
html body .tbl-tip.tbl-tip.tbl-tip .tbl-tip-input:focus{border-color:#2477ac!important;box-shadow:0 0 0 3px rgba(36,119,172,.15)!important}
html body .tbl-tip.tbl-tip.tbl-tip:focus-within .tbl-tip-input{height:76px;border-radius:14px!important;overflow:auto}
html body .tbl-tip.tbl-tip.tbl-tip:focus-within form{align-items:flex-end}
html body .tbl-tip.tbl-tip.tbl-tip .tbl-tip-send{flex:0 0 auto;height:40px;padding:0 18px!important;border-radius:999px!important;font:700 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;white-space:nowrap}
html body .tbl-tip.tbl-tip.tbl-tip .tbl-tip-thanks{flex:1 0 100%;margin:0!important;font-size:14px!important}
@media (max-width:599px){html body .tbl-tip.tbl-tip.tbl-tip{padding:10px 10px 10px 14px!important}html body .tbl-tip.tbl-tip.tbl-tip .tbl-tip-title.tbl-tip-title{flex:1 0 100%;padding-left:2px;font-size:15px!important}html body .tbl-tip.tbl-tip.tbl-tip form{flex:1 0 100%}}

/* ===== 1.0.17 share icons: small app-style tiles ===== */
html body .tbl-send-icons{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
html body .tbl-send-icons .tbl-send-btn.tbl-send-btn,html body .tbl-readbar.tbl-readbar .tbl-send-icons .tbl-send-btn.tbl-send-btn{all:unset;box-sizing:border-box!important;position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:11px!important;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,opacity .16s,background-color .2s}
html body .tbl-send-icons .tbl-send-email.tbl-send-email{background:linear-gradient(155deg,#2f86c2 0%,#145a8c 55%,#0b3a5c 100%)!important;color:#fff!important;box-shadow:0 2px 6px rgba(11,58,92,.28),inset 0 1px 0 rgba(255,255,255,.22)!important}
html body .tbl-send-icons .tbl-send-copy.tbl-send-copy{background:#fff!important;color:#0b3a5c!important;box-shadow:0 1px 4px rgba(11,44,72,.12),inset 0 0 0 1.25px #c6d7e4!important}
html body .tbl-send-icons .tbl-send-ig.tbl-send-ig{background:#fff!important;box-shadow:0 2px 6px rgba(11,44,72,.2)!important}
html body .tbl-send-icons .tbl-send-btn svg{display:block;flex:0 0 auto;width:19px;height:19px}
html body .tbl-send-icons .tbl-send-email svg,html body .tbl-send-icons .tbl-send-email svg *{stroke:#fff!important;fill:none!important}
html body .tbl-send-icons .tbl-send-btn img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:cover;box-shadow:none!important}
html body .tbl-send-icons .tbl-send-ok{display:none!important}
html body .tbl-send-icons .tbl-send-copy.is-done{background:#1f8a5b!important;box-shadow:0 2px 6px rgba(31,138,91,.35)!important}
html body .tbl-send-icons .tbl-send-copy.is-done svg:not(.tbl-send-ok){display:none!important}
html body .tbl-send-icons .tbl-send-copy.is-done .tbl-send-ok{display:block!important}
html body .tbl-send-icons .tbl-send-ig.is-busy{opacity:.55}
html body .tbl-send-icons .tbl-send-btn:hover{transform:translateY(-1.5px)}
html body .tbl-send-icons .tbl-send-btn:active{transform:scale(.92)}
html body .tbl-send-icons .tbl-send-btn:focus-visible{outline:2.5px solid #2477ac!important;outline-offset:2px}

/* in the Listen pill: one line, play + title on the left, the three icons on the right after a hairline */
html body .tbl-readbar.tbl-readbar{background:#fff!important;border:1px solid #d3e1eb!important;border-radius:999px!important;box-shadow:0 1px 2px rgba(11,44,72,.05),0 6px 18px -10px rgba(11,44,72,.22)!important;padding:6px 7px 6px 6px!important}
html body .tbl-readbar .tbl-bar-share{display:flex;align-items:center;flex:0 0 auto;margin-left:auto;padding-left:10px;border-left:1px solid #e1e9ef}
html body .tbl-readbar .tbl-read-start{flex:1 1 auto!important;min-width:0!important}

/* end of the story: SHARE THIS STORY ——— icons (same look as the READ NEXT header) */
html body .tbl-endshare{display:flex;align-items:center;gap:14px;margin:26px 0 6px!important;padding:0}
html body .tbl-endshare-h{flex:0 0 auto;font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:.2em;text-transform:uppercase;color:#0b2c48}
html body .tbl-endshare-rule{flex:1 1 auto;height:2px;min-width:24px;background:linear-gradient(90deg,#0b3a5c,rgba(11,58,92,.12))}
@media (max-width:420px){html body .tbl-endshare{gap:10px}html body .tbl-endshare-h{font-size:12px!important;letter-spacing:.16em}}

/* the little message ("Link copied") */
.tbl-send-toast{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));z-index:99996;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:10px 18px;border-radius:999px;background:rgba(11,44,72,.94);color:#fff;font:600 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 8px 24px rgba(8,30,48,.3);transition:opacity .2s,transform .2s;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}
.tbl-send-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){html body .tbl-send-icons .tbl-send-btn,.tbl-send-toast{transition:none}}
@media print{.tbl-bar-share,.tbl-endshare,.tbl-send-toast{display:none!important}}
html body .tbl-readbar .tbl-read-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:400px){
 html body .tbl-readbar .tbl-bar-share{padding-left:8px}
 html body .tbl-readbar .tbl-send-icons{gap:5px}
 html body .tbl-readbar.tbl-readbar .tbl-send-icons .tbl-send-btn.tbl-send-btn{flex-basis:32px!important;width:32px!important;height:32px!important;border-radius:10px!important}
 html body .tbl-readbar .tbl-send-icons .tbl-send-btn svg{width:17px;height:17px}
 html body .tbl-readbar.tbl-readbar .tbl-read-start{gap:8px!important}
 html body .tbl-readbar.tbl-readbar .tbl-read-title{font-size:14px!important}
}

/* 1.0.18 the envelope / link / check are little pictures now (always white on blue) */
html body .tbl-send-icons .tbl-send-btn img.tbl-send-glyph{width:19px!important;height:19px!important;object-fit:contain;border-radius:0!important;box-shadow:none!important;background:none!important}
html body .tbl-send-icons .tbl-send-copy.is-done img.tbl-send-glyph:not(.tbl-send-ok){display:none!important}
html body .tbl-send-icons .tbl-send-copy.is-done img.tbl-send-ok{display:block!important}
@media (max-width:400px){html body .tbl-readbar .tbl-send-icons .tbl-send-btn img.tbl-send-glyph{width:17px!important;height:17px!important}}

/* 1.0.19 the icons sit together on a little tray, so they read as one control, not three loose tiles */
html body .tbl-send-icons.tbl-send-icons{gap:6px;padding:5px;background:linear-gradient(180deg,#eef4f9,#e2ecf4);border:1px solid #cfdeea;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(11,44,72,.06)}
html body .tbl-readbar .tbl-bar-share{border-left:0;padding-left:8px}
html body .tbl-endshare .tbl-send-icons.tbl-send-icons{padding:6px;gap:7px;border-radius:16px}
@media (max-width:400px){html body .tbl-readbar .tbl-send-icons.tbl-send-icons{gap:4px;padding:4px;border-radius:13px}}

/* ===== 1.0.20 the end of the story matches the top: one pill, title on the left, icon tray on the right ===== */
html body .tbl-endshare.tbl-endshare{display:flex;align-items:center;gap:10px;margin:22px 0 6px!important;padding:6px 7px 6px 6px;background:#fff;border-radius:999px}
html body .tbl-endshare .tbl-endshare-ico{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--tbl-card-bg,#0b3a5c);display:flex;align-items:center;justify-content:center}
html body .tbl-endshare .tbl-endshare-ico img{display:block;width:18px!important;height:18px!important;margin:0 1px 0 0!important;box-shadow:none!important;border-radius:0!important}
html body .tbl-endshare .tbl-endshare-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.2}
html body .tbl-endshare .tbl-endshare-h{font:700 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#0b2c48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .tbl-endshare .tbl-endshare-sub{margin-top:1px;font:500 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#5d7283;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .tbl-endshare .tbl-bar-share{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}
html body .tbl-endshare .tbl-send-icons.tbl-send-icons{padding:5px;gap:6px;border-radius:15px}
html body .tbl-endshare-rule{display:none!important}

/* a clearer edge on both pills, so they lift off the page */
html body .tbl-readbar.tbl-readbar,html body .tbl-endshare.tbl-endshare{border:1px solid #c4d6e4!important;box-shadow:0 1px 2px rgba(11,44,72,.06),0 10px 26px -14px rgba(11,44,72,.38)!important}

/* phones: smaller tiles so "Listen to this story" never gets cut off */
@media (max-width:480px){
 html body .tbl-readbar .tbl-bar-share,html body .tbl-endshare .tbl-bar-share{padding-left:6px}
 html body .tbl-readbar .tbl-send-icons.tbl-send-icons,html body .tbl-endshare .tbl-send-icons.tbl-send-icons{gap:4px;padding:4px;border-radius:12px}
 html body .tbl-send-icons .tbl-send-btn.tbl-send-btn,html body .tbl-readbar.tbl-readbar .tbl-send-icons .tbl-send-btn.tbl-send-btn{flex-basis:30px!important;width:30px!important;height:30px!important;border-radius:9px!important}
 html body .tbl-send-icons .tbl-send-btn img.tbl-send-glyph{width:16px!important;height:16px!important}
 html body .tbl-readbar.tbl-readbar .tbl-read-ico{flex:0 0 36px!important;width:36px!important;height:36px!important}
 html body .tbl-endshare .tbl-endshare-ico{flex-basis:36px;width:36px;height:36px}
 html body .tbl-readbar.tbl-readbar .tbl-read-start{gap:9px!important}
 html body .tbl-endshare.tbl-endshare{gap:9px}
 html body .tbl-readbar.tbl-readbar .tbl-read-title,html body .tbl-endshare .tbl-endshare-h{font-size:14.5px!important}
 html body .tbl-readbar.tbl-readbar .tbl-read-sub,html body .tbl-endshare .tbl-endshare-sub{font-size:11.5px!important}
}

/* ===== 1.0.21 ===== */
/* the icon tray looks raised, like the tiles on it */
html body .tbl-send-icons.tbl-send-icons{background:linear-gradient(180deg,#fbfdff 0%,#e6eef6 55%,#d9e5ef 100%)!important;border:1px solid #bdd0df!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(11,44,72,.10),0 1px 1px rgba(11,44,72,.10),0 5px 12px -3px rgba(11,44,72,.28)!important}
html body .tbl-send-icons .tbl-send-copy.tbl-send-copy{background:linear-gradient(180deg,#ffffff,#eef4f9)!important;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,44,72,.16),0 3px 6px -2px rgba(11,44,72,.22),inset 0 0 0 1px #c6d7e4!important}
html body .tbl-send-icons .tbl-send-email.tbl-send-email{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(11,58,92,.3),0 4px 8px -2px rgba(11,58,92,.35)!important}
html body .tbl-send-icons .tbl-send-ig.tbl-send-ig{box-shadow:0 1px 2px rgba(11,44,72,.22),0 4px 8px -2px rgba(11,44,72,.3)!important}
/* computers: each pill hugs its content, so the icons sit right beside "Listen to this story" / "Share this story" */
@media (min-width:783px){
 html body .tbl-readbar.tbl-readbar,html body .tbl-endshare.tbl-endshare{width:fit-content!important;max-width:100%!important;padding-right:7px!important}
 html body .tbl-readbar.tbl-readbar .tbl-read-start{flex:0 1 auto!important;padding-right:0!important}
 html body .tbl-readbar .tbl-bar-share,html body .tbl-endshare .tbl-bar-share{margin-left:22px;padding-left:0}
 html body .tbl-endshare .tbl-endshare-text{flex:0 1 auto}
}
/* the share pill now closes the page, under Read Next */
html body .tbl-endshare.tbl-endshare{margin:26px 0 10px!important}

/* ===== 1.0.22 the whole pill is raised, not just the icons (phones and computers) ===== */
html body .tbl-readbar.tbl-readbar,html body .tbl-endshare.tbl-endshare{background:linear-gradient(180deg,#ffffff 0%,#f4f8fb 60%,#e9f0f6 100%)!important;border:1px solid #b9cddd!important;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(11,44,72,.07),0 1px 2px rgba(11,44,72,.10),0 4px 8px -2px rgba(11,44,72,.12),0 14px 28px -12px rgba(11,44,72,.40)!important}
/* the play button and the paper-plane circle: domed, with a soft shine */
html body .tbl-readbar.tbl-readbar .tbl-read-ico,html body .tbl-endshare .tbl-endshare-ico{background:radial-gradient(120% 120% at 30% 20%,#2f78ab 0%,#145082 45%,#0b3a5c 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -2px 3px rgba(0,0,0,.18),0 2px 4px rgba(11,58,92,.30),0 6px 12px -4px rgba(11,58,92,.40)!important}
html body .tbl-readbar.tbl-readbar .tbl-read-start:hover .tbl-read-ico{background:radial-gradient(120% 120% at 30% 20%,#3a87bd 0%,#185d8e 45%,#0b3a5c 100%)!important}
html body .tbl-readbar.is-playing{border-color:#8fb8d8!important}

/* 1.1.1 a little more room between the icons, so each is easy to tap */
html body .tbl-send-icons.tbl-send-icons.tbl-send-icons{gap:11px!important}
html body .tbl-readbar.tbl-readbar .tbl-send-icons.tbl-send-icons.tbl-send-icons{gap:10px!important}
@media (max-width:400px){html body .tbl-send-icons.tbl-send-icons.tbl-send-icons,html body .tbl-readbar.tbl-readbar .tbl-send-icons.tbl-send-icons.tbl-send-icons{gap:8px!important}}
/* 1.1.1 each icon answers a slightly bigger tap than it looks (the areas never overlap) */
html body .tbl-send-icons .tbl-send-btn.tbl-send-btn::after{content:"";position:absolute;inset:-4px;border-radius:12px}

/* ===== 1.1.2 Send menu (text or email) and the "Link copied" note: the shared pop-out look (--tbl-pop-* in site-early.css) ===== */
.tbl-email-menu{position:fixed;z-index:99996;min-width:270px;max-width:calc(100vw - 24px);padding:8px;background:var(--tbl-pop-bg,rgba(13,50,80,.94));backdrop-filter:var(--tbl-pop-blur,blur(16px));-webkit-backdrop-filter:var(--tbl-pop-blur,blur(16px));border:1px solid var(--tbl-pop-line,rgba(255,255,255,.16));border-radius:var(--tbl-pop-r,16px);box-shadow:var(--tbl-pop-shadow,0 22px 50px rgba(2,18,32,.42));color:#fff;font:600 15px/1.25 var(--tbl-pop-font,system-ui,sans-serif);animation:tbl-pop-in .16s ease-out}
.tbl-email-menu[hidden]{display:none}
.tbl-email-h{margin:6px 12px 6px!important;font:800 11px/1.3 var(--tbl-pop-font,system-ui,sans-serif)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--tbl-pop-accent,#8fd0f5)!important}
.tbl-email-h.tbl-email-sub{margin:8px 0 6px!important;padding:12px 12px 0;border-top:1px solid var(--tbl-pop-line,rgba(255,255,255,.16))}
.tbl-email-menu a,.tbl-email-menu button{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:0;border-radius:var(--tbl-pop-row-r,11px);background:none;color:#fff!important;text-decoration:none!important;font:inherit;text-align:left;cursor:pointer}
.tbl-email-menu a:hover,.tbl-email-menu a:focus-visible,.tbl-email-menu button:hover,.tbl-email-menu button:focus-visible{background:var(--tbl-pop-hover,rgba(255,255,255,.12));outline:none}
.tbl-email-menu a.tbl-em-big{padding:9px 12px;font-size:15.5px}
.tbl-email-menu a.tbl-em-big>span:last-child{display:flex;flex-direction:column;gap:2px}
.tbl-email-menu a.tbl-em-big small{font:500 12.5px/1.2 var(--tbl-pop-font,system-ui,sans-serif);color:var(--tbl-pop-soft,#b9d8e8)}
.tbl-em-i{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.tbl-em-sms{background:linear-gradient(160deg,#5fd36f,#28a745)}
.tbl-em-mail{background:linear-gradient(155deg,#4aa8e6,#1f6fa8)}
.tbl-email-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.tbl-email-menu button[data-native]{margin-top:6px;border-top:1px solid var(--tbl-pop-line,rgba(255,255,255,.16));border-radius:0 0 var(--tbl-pop-row-r,11px) var(--tbl-pop-row-r,11px);color:var(--tbl-pop-soft,#b9d8e8)!important}
.tbl-send-toast{background:var(--tbl-pop-bg,rgba(13,50,80,.94))!important;backdrop-filter:var(--tbl-pop-blur,blur(16px));-webkit-backdrop-filter:var(--tbl-pop-blur,blur(16px));border:1px solid var(--tbl-pop-line,rgba(255,255,255,.16));box-shadow:var(--tbl-pop-shadow,0 22px 50px rgba(2,18,32,.42))}
@keyframes tbl-pop-in{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tbl-email-menu{animation:none}}
@media print{.tbl-email-menu{display:none!important}}
.tbl-email-menu{border:2px solid rgba(143,208,245,.85)!important;box-shadow:0 0 0 4px rgba(3,14,24,.35),0 22px 50px rgba(2,18,32,.42)!important}

/* ===== 1.2.111 (Eric, Nov 4) one slim glass bar under the headline: Listen on the left, thin white send icons on the right. The share bar at
   the end of the story and the tip box use the same look, so the article has one high-end style. ===== */
html body .tbl-toprow.tbl-toprow,html body .tbl-endshare.tbl-endshare.tbl-endshare{display:flex!important;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%!important;max-width:100%!important;min-height:42px;padding:5px 7px 5px 6px!important;background:linear-gradient(100deg,rgba(11,44,72,.97) 0%,rgba(15,74,115,.9) 58%,rgba(24,93,142,.88) 100%)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(240,181,58,.8)!important;border-radius:11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px -12px rgba(11,44,72,.6)!important}
html body .tbl-article .tbl-toprow.tbl-toprow,html body.tbl-article .entry-content .tbl-toprow.tbl-toprow{margin:12px 0 7px!important}
html body .tbl-endshare.tbl-endshare.tbl-endshare,html body.tbl-article .entry-content .tbl-endshare.tbl-endshare.tbl-endshare{margin:22px 0 6px!important;padding-left:14px!important}
html body .tbl-endshare .tbl-endshare-ico,html body .tbl-endshare .tbl-endshare-sub,html body .tbl-endshare .tbl-endshare-rule{display:none!important}
html body .tbl-endshare.tbl-endshare.tbl-endshare .tbl-endshare-text{flex:0 1 auto;min-width:0}
html body .tbl-endshare.tbl-endshare.tbl-endshare .tbl-endshare-h{display:block;font:700 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#fff!important;white-space:nowrap;overflow:visible}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar{display:flex!important;flex:1 1 auto;align-items:center!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;min-width:0;min-height:0;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-start{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;text-align:left!important;cursor:pointer}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-ico{flex:0 0 30px!important;width:30px!important;height:30px!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%!important;background:rgba(240,181,58,.14)!important;border:1.25px solid #f0b53a!important;color:#f0b53a!important;box-shadow:none!important;transition:background .2s}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-ico svg{width:15px!important;height:15px!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-ico svg path,html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-ico svg rect{fill:#f0b53a!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-start:hover .tbl-read-ico{background:rgba(240,181,58,.3)!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-text{display:flex!important;flex-direction:row!important;flex:1 1 auto;align-items:baseline!important;gap:12px;min-width:0}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-title{flex:0 1 auto;min-width:0;font:700 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-sub{flex:0 0 auto;margin:0!important;padding:0!important;border:0!important;display:inline!important;min-height:0;font:400 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;color:rgba(255,255,255,.72)!important;white-space:nowrap}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-sub:before{content:none!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-state{color:rgba(255,255,255,.72)!important;font-size:12px!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-stop{margin:0 4px 0 8px;width:26px;height:26px;border-radius:50%;color:#0b2c48!important;background:#fff!important;border:0!important}
/* the thin gold send icons, in both bars */
html body .tbl-toprow .tbl-bar-share.tbl-bar-share,html body .tbl-endshare .tbl-bar-share.tbl-bar-share{display:flex;align-items:center;flex:0 0 auto;margin:0!important;padding:0!important;border:0!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons.tbl-send-icons{gap:2px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-btn.tbl-send-btn.tbl-send-btn{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:transparent center/18px 18px no-repeat!important;box-shadow:none!important;transform:none!important;transition:background-color .2s}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-btn.tbl-send-btn.tbl-send-btn:hover{background-color:rgba(255,255,255,.16)!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons .tbl-send-btn img:not(.tbl-send-ok){display:none!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-email.tbl-send-email.tbl-send-email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0b53a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 10.5 13.5'/%3E%3Cpath d='M21 3l-6.5 18-4-7.5L3 9.5z'/%3E%3C/svg%3E")!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-copy.tbl-send-copy.tbl-send-copy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0b53a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13.5a4.5 4.5 0 0 0 6.4.4l3-3a4.5 4.5 0 0 0-6.4-6.4l-1.6 1.6'/%3E%3Cpath d='M14 10.5a4.5 4.5 0 0 0-6.4-.4l-3 3a4.5 4.5 0 0 0 6.4 6.4l1.6-1.6'/%3E%3C/svg%3E")!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-ig.tbl-send-ig.tbl-send-ig{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0b53a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.4' cy='6.6' r='.6' fill='%23f0b53a'/%3E%3C/svg%3E")!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-copy.is-done.tbl-send-copy.tbl-send-copy{background-image:none!important;background-color:#1f8a5b!important}
/* "Help us out, Newport." at the end of the story */
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip{position:relative;display:block!important;box-sizing:border-box;margin:24px 0 8px!important;padding:12px 12px 12px 15px!important;background:linear-gradient(100deg,rgba(11,44,72,.97) 0%,rgba(15,74,115,.9) 58%,rgba(24,93,142,.88) 100%)!important;border:1.5px solid rgba(240,181,58,.8)!important;border-radius:11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px -12px rgba(11,44,72,.6)!important;scroll-margin-top:110px}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip:before{content:none}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-title.tbl-tip-title{margin:0 0 8px!important;padding:0!important;font:700 20px/1.15 "Playfair Display",Georgia,"Times New Roman",serif!important;letter-spacing:0!important;color:#fff!important}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip form{position:relative;display:block;margin:0}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-input{display:block;box-sizing:border-box;width:100%!important;height:40px!important;min-height:40px!important;margin:0;padding:9px 46px 8px 13px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:9px!important;background:rgba(255,255,255,.1)!important;box-shadow:none!important;outline:0;resize:none;overflow:hidden;font:400 16px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;color:#fff!important;transition:height .2s,background .2s}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-input::placeholder{color:rgba(255,255,255,.72);opacity:1}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip:focus-within .tbl-tip-input{height:84px!important;overflow:auto;background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.55)!important}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-send{position:absolute;right:5px;bottom:5px;top:auto;transform:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0!important;border:1.25px solid #f0b53a!important;border-radius:50%!important;background:rgba(240,181,58,.14)!important;color:#f0b53a!important;cursor:pointer}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-send svg{width:16px;height:16px}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-send:hover{background:rgba(240,181,58,.3)!important}
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-thanks{margin:0!important;color:#fff!important;font-size:15px!important}
@media (max-width:782px){html body.tbl-article .entry-content .tbl-publine.tbl-publine{padding:0 10px!important}}
@media (max-width:379px){html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-title{letter-spacing:.07em!important;font-size:11.5px!important}html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-input::placeholder{font-size:13.5px}}
/* 1.2.113 (Eric, Nov 4) the play button pulses until someone taps it; phones get the send buttons in their own bar under the picture */
html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-title.tbl-tip-title{text-transform:none!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-title{flex:0 0 auto;overflow:visible!important}
html body .entry-content .tbl-toprow .tbl-read-ico{position:relative}
html body .entry-content .tbl-toprow .tbl-read-ico svg{position:relative;z-index:1}
html body .entry-content .tbl-toprow .tbl-readbar:not(.is-playing):not(.tbl-heard) .tbl-read-ico:before{content:"";position:absolute;inset:0;border-radius:50%;background:#f0b53a;opacity:0;animation:tblPlayFill 2.4s ease-in-out infinite}
html body .entry-content .tbl-toprow .tbl-readbar:not(.is-playing):not(.tbl-heard) .tbl-read-ico:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid #f0b53a;animation:tblPlayRing 2.4s ease-out infinite}
@keyframes tblPlayRing{0%{transform:scale(1);opacity:.75}70%,100%{transform:scale(1.4);opacity:0}}
@keyframes tblPlayFill{0%,100%{opacity:.05}50%{opacity:.32}}
@media (prefers-reduced-motion:reduce){html body .entry-content .tbl-toprow .tbl-read-ico:before,html body .entry-content .tbl-toprow .tbl-read-ico:after{animation:none!important}}
html body.tbl-article .entry-content .tbl-endshare.tbl-endshare.tbl-endshare.tbl-topshare{margin:8px 0 14px!important}
@media (min-width:783px){html body.tbl-article .entry-content .tbl-endshare.tbl-endshare.tbl-endshare.tbl-topshare,html body .entry-content .tbl-endshare.tbl-endshare.tbl-endshare.tbl-topshare{display:none!important}}
@media (max-width:782px){html body .tbl-toprow .tbl-bar-share.tbl-bar-share{display:none!important}}
/* narrow phones and zoomed-in pages: the tip line stays on one line, with the arrow up beside the title */
@media (max-width:430px){
 html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-input{padding-right:12px!important}
 html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-input::placeholder{font-size:13px;white-space:nowrap}
 html body .tbl-tip.tbl-tip.tbl-tip.tbl-tip .tbl-tip-send{top:-36px;bottom:auto;right:0}
}
/* 1.2.114 (Eric, Nov 4) gold first words, the time beside the name on phones, the triangle always shows, each share icon in its own little frame */
html body .tbl-toprow .tbl-gold,html body .tbl-endshare .tbl-gold{color:#f0b53a!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-ico svg path,html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-ico svg rect{fill:#fff!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-sub{margin-left:auto!important;padding-right:2px!important}
html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-text{align-items:center!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons.tbl-send-icons{gap:5px!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-btn.tbl-send-btn.tbl-send-btn{flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:8px!important;background-color:rgba(255,255,255,.09)!important;background-size:17px 17px!important;box-shadow:inset 0 0 0 1px rgba(240,181,58,.5)!important}
html body :is(.tbl-toprow,.tbl-endshare) .tbl-send-icons.tbl-send-icons .tbl-send-btn.tbl-send-btn.tbl-send-btn:hover{background-color:rgba(240,181,58,.2)!important}
@media (max-width:430px){html body .entry-content .tbl-toprow .tbl-sub-more{display:none}}
/* 1.2.115 (Eric, Nov 4) the story's length always shows on phones, even on narrow or zoomed-in screens */
@media (max-width:379px){html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-text{gap:6px}html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-title{font-size:11px!important;letter-spacing:.05em!important}html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-start{gap:8px!important}html body .entry-content .tbl-toprow .tbl-readbar.tbl-readbar.tbl-readbar .tbl-read-sub{font-size:11px!important}}