/* BEUI-0259 Pro / BlogArticle: original dimensions and motion, adapted to DogPay. */
body:has(.ba-main) { padding-bottom:0 !important; }
body:has(.ba-main) > .mobile-app-banner { display:none !important; }
.ba-publication, .ba-main { --ba-ink:#18181b; --ba-muted:#71717a; --ba-border:#e4e4e7; color:var(--ba-ink); font-family:"Work Sans",sans-serif; background:#fff; }
.ba-publication *, .ba-main * { box-sizing:border-box; }
.ba-publication { border-bottom:1px solid var(--ba-border); }
.ba-publication > div { max-width:1152px; min-height:64px; padding:0 32px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.ba-publication-name { display:inline-flex; align-items:center; gap:9px; font-size:16px; font-weight:600; letter-spacing:-.025em; color:inherit; text-decoration:none; }
.ba-publication-name img { border-radius:8px; }
.ba-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:0 22px; border:1px solid #18181b; border-radius:999px; background:#18181b; color:#fff; font-size:14px; font-weight:500; text-decoration:none; transition:background .2s,transform .2s cubic-bezier(.16,1,.3,1); }
.ba-button:hover { transform:translateY(-2px); background:#333338; color:#fff; }
.ba-button-outline { min-height:36px; padding:0 16px; background:#fff; color:var(--ba-ink); border-color:var(--ba-border); }
.ba-button-outline:hover { background:#f4f4f5; color:var(--ba-ink); }
.ba-main { width:100%; }
.ba-heading { max-width:1024px; padding:80px 32px 56px; margin:auto; }
.ba-back { display:inline-flex; align-items:center; min-height:40px; gap:8px; font-size:14px; color:var(--ba-muted); text-decoration:none; transition:color .2s; }
.ba-back:hover { color:var(--ba-ink); }
.ba-heading-copy { margin-top:40px; animation:ba-heading-in .5s cubic-bezier(.16,1,.3,1) both; }
.ba-eyebrow { margin:0; font-size:12px; line-height:1.6; font-weight:500; text-transform:uppercase; letter-spacing:.14em; color:var(--ba-muted); }
.ba-eyebrow a { color:inherit; text-decoration:none; }
.ba-heading h1 { max-width:896px; margin:20px 0 0; font-size:48px; line-height:1.13; font-weight:500; letter-spacing:-.035em; text-wrap:balance; color:var(--ba-ink); }
.ba-heading h1 a { color:inherit; text-decoration:none; }
.ba-excerpt { max-width:672px; margin:24px 0 0; font-size:16px; line-height:28px; text-wrap:pretty; color:var(--ba-muted); }
.ba-author { display:flex; align-items:center; gap:12px; margin-top:32px; font-size:14px; }
.ba-author img { width:40px; height:40px; border-radius:50%; background:#f4f4f5; object-fit:cover; }
.ba-author p { margin:0 0 3px; font-weight:500; }
.ba-author time { color:var(--ba-muted); }
.ba-cover { max-width:1152px; padding:0 32px; margin:auto; }
.ba-cover img { display:block; width:100%; aspect-ratio:16/10; max-height:704px; height:auto; object-fit:cover; border-radius:16px; outline:1px solid #0000001a; outline-offset:-1px; }
.ba-reading { max-width:1024px; display:grid; grid-template-columns:176px minmax(0,672px); justify-content:space-between; gap:48px; padding:80px 32px; margin:auto; align-items:start; }
.ba-contents { position:sticky; top:32px; min-width:0; }
.ba-contents details { border:1px solid var(--ba-border); border-radius:16px; padding:20px; }
.ba-contents summary { list-style:none; font-size:12px; text-transform:uppercase; letter-spacing:.13em; font-weight:500; }
.ba-contents summary::-webkit-details-marker { display:none; }
.ba-contents nav { display:flex; flex-direction:column; gap:12px; margin-top:16px; }
.ba-contents a { font-size:14px; line-height:1.5; text-decoration:none; color:var(--ba-muted); transition:color .2s; overflow-wrap:anywhere; }
.ba-contents a:hover, .ba-contents a[aria-current="location"] { color:var(--ba-ink); }
.ba-body { min-width:0; font-size:18px; line-height:32px; overflow-wrap:anywhere; }
.ba-body > :first-child { margin-top:0; }
.ba-body p, .ba-body ul, .ba-body ol { margin:24px 0; font-size:inherit; line-height:inherit; color:inherit; font-family:inherit; }
.ba-body h2 { margin:48px 0 24px; font-size:36px; line-height:1.2; letter-spacing:-.04em; font-weight:500; scroll-margin-top:32px; }
.ba-body h3 { margin:32px 0 16px; font-size:25px; line-height:1.3; font-weight:500; letter-spacing:-.025em; scroll-margin-top:32px; }
.ba-body section { margin:0; padding:0; }
.ba-body li { margin:8px 0; }
.ba-body blockquote { margin:48px 0; padding:32px; border:1px solid var(--ba-border); border-radius:16px; font-size:30px; line-height:40px; font-weight:500; letter-spacing:-.025em; background:#fff; color:var(--ba-ink); }
.ba-body blockquote p { font-size:inherit; line-height:inherit; margin:0; }
.ba-body a { color:inherit; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#a1a1aa; }
.ba-body table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; font-size:15px; }
.ba-body th, .ba-body td { padding:12px; border:1px solid var(--ba-border); text-align:left; }
.ba-body img { max-width:100%; height:auto; border-radius:16px; }
.ba-related { max-width:1152px; padding:80px 32px; margin:auto; }
.ba-related-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; }
.ba-related-heading p, .ba-newsletter p { margin:0; color:var(--ba-muted); font-size:14px; }
.ba-related h2, .ba-newsletter h2 { margin:4px 0 0; font-size:36px; line-height:1.2; font-weight:500; letter-spacing:-.035em; }
.ba-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:32px; }
.ba-story { display:grid; grid-template-columns:144px minmax(0,1fr); gap:20px; padding:8px; border:1px solid var(--ba-border); border-radius:16px; color:inherit; text-decoration:none; }
.ba-story-image { aspect-ratio:1; border-radius:8px; overflow:hidden; }
.ba-story-image img { width:100%; height:100%; object-fit:cover; }
.ba-story-copy { padding:12px 12px 12px 0; }
.ba-story h3 { font-size:20px; font-weight:500; line-height:1.2; letter-spacing:-.03em; text-wrap:balance; margin:12px 0 0; }
.ba-story .ba-eyebrow { letter-spacing:.13em; }
.ba-read-next { display:flex; align-items:center; gap:8px; margin-top:16px; font-size:14px; font-weight:500; }
.ba-read-next span { transition:transform .2s; }
.ba-story:hover .ba-read-next span { transform:translateX(4px); }
.ba-newsletter { padding:0 32px 80px; }
.ba-newsletter > div { max-width:1088px; padding:36px; border:1px solid var(--ba-border); border-radius:16px; display:flex; align-items:center; justify-content:space-between; gap:28px; margin:auto; }
.ba-newsletter h2 { margin-top:8px; }
.ba-main [hidden] { display:none !important; }
.ba-main a:focus-visible, .ba-publication a:focus-visible, .ba-main summary:focus-visible { outline:2px solid var(--ba-ink); outline-offset:4px; }
.ba-reveal-ready { opacity:0; transform:translateY(14px); transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1); }
.ba-reveal-ready.ba-visible { opacity:1; transform:none; }
@keyframes ba-heading-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
@media(max-width:1023px) {
  .ba-reading { grid-template-columns:minmax(0,1fr); max-width:736px; }
  .ba-contents { position:static; }
  .ba-contents summary { cursor:pointer; }
  .ba-contents summary::after { content:"+"; float:right; }
  .ba-contents details[open] summary::after { content:"−"; }
}
@media(max-width:639px) {
  .ba-publication > div { padding:0 16px; }
  .ba-heading { padding:48px 16px 40px; }
  .ba-heading h1 { font-size:36px; }
  .ba-excerpt { font-size:14px; }
  .ba-cover { padding:0 16px; }
  .ba-reading { padding:56px 16px; gap:32px; }
  .ba-body { font-size:16px; }
  .ba-body h2 { font-size:30px; }
  .ba-body blockquote { font-size:24px; line-height:36px; padding:28px; }
  .ba-related { padding:56px 16px; }
  .ba-related-heading > a { display:none; }
  .ba-related-grid { grid-template-columns:1fr; }
  .ba-story { grid-template-columns:1fr; }
  .ba-story-copy { padding:12px; }
  .ba-related h2, .ba-newsletter h2 { font-size:32px; }
  .ba-newsletter { padding:0 16px 64px; }
  .ba-newsletter > div { flex-direction:column; align-items:start; padding:24px; }
}
@media(prefers-reduced-motion:reduce) {
  .ba-heading-copy { animation:none; }
  .ba-reveal-ready { opacity:1; transform:none; transition:none; }
  .ba-button, .ba-read-next span { transition:none; }
}