/* Shared typography for database-authored content. Keep UI, menus and forms untouched. */
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style){
  --content-accent:var(--primary-color,#008b7d);
  --content-title:var(--primary-title,#172f35);
  --content-text:var(--primary-paragraph,#52666b);
  --content-soft:var(--primary-soft-color,#e8f6f4);
  color:var(--content-text);
  font-size:16px;
  line-height:1.85;
  overflow-wrap:anywhere;
}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) :where(h1,h2,h3,h4,h5,h6){
  color:var(--content-title);line-height:1.3;font-weight:750;scroll-margin-top:100px
}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) h1{font-size:clamp(34px,5vw,52px);margin:0 0 24px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) h2{font-size:clamp(27px,3.5vw,38px);margin:42px 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(0,139,125,.16)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) h3{font-size:clamp(23px,3vw,30px);margin:34px 0 14px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) h4{font-size:22px;margin:28px 0 12px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) h5{font-size:19px;margin:24px 0 10px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) h6{font-size:16px;margin:22px 0 9px;text-transform:uppercase;letter-spacing:.05em;color:var(--content-accent)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) p{margin:0 0 18px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) p:last-child{margin-bottom:0}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) a{color:var(--content-accent);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:.2s}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) a:hover{color:var(--content-title);text-decoration-thickness:2px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) strong{color:var(--content-title);font-weight:750}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) :where(span,small){max-width:100%}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) small{font-size:13px;color:var(--content-text)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) abbr{cursor:help;text-decoration-color:var(--content-accent);text-underline-offset:3px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) kbd{padding:3px 7px;border-radius:5px;background:var(--content-title);color:#fff;font-size:12px;box-shadow:inset 0 -2px rgba(255,255,255,.15)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) mark{padding:2px 6px;border-radius:5px;background:#fff1bd;color:var(--content-title)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) ul{margin:20px 0 24px;padding:0;list-style:none}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) ul>li{position:relative;margin:10px 0;padding:9px 12px 9px 43px;border-radius:10px;background:linear-gradient(90deg,var(--content-soft),transparent)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) ul>li:before{content:'';position:absolute;left:14px;top:15px;width:17px;height:17px;border:2px solid var(--content-accent);border-radius:50%;background:radial-gradient(circle,var(--content-accent) 0 3px,transparent 4px)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) ol{counter-reset:content-step;margin:20px 0 24px;padding:0;list-style:none}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) ol>li{counter-increment:content-step;position:relative;min-height:38px;margin:11px 0;padding:7px 10px 7px 48px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) ol>li:before{content:counter(content-step);position:absolute;left:0;top:2px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--content-accent);color:#fff;font-size:13px;font-weight:800;box-shadow:0 6px 14px rgba(0,139,125,.2)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) blockquote{position:relative;margin:30px 0;padding:28px 30px 25px 70px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--content-soft),#fff);color:var(--content-title);font-size:18px;font-style:italic;box-shadow:0 10px 28px rgba(24,63,70,.07)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) blockquote:before{content:'';position:absolute;left:24px;top:27px;width:26px;height:26px;border:3px double var(--content-accent);border-radius:50%;background:radial-gradient(circle,var(--content-accent) 0 4px,transparent 5px)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) blockquote cite{display:block;margin-top:10px;color:var(--content-accent);font-size:14px;font-style:normal;font-weight:700}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) table{display:block;width:100%;max-width:100%;margin:26px 0;border-collapse:collapse;overflow-x:auto;border:1px solid rgba(0,139,125,.16);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(24,63,70,.06)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) :where(th,td){min-width:140px;padding:14px 16px;border:1px solid rgba(0,139,125,.13);text-align:left;vertical-align:top}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) th{background:var(--content-accent);color:#fff;font-weight:750}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) tr:nth-child(even) td{background:var(--content-soft)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) img{display:block;max-width:100%;height:auto;margin:28px auto;border-radius:16px;box-shadow:0 14px 35px rgba(24,63,70,.13)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) figure{margin:30px 0}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) figure img{margin-bottom:0}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) figcaption{padding:10px 12px;color:var(--content-text);font-size:13px;text-align:center;font-style:italic}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) hr{height:1px;margin:34px 0;border:0;background:linear-gradient(90deg,transparent,var(--content-accent),transparent);opacity:.38}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) dl{margin:22px 0;padding:20px;border-radius:14px;background:var(--content-soft)}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) dt{margin-top:12px;color:var(--content-title);font-weight:750}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) dt:first-child{margin-top:0}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) dd{margin:4px 0 0 20px}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) code{padding:2px 6px;border-radius:5px;background:var(--content-soft);color:var(--content-title);font-size:.9em}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) pre{max-width:100%;margin:24px 0;padding:20px;border-radius:14px;background:#142d32;color:#edf8f6;overflow:auto}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) pre code{padding:0;background:transparent;color:inherit}
:where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) :where(iframe,video){display:block;width:100%;max-width:100%;margin:28px 0;border:0;border-radius:16px}
@media(max-width:575.98px){
  :where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style){font-size:15px;line-height:1.75}
  :where(.tty-rich,.tty-blog-content,.tty-other-content,.tty-page-content,.tty-category-description,.tty-contact-page-content,.page-content,.content-style) blockquote{padding:24px 20px 22px 57px;font-size:16px}
}