/* Original layout and brand styles are bundled locally in assets/original.
   These rules only support owned interactions and preserve the reference UI. */
[hidden]{display:none!important}
.owned-sms{color:inherit!important;text-decoration:none!important;font:inherit!important;letter-spacing:inherit!important}
.owned-footer-support{min-height:20px}
.owned-footer-support a:hover,.owned-sms:hover{text-decoration:underline!important}
#search-input::-webkit-search-cancel-button{display:none}
.owned-search-status{margin:0 0 12px;font-size:14px;color:var(--body-secondary-color)}
.owned-toc-toggle{cursor:pointer}
.owned-reaction-response{text-align:center;padding:18px;font-size:14px}
.owned-search-page #header{--header-height:245px}

/* Text support card: shared by every page, directly above the footer.
   Follows the Facebook creative system: official Figma gradient and waves,
   Oceanwide headline, tracked Poppins eyebrow, white pill with blue label. */
.tb-support{--tb-blue:#00a3e7;--tb-blue-dark:#0081b6;--tb-ink:#1d1e22;padding:0 20px;margin-top:72px}
.tb-support+#footer{margin-top:72px}
.tb-support__card{position:relative;isolation:isolate;overflow:hidden;max-width:960px;margin:0 auto;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;padding:48px;border-radius:24px;color:#fff;background:var(--tb-blue)}
/* Same recipe as the approved Facebook scoop creatives: Tumbil blue with 16%
   of the Figma gradient, then the organic waves at 46%, 112% wide, bottom-anchored. */
.tb-support__card::before{content:"";position:absolute;z-index:-2;inset:0;background:url(/assets/versioned/brand-gradient.804a821b33f514804347.jpg) center/cover no-repeat;opacity:.16;pointer-events:none}
.tb-support__waves{position:absolute;z-index:-1;left:-6%;width:112%;bottom:0;aspect-ratio:1680/725;background:url(/assets/versioned/brand-waves.0b70a7ebf28eb44ac9f8.png) center bottom/100% 100% no-repeat;opacity:.46;pointer-events:none}
.tb-support__eyebrow{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.tb-support__title{margin:0 0 14px;font-family:var(--font-family-primary),Arial,sans-serif;font-weight:600;font-size:40px;line-height:1.04;letter-spacing:-.025em;color:#fff}
.tb-support__text{margin:0 0 28px;font-size:17px;line-height:1.5;max-width:440px;color:#fff}
.tb-support__number{color:#fff!important;font-weight:600;text-decoration:none!important;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.55)}
.tb-support__number:hover{border-bottom-color:#fff}
.tb-support__actions{display:flex;flex-wrap:wrap;gap:12px}
.tb-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:9999px;font:inherit;font-size:16px;font-weight:600;line-height:1;cursor:pointer;text-decoration:none!important;transition:scale .18s ease,background-color .18s ease}
.tb-button--primary{color:var(--tb-blue-dark)!important;background:#fff;border:0;box-shadow:0 12px 28px rgba(2,38,58,.20)}
.tb-button__arrow{font-size:18px;line-height:1}
.tb-button--primary:hover{background:#eaf2ff;scale:1.05}
.tb-button--quiet{color:#fff;background:transparent;border:1.5px solid #fff}
.tb-button--quiet:hover,.tb-button--quiet.is-copied{background:rgba(255,255,255,.14)}
.tb-button:focus-visible,.tb-footer a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tb-support__phone{background:#fff;color:var(--tb-ink);border-radius:20px;padding:16px;box-shadow:0 12px 36px rgba(2,38,58,.18)}
.tb-support__thread-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e9eaeb}
.tb-support__thread-head img{border-radius:50%}
.tb-support__thread-head div{display:flex;flex-direction:column;line-height:1.3}
.tb-support__thread-head strong{font-family:var(--font-family-primary),Arial,sans-serif;font-weight:600;font-size:15px}
.tb-support__thread-head span{font-size:12px;color:#71727a}
.tb-support__thread{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 0}
.tb-bubble{margin:0;max-width:88%;padding:9px 13px;border-radius:18px 18px 18px 6px;background:#eaf2ff;color:var(--tb-ink);font-size:14px;line-height:1.45}
.tb-support__qr{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #e9eaeb}
.tb-support__qr img{flex:none;width:84px;height:84px;image-rendering:pixelated}
.tb-support__qr p{margin:0;font-size:12px;line-height:1.45;color:#585c62}
@media (max-width:767px){
  .tb-support__card{grid-template-columns:1fr;gap:28px;padding:36px 24px;border-radius:24px}
  .tb-support__title{font-size:32px}
  .tb-support__actions .tb-button{flex:1 1 180px}
  .tb-support__qr{display:none}
  .tb-support__thread{padding-bottom:4px}
}

/* Footer */
#footer.bg-footer-bg{padding:56px 0 28px}
.tb-footer{max-width:960px;margin:0 auto;padding:0 20px;box-sizing:content-box;color:var(--footer-color)}
.tb-footer a{color:inherit;text-decoration:none}
.tb-footer__top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.tb-footer__brand{max-width:300px}
.tb-footer__logo img{display:block;max-height:32px}
.tb-footer__brand>p{margin:16px 0 20px;font-size:14px;line-height:1.6;color:rgba(245,245,245,.72)}
.tb-footer__text{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9999px;background:rgba(0,163,231,.16);border:1px solid rgba(0,163,231,.45);font-size:14px;transition:background-color .18s ease,border-color .18s ease}
.tb-footer__text svg{color:#3cc7f5}
.tb-footer__text:hover{background:rgba(0,163,231,.28);border-color:#00a3e7}
.tb-footer__links{display:flex;gap:56px;flex-wrap:wrap}
.tb-footer__links p{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,245,245,.6)}
.tb-footer__links ul,.tb-footer__social{margin:0;padding:0;list-style:none}
.tb-footer__links li{margin:0 0 10px}
.tb-footer__links a{font-size:15px;transition:color .15s ease}
.tb-footer__links a:hover{color:#3cc7f5}
.tb-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:44px;padding-top:20px;border-top:1px solid var(--footer-border);font-size:13px;color:rgba(245,245,245,.6)}
.tb-footer__social{display:flex;gap:10px}
.tb-footer__social a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);transition:background-color .15s ease}
.tb-footer__social a:hover{background:rgba(0,163,231,.35)}
@media (max-width:639px){.tb-footer__top{flex-direction:column;gap:36px}.tb-footer__links{gap:36px}}

/* Card and list hover feedback */
.collection-link{position:relative;transition:translate .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.collection-link:hover{translate:0 -3px;box-shadow:0 14px 30px -18px rgba(0,129,182,.55)}
.collection-link::after{content:"→";position:absolute;top:22px;right:24px;font-size:20px;line-height:1;color:var(--primary-color);opacity:0;translate:-6px 0;transition:opacity .2s ease,translate .2s ease}
.collection-link:hover::after,.collection-link:focus-visible::after{opacity:1;translate:0 0}
.collection-link [data-test-collection-photo]{transition:background-color .2s ease,scale .2s ease}
.collection-link:hover [data-test-collection-photo]{background-color:#eaf2ff;scale:1.06}
[data-testid="article-link"] svg{transition:translate .18s ease}
[data-testid="article-link"]:hover svg{translate:3px 0}
@media (prefers-reduced-motion:reduce){
  .collection-link,.collection-link::after,.collection-link [data-test-collection-photo],[data-testid="article-link"] svg,.tb-button{transition:none!important}
  .collection-link:hover{translate:none}
  .tb-button--primary:hover{scale:none}
  .collection-link:hover [data-test-collection-photo]{scale:none}
}

/* Header additions: texting and shortcuts on the original white header. */
.tb-header-text{display:inline-flex;align-items:center;gap:6px;margin-left:12px;min-height:40px;box-sizing:border-box;padding:0 16px;border-radius:100px;border:1px solid #72757a;color:#1d1e22!important;font-size:14px;font-weight:500;line-height:1;text-decoration:none!important;transition:border-color .15s ease,color .15s ease}
.tb-header-text svg{color:#00a3e7}
.tb-header-text:hover{border-color:#00a3e7;color:#0081b6!important}
.tb-header-text--compact{margin:0 8px 0 0;min-height:36px;padding:0 12px}
.tb-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:16px;font-size:14px}
.tb-quick span{color:#71727a}
.tb-quick a{color:#0081b6!important;text-decoration:none!important}
.tb-quick a:hover{text-decoration:underline!important}
.tb-header-text:focus-visible,.tb-quick a:focus-visible{outline:2px solid #0081b6;outline-offset:3px}
/* Editor articles: space before each section heading after the first. */
article .tb-section-start{margin-top:32px}
