/* Story to brand links (0.6.3), from story-brand-card/assets/story-card.css. */
.reading-body a.ww-brand-mention{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* Meet the brand card */
.mtb{display:grid;grid-template-columns:210px 1fr;border:1px solid #e3e3e3;background:#fbfaf6;margin:0 0 44px;font-family:Arial,Helvetica,sans-serif;position:relative}
.mtb-img{position:relative;overflow:hidden;background:#eee;min-height:100%}
.mtb-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mtb-body{padding:22px 24px 22px}
.reading-body .mtb p{font-family:Arial,Helvetica,sans-serif;margin:0}
.mtb-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px!important}
.reading-body .mtb .mtb-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.reading-body .mtb .mtb-label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b;white-space:nowrap}
.mtb h3{font:700 25px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 8px;color:#171717}
.mtb h3 a{color:inherit}
.reading-body .mtb .mtb-line{font-size:15.5px;line-height:1.5;color:#414141}
.reading-body .mtb .mtb-facts{font-size:12.5px;line-height:1.5;color:#6b6b6b;margin-top:9px}
.mtb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.mtb-actions .solid-button{padding:12px 16px;gap:12px;font-size:13.5px}
.mtb-actions svg{width:16px;height:16px;flex:none}
.wtb-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid #171717;background:#fff;color:#171717;padding:11px 14px;font-size:13.5px;font-weight:600}
.wtb-btn small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b}
.reading-body .mtb .mtb-also{font-size:12px;color:#6b6b6b;margin-top:10px}
/* Paid variant */
.mtb.is-paid{border-color:#c9d5ff;background:#fff}
.mtb-paidbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eef2ff;color:#1f3fb8;font-size:12px;padding:8px 14px;border-bottom:1px solid #c9d5ff}
.mtb-paidbar b{font-weight:700}
.mtb-paidbar span{display:inline-flex;align-items:center;gap:7px}
.mtb-paidbar svg{width:15px;height:15px}
.mtb-paidbar a{text-decoration:underline;color:#1f3fb8;white-space:nowrap}
.mtb-code{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:14px;border:1.5px dashed #4f8a5b;background:#f2f8f1;padding:10px 12px;font:inherit;color:#1e4d2b;cursor:pointer;text-align:left}
.mtb-code .t1{font-size:14px;font-weight:700;display:block}
.mtb-code code{font-family:ui-monospace,Menlo,monospace;background:#fff;border:1px solid #cfe6c8;padding:1px 6px;letter-spacing:.04em}
.mtb-code .t2{font-size:11.5px;color:#3f6b4a;display:block;margin-top:3px}
.mtb-code .cp{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}
.mtb-code svg{width:15px;height:15px}
.reading-body .mtb .mtb-disc{font-size:11.5px;color:#6b6b6b;margin-top:12px;line-height:1.45}
.mtb-logo{position:absolute;left:14px;bottom:14px;width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 3px #fff}
/* Brands in this story strip */
.bits{border-top:1px solid #171717;padding-top:22px;margin:44px 0 34px;font-family:Arial,Helvetica,sans-serif}
.bits-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.bits-head h2{margin:0!important;font-size:22px!important}
.bits-head a{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.bits-head a svg{width:15px;height:15px}
.bits-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.bit{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;border:1px solid #e3e3e3;padding:12px;background:#fff;position:relative}
.bit.is-paid{border-color:#c9d5ff}
.bit-img{width:76px;height:76px;overflow:hidden;background:#eee}
.bit-img img{width:100%;height:100%;object-fit:cover}
.reading-body .bit p{font-family:Arial,Helvetica,sans-serif;margin:0}
.reading-body .bit .bit-role{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b;margin-bottom:4px}
.reading-body .bit.is-paid .bit-role{color:#1f3fb8}
.bit h3{font:700 16px/1.2 Arial,Helvetica,sans-serif;margin:0 0 4px}
.reading-body .bit .bit-line{font-size:12.5px;line-height:1.4;color:#555}
.bit-actions{display:flex;gap:14px;margin-top:8px;font-size:12px;font-weight:700}
.bit-actions a{display:inline-flex;align-items:center;gap:5px;color:var(--blue)}
.bit-actions a.shop{color:#171717}
.bit-actions svg{width:13px;height:13px}
@media (max-width:700px){
 .mtb{grid-template-columns:1fr}
 .mtb-img{height:190px}
 .mtb-body{padding:18px 18px 20px}
 .mtb h3{font-size:23px}
 .mtb-actions{flex-direction:column;align-items:stretch}
 .mtb-actions .solid-button,.wtb-btn{justify-content:space-between}
 .mtb-paidbar{font-size:11px;padding:8px 12px}
 .bits-row{grid-template-columns:1fr}
 .bits-head{flex-direction:column;gap:6px}
}
.reading-body .mtb .mtb-kicker{white-space:nowrap}
@media (max-width:700px){
 .mtb-top{flex-direction:column;align-items:flex-start!important;gap:5px!important}
 .wtb-btn{justify-content:flex-start!important}
 .wtb-btn svg{margin-left:auto}
 .mtb-actions .text-link{align-self:center}
 .mtb-paidbar a{font-size:11px}
}

/* 0.6.3 plugin additions */
.mtb-img.is-tile,.bit-img.is-tile{display:flex;align-items:center;justify-content:center;background:var(--tone-bg,#f3efe3)}
.mtb-img.is-tile[data-tone=yellow],.bit-img.is-tile[data-tone=yellow]{background:#fbf3c9}
.mtb-img.is-tile[data-tone=lavender],.bit-img.is-tile[data-tone=lavender]{background:#ece6ff}
.mtb-img.is-tile[data-tone=pink],.bit-img.is-tile[data-tone=pink]{background:#fde4ea}
.mtb-img.is-tile[data-tone=orange],.bit-img.is-tile[data-tone=orange]{background:#ffe5d6}
.mtb-img.is-tile .brand-monogram{position:static;font:700 54px/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em;color:#171717}
.bit-img.is-tile .brand-monogram{position:static;font:700 24px/1 Arial,Helvetica,sans-serif;color:#171717}
.bit-img{display:block}
.mtb-img{display:block;min-height:220px}
.reading-body .mtb a,.reading-body .bits a{text-decoration:none}
.reading-body .mtb .solid-button{color:#fff}
.mtb-code .cp{color:#1e4d2b}
.mtb-code:focus-visible,.wtb-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.reading-body a[data-ww-unpublished]{outline:1px dashed #b32d2e;outline-offset:2px;text-decoration:line-through;text-decoration-color:#b32d2e}
@media (max-width:700px){.mtb-img{min-height:0}}