/*---------------------------------------------------------------------------
  Tattoo Marketing Pros - content pages
  Loaded only by the static pages added in the November 2026 build.
  Reuses the theme tokens declared in the main stylesheet.
---------------------------------------------------------------------------*/

/* Long-form article typography (the site has no Tailwind typography plugin) */
.art{font-size:1rem;line-height:1.75;color:var(--color-muted)}
.art>*:first-child{margin-top:0}
.art h2{font-family:var(--font-display);font-weight:500;letter-spacing:var(--tracking-tight);
  font-size:1.875rem;line-height:1.2;color:var(--color-paper);margin:2.5rem 0 .75rem}
.art h3{font-family:var(--font-display);font-weight:500;letter-spacing:var(--tracking-tight);
  font-size:1.375rem;line-height:1.3;color:var(--color-paper);margin:2rem 0 .5rem}
.art p{margin:0 0 1rem}
.art ul{margin:1rem 0 1.25rem;padding-left:1.15rem;list-style:disc}
.art ol{margin:1rem 0 1.25rem;padding-left:1.35rem;list-style:decimal}
.art li{margin-bottom:.5rem}
.art li::marker{color:var(--color-accent)}
.art a{color:var(--color-paper);text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:var(--color-faint)}
.art a:hover{color:var(--color-accent-soft);text-decoration-color:var(--color-accent-soft)}
.art strong{color:var(--color-paper);font-weight:600}
.art em{font-style:italic}
.art blockquote{border-left:2px solid var(--color-accent);padding-left:1.25rem;margin:1.75rem 0;
  font-family:var(--font-display);font-size:1.3rem;line-height:1.45;color:var(--color-paper)}
.art table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem;text-align:left}
.art th{color:var(--color-paper);font-weight:600;padding:.6rem .75rem;
  border-bottom:1px solid var(--color-hairline)}
.art td{padding:.6rem .75rem;border-bottom:1px solid var(--color-hairline);vertical-align:top}
.art hr{border:0;border-top:1px solid var(--color-hairline);margin:2.25rem 0}

/* A few utilities the compiled stylesheet did not happen to include */
.space-y-4>*+*{margin-top:1rem}
.space-y-10>*+*{margin-top:2.5rem}
.gap-8{gap:2rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.pt-8{padding-top:2rem}
.pb-4{padding-bottom:1rem}
.mb-2{margin-bottom:.5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.select-none{user-select:none;-webkit-user-select:none}
.leading-tight{line-height:1.25}
.max-w-none{max-width:none}
.text-paper-95{color:color-mix(in oklab,var(--color-paper) 95%,transparent)}
.pt-6{padding-top:1.5rem}
.pb-6{padding-bottom:1.5rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.pr-4{padding-right:1rem}
.align-top{vertical-align:top}
.overflow-x-auto{overflow-x:auto}
.hover\:opacity-90:hover{opacity:.9}
@media (min-width:48rem){
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .md\:w-auto{width:auto}
}