/* Manrope: the exact font file the homepage uses (one variable file, weights 200 to 800), so text is the same width on every page. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/manrope.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Shared header and footer for the plain pages (pricing, login, legal, FAQ, resources, about, error).
   Matches the homepage header exactly: same black "Ready for your site?" line, same font, padding, menu and order,
   so moving between pages never shifts the menu. Breakpoint 720px, same as the homepage. */
.toa-h{line-height:normal;position:sticky;top:0;z-index:20;background:rgba(244,243,240,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e3e1dc;font-family:'Manrope',-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.toa-ready{background:#141414;color:#e8e6e1;font:13px/1.4 'Manrope',-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;text-align:center;padding:7px 16px}
.toa-ready strong{color:#fff}.toa-ready a{color:inherit !important;font-weight:700;text-decoration:underline !important;white-space:nowrap}
.toa-bar{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:12px 20px;padding:14px 24px;flex-wrap:wrap;box-sizing:border-box}
/* Resources shows in the menu once it is switched on. The class is set before the page draws (remembered in this browser), so it never pops in late. */
.toa-bar nav a[data-nav-res]{display:none}html.res-on .toa-bar nav a[data-nav-res]{display:inline}
.toa-logo{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.02em;font-size:15px;color:#141414 !important;text-decoration:none !important;white-space:nowrap}
.toa-logo img{width:30px;height:auto;display:block}
/* The stacked logo (clapper with THAT ONE / ACTOR). A light and a dark copy; the dark one shows on dark headers. */
.toa-logo img.stk{width:auto;height:clamp(55px,9.7vw,71px)}.toa-logo img.dk{display:none}
/* Phones get the short logo (no tagline), so the words stay readable. */
.toa-logo img.cp{display:none;width:auto;height:50px}
@media (max-width:719.98px){.toa-logo img.stk{display:none!important}.toa-logo img.cp.lt{display:block}.toa-dark .toa-logo img.cp.lt{display:none}.toa-dark .toa-logo img.cp.dk{display:block}}
.toa-bar nav{display:flex;gap:18px;font-size:14px;font-weight:600;margin:0 0 0 auto;padding:0;flex-wrap:wrap;justify-content:flex-end}
.toa-bar nav a{color:#6f6d68 !important;text-decoration:none !important}
.toa-bar nav a[aria-current]{color:#141414 !important}
.toa-bar nav a.toa-casthome{color:#c4308f !important;font-weight:800}
.toa-inv{display:inline-block;background:#141414;color:#fff !important;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none !important;white-space:nowrap;line-height:normal}
.toa-login{position:relative;display:inline-block}
/* Pages with their own details/summary styles (the FAQ) must not restyle the Log in menu. */
header.toa-h details.toa-login{border:0!important;background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}
header.toa-h .toa-login summary{padding:0!important;margin:0!important;font:inherit!important;background:none!important;border:0!important;min-height:0!important;display:inline!important}
header.toa-h .toa-login summary::after,header.toa-h .toa-login summary::before{content:none!important;display:none!important}
.toa-login summary{list-style:none;cursor:pointer;color:#6f6d68;white-space:nowrap}.toa-login summary::-webkit-details-marker{display:none}
.toa-login summary span{font-size:10px;margin-left:2px}.toa-login[open] summary{color:#141414}
.toa-login-m{position:absolute;right:0;top:calc(100% + 10px);z-index:40;background:#fff;border:1px solid #e3e1dc;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:6px;min-width:170px;display:flex;flex-direction:column}
.toa-bar nav .toa-login-m a{padding:10px 12px;border-radius:8px;color:#141414 !important;font-weight:700}.toa-bar nav .toa-login-m a:hover{background:#f4f3f0}.toa-bar nav .toa-login-m a.pk{color:#c4308f !important;font-weight:800}.toa-bar nav .toa-login-m a.out{border-top:1px solid #eeece7;margin-top:4px}
.toa-dark .toa-login summary{color:#9a978f}.toa-dark .toa-login-m{background:#1f1f22;border-color:#2e2e33}.toa-dark .toa-bar nav .toa-login-m a{color:#f4f3f0 !important}.toa-dark .toa-bar nav .toa-login-m a:hover{background:#2a2a2d}
@media (max-width:719.98px){.toa-login-m{right:auto;left:0}}
.toa-f{border-top:1px solid #e3e1dc;background:#fff;font-family:'Manrope',-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.toa-f .in{max-width:1120px;margin:0 auto;padding:28px 16px;display:flex;gap:12px 20px;flex-wrap:wrap;font-size:13px;color:#6f6d68;align-items:center}
.toa-f .in b{color:#141414;font-weight:800}
.toa-f .links{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}
.toa-f a{color:#6f6d68 !important;text-decoration:none}
.toa-f a:hover{color:#141414 !important}
.toa-f .idea{flex-basis:100%;font-size:13px}
.toa-f .idea a{color:#b02a80 !important;font-weight:700}
.toa-dark .toa-h{background:rgba(20,20,20,.9);border-bottom-color:#2c2b29}
.toa-dark .toa-logo{color:#f4f3f0 !important}
.toa-dark .toa-logo img{filter:invert(1)}
.toa-dark .toa-logo img.stk,.toa-dark .toa-logo img.cp{filter:none}.toa-dark .toa-logo img.lt{display:none}.toa-dark .toa-logo img.stk.dk{display:block}
.toa-dark .toa-bar nav a{color:#9a978f !important}
.toa-dark .toa-inv{background:#f4f3f0;color:#141414 !important}
.toa-dark .toa-f{background:#141414;border-top-color:#2c2b29}
.toa-dark .toa-f .in b{color:#f4f3f0}
.toa-dark .toa-f a{color:#9a978f !important}
@media (max-width:719.98px){.toa-bar{padding:10px 16px}.toa-bar nav{order:3;flex-basis:100%;margin:0;justify-content:flex-start;gap:14px}.toa-inv{margin-left:auto}.toa-f .links{margin-left:0}}

/* Feature switches (admin/features.php). html.kit-on and html.cast-on are set before the page draws (remembered in this browser) and confirmed by site-links.js. */
html:not(.kit-on) [data-feat-kit],html:not(.cast-on) [data-feat-cast],html:not(.kit-on) [data-feat="kit"],html:not(.cast-on) [data-feat="cast"]{display:none!important}