/* 5.11.45 Read Next: the card at the end of every article. Photo + headline, swipe sideways for more. */
/* the homepage headline face (bundled; only downloaded when the card is on the page) */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/playfair-display-latin-700-normal.woff2) format('woff2')}
html body .tbl-rn{--rn-navy:#0b3a5c;--rn-ink:#0b2c48;--rn-gold:#f2d79c;margin:30px 0 6px;padding:0;font-family:var(--tbl-sans,system-ui,-apple-system,"Segoe UI",sans-serif);clear:both}
html body .tbl-rn .tbl-rn-head{display:flex;align-items:center;gap:12px;margin:0 0 12px}
html body .tbl-rn h2#tbl-rn-h{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0;margin:0!important;padding:0!important;border:0!important;
 font:800 13px/1.2 var(--tbl-sans,system-ui,sans-serif)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--rn-ink)!important}
html body .tbl-rn h2#tbl-rn-h::after{content:"";flex:1 1 auto;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--rn-navy),rgba(11,58,92,.12))}
html body .tbl-rn .tbl-rn-count{flex:0 0 auto;font:700 13px/1 var(--tbl-sans,system-ui,sans-serif);color:#4a6273;font-variant-numeric:tabular-nums}
html body .tbl-rn .tbl-rn-count b{color:var(--rn-ink)}
html body .tbl-rn .tbl-rn-arrows{display:flex;gap:6px}
html body .tbl-rn .tbl-rn-arrows button{display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:1px solid #c9d8e3!important;border-radius:50%!important;background:#fff!important;color:var(--rn-ink)!important;box-shadow:0 2px 6px rgba(8,30,48,.08)!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .tbl-rn .tbl-rn-arrows button:hover{background:#eef5fa!important}
html body .tbl-rn .tbl-rn-arrows button[disabled]{opacity:.35;cursor:default}
html body .tbl-rn .tbl-rn-arrows svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
html body .tbl-rn .tbl-rn-arrows button:focus-visible{outline:3px solid #ff6b57;outline-offset:2px}

/* the strip: one card at a time, the next one peeks in from the right */
html body .tbl-rn .tbl-rn-track{position:relative;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -2px;padding:2px 2px 10px;scroll-padding-left:2px}
html body .tbl-rn .tbl-rn-track::-webkit-scrollbar{display:none}
html body .tbl-rn .tbl-rn-card{position:relative;flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:flex-end;
 height:clamp(250px,64vw,300px);border-radius:16px;overflow:hidden;background:var(--rn-navy);color:#fff!important;text-decoration:none!important;
 box-shadow:0 8px 22px rgba(8,30,48,.18);isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease}
html body .tbl-rn .tbl-rn-track.is-one .tbl-rn-card{flex-basis:100%}
html body .tbl-rn .tbl-rn-card:hover{box-shadow:0 12px 28px rgba(8,30,48,.24)}
html body .tbl-rn .tbl-rn-card:active{transform:scale(.985)}
html body .tbl-rn .tbl-rn-card:focus-visible{outline:3px solid #ff6b57;outline-offset:3px}
html body .tbl-rn .tbl-rn-photo{position:absolute;inset:0;z-index:-1;background:var(--rn-navy)}
html body .tbl-rn .tbl-rn-photo img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;border-radius:0!important}
html body .tbl-rn .tbl-rn-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,42,0) 30%,rgba(6,26,42,.55) 58%,rgba(6,26,42,.94) 100%)}
/* stories without a photo: the crayon logo, small, on navy */
html body .tbl-rn .tbl-rn-card.is-text .tbl-rn-photo{display:grid;place-items:start center;padding-top:22px;background:radial-gradient(120% 90% at 50% 0%,#185d8e 0%,#0b3a5c 60%,#082c47 100%)}
html body .tbl-rn .tbl-rn-card.is-text .tbl-rn-photo img.tbl-rn-logo{width:auto!important;height:34%!important;max-height:84px!important;object-fit:contain;opacity:.92;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}
html body .tbl-rn .tbl-rn-card.is-text .tbl-rn-photo::after{background:linear-gradient(180deg,rgba(6,26,42,0) 45%,rgba(6,26,42,.55) 100%)}
html body .tbl-rn .tbl-rn-body{display:flex;flex-direction:column;gap:7px;padding:18px 18px 16px}
html body .tbl-rn .tbl-rn-k{align-self:flex-start;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
 font:800 10.5px/1.2 var(--tbl-sans,system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#fff!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
html body .tbl-rn .tbl-rn-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
 font:700 21px/1.18 "Playfair Display",Georgia,"Times New Roman",serif;letter-spacing:-.005em;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.35);text-wrap:pretty}
html body .tbl-rn .tbl-rn-go{font:800 12.5px/1.2 var(--tbl-sans,system-ui,sans-serif);letter-spacing:.03em;color:var(--rn-gold)!important}
html body .tbl-rn .tbl-rn-go b{display:inline-block;transition:transform .2s ease}
html body .tbl-rn .tbl-rn-card:hover .tbl-rn-go b{transform:translateX(3px)}
html body .tbl-rn .tbl-rn-hint{margin:2px 0 0;font:600 12px/1.3 var(--tbl-sans,system-ui,sans-serif);color:#5d7283;text-align:center}
html body .tbl-rn .tbl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* computers: photo left, headline right; the next card peeks in */
@media (min-width:783px){
 html body .tbl-rn .tbl-rn-card{flex-basis:78%;height:220px;flex-direction:row;justify-content:flex-start;background:#fff;color:var(--rn-ink)!important;border:1px solid #d6e2ea;box-shadow:0 6px 18px rgba(8,30,48,.10)}
 html body .tbl-rn .tbl-rn-photo{position:relative;inset:auto;z-index:0;flex:0 0 46%;height:100%}
 html body .tbl-rn .tbl-rn-photo::after{display:none}
 html body .tbl-rn .tbl-rn-body{flex:1 1 auto;justify-content:center;padding:20px 22px;min-width:0}
 html body .tbl-rn .tbl-rn-k{background:#e9f3fb;border-color:#bbd8ed;color:#0b5788!important;-webkit-backdrop-filter:none;backdrop-filter:none}
 html body .tbl-rn .tbl-rn-t{font-size:23px;-webkit-line-clamp:4;color:var(--rn-ink)!important;text-shadow:none}
 html body .tbl-rn .tbl-rn-go{color:#b07d16!important}
 html body .tbl-rn .tbl-rn-hint{display:none}
}
@media (max-width:782px){html body .tbl-rn .tbl-rn-arrows{display:none}}
/* Reduce Motion: no smooth sliding or press effects */
@media (prefers-reduced-motion:reduce){html body .tbl-rn .tbl-rn-track{scroll-behavior:auto}html body .tbl-rn .tbl-rn-card,html body .tbl-rn .tbl-rn-go b{transition:none}html body .tbl-rn .tbl-rn-card:active{transform:none}}
@media print{html body .tbl-rn{display:none!important}}
/* keep the Instagram / tip / surf side tabs clear of the card: they tuck away while it is on screen */
html.tbl-rn-in body .tbl-lead-side .tbl-side-tab{transform:translate3d(130%,0,0)!important;transition-duration:.35s!important}
html.tbl-rn-in body .tbl-lead-side .tbl-side-panel{transform:translate3d(110%,-50%,0)!important;transition-duration:.35s!important}

/* 1.1.32 READ NEXT is easier to spot at the end of a story: bigger heading with a coral marker, a touch more room above */
html body .tbl-rn{margin-top:38px}
html body .tbl-rn h2#tbl-rn-h{font-size:15px!important;letter-spacing:.16em!important}
html body .tbl-rn h2#tbl-rn-h span{display:inline-flex;align-items:center;gap:9px}
html body .tbl-rn h2#tbl-rn-h span::before{content:"";width:10px;height:10px;border-radius:3px;background:#ea725a;flex:none}
/* 1.2.113 (Eric, Nov 4) the whole headline on every card; all cards match the longest one; shorter headlines get a few lines of the story's opening */
html body .tbl-rn .tbl-rn-track{align-items:stretch}
html body .tbl-rn .tbl-rn-card{height:auto;min-height:clamp(250px,64vw,300px)}
html body .tbl-rn .tbl-rn-t{display:block;-webkit-line-clamp:none;overflow:visible}
html body .tbl-rn .tbl-rn-x{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font:400 14px/1.4 var(--tbl-sans,system-ui,sans-serif);color:rgba(255,255,255,.9)!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}
html body .tbl-rn .tbl-rn-x[hidden]{display:none}
@media (max-width:782px){html body .tbl-rn .tbl-rn-body{background:linear-gradient(180deg,rgba(6,26,42,0) 0%,rgba(6,26,42,.72) 34%,rgba(6,26,42,.9) 100%);padding-top:34px}}
@media (min-width:783px){html body .tbl-rn .tbl-rn-card{height:auto;min-height:220px}html body .tbl-rn .tbl-rn-photo{height:auto;align-self:stretch}html body .tbl-rn .tbl-rn-x{color:#3d5162!important;text-shadow:none}}