/* PDF SEO Tools – modern skin (mesh gradient + grid, glass cards, gradient headings, card hover, FAQ accordion) */
:root{--pst-bg:#f5f7ff;--pst-card:rgba(255,255,255,.78);--pst-border:rgba(15,23,42,.07);--pst-shadow:0 10px 30px -12px rgba(30,41,99,.18);--pst-text:#0f172a;--pst-muted:#475569;--pst-grid:rgba(79,70,229,.06);--pst-g1:rgba(56,189,248,.28);--pst-g2:rgba(168,85,247,.22);--pst-g3:rgba(244,114,182,.18);--pst-grad:linear-gradient(90deg,#06b6d4 0%,#2563eb 45%,#d946ef 100%)}
html[theme-mode="dark"]{--pst-bg:#070b16;--pst-card:rgba(15,23,42,.72);--pst-border:rgba(255,255,255,.07);--pst-shadow:0 12px 34px -14px rgba(0,0,0,.6);--pst-text:#e2e8f0;--pst-muted:#94a3b8;--pst-grid:rgba(148,163,184,.06);--pst-g1:rgba(56,189,248,.16);--pst-g2:rgba(168,85,247,.16);--pst-g3:rgba(244,114,182,.10);--pst-grad:linear-gradient(90deg,#22d3ee 0%,#60a5fa 45%,#f0abfc 100%)}

/* page background: soft mesh gradient + fine grid (fixed layer, no repaint on scroll) */
body,body.bg-white{background:var(--pst-bg)!important;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:
  radial-gradient(38rem 28rem at 0% 0%,var(--pst-g1),transparent 70%),
  radial-gradient(34rem 26rem at 100% 8%,var(--pst-g2),transparent 70%),
  radial-gradient(40rem 30rem at 85% 100%,var(--pst-g3),transparent 70%),
  linear-gradient(var(--pst-grid) 1px,transparent 1px),
  linear-gradient(90deg,var(--pst-grid) 1px,transparent 1px);
 background-size:auto,auto,auto,32px 32px,32px 32px}
.main-wrapper{background:transparent!important}

/* glass content cards */
.wrap-content{background:var(--pst-card)!important;border:1px solid var(--pst-border)!important;border-radius:18px!important;box-shadow:var(--pst-shadow)!important}
@media (min-width:992px){.wrap-content{-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px)}}
.wrap-content.bg-transparent{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}

/* gradient headings */
main h1,.hero-title h1,.hero-title h2,.hero-title h2 a,.pst-blog-h1{background:var(--pst-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.01em}
.hero-title p{color:var(--pst-muted)!important}
.hero-title h2 a:hover{opacity:.85}

/* tool cards */
.items li>a{background:var(--pst-card);border:1px solid var(--pst-border);border-radius:16px;box-shadow:0 4px 14px -8px rgba(30,41,99,.15);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.items li>a:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px rgba(37,99,235,.35);border-color:rgba(37,99,235,.35)}
.pst-viewall{border-radius:999px!important;font-weight:600}

/* blog cards */
.blog-posts .card,.blog-posts article,.blog-posts .post{border-radius:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.blog-posts .card:hover,.blog-posts article:hover,.blog-posts .post:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px rgba(37,99,235,.3)}

/* FAQ accordion (tool + blog articles) */
.pst-faq{border:1px solid var(--pst-border);border-radius:14px;margin:10px 0;background:var(--pst-card);overflow:hidden}
.pst-faq summary{cursor:pointer;list-style:none;padding:14px 48px 14px 16px;font-weight:600;color:var(--pst-text);position:relative;min-height:48px}
.pst-faq summary::-webkit-details-marker{display:none}
.pst-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#fff;background:var(--pst-grad);transition:transform .25s ease}
.pst-faq[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.pst-faq>div{padding:0 16px 14px;color:var(--pst-muted)}
.pst-faq>div p{margin:0}

@media (prefers-reduced-motion:reduce){.items li>a,.pst-faq summary::after,.blog-posts .card{transition:none!important}.items li>a:hover{transform:none}}

/* ---- v2: no sideways scrolling on phones ---- */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}
.main-wrapper,.wrap-content,.tool-seo-article,.tsa-blog{max-width:100%;min-width:0}
.tool-seo-article,.tsa-blog{overflow-wrap:anywhere;word-break:normal}
.tool-seo-article img,.tool-seo-article svg,.tsa-blog img,.tsa-blog svg,.tsa-figure img{max-width:100%!important;height:auto}
.tool-seo-article table,.tsa-blog table{display:block;max-width:100%;overflow-x:auto}

/* ---- glass: more see-through so the gradient peeks behind ---- */
:root{--pst-card:rgba(255,255,255,.62);--pst-box:rgba(255,255,255,.86)}
html[theme-mode="dark"]{--pst-card:rgba(15,23,42,.55);--pst-box:rgba(19,22,38,.82)}

/* article pages: sections float on the gradient, content sits in cards (toolzone style) */
.wrap-content:has(.tool-seo-article),.wrap-content:has(.tsa-blog){background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding-left:0;padding-right:0}
.tool-seo-article h2,.tool-seo-article h3,.tsa-blog h2{display:flex;align-items:center;gap:.5em;font-weight:800;color:var(--pst-text);margin:26px 0 12px}
.tsa-blog .pst-sub h3{display:flex;align-items:center;gap:.45em;font-size:1.05rem;margin:0 0 8px}
[data-e]::before{content:attr(data-e);font-size:1.1em;line-height:1}
.pst-box{background:var(--pst-box);border:1px solid var(--pst-border);border-radius:14px;padding:16px 18px;margin:0 0 16px;box-shadow:0 2px 10px -6px rgba(30,41,99,.12)}
.pst-box>:last-child{margin-bottom:0}
.pst-box p,.pst-box li{color:var(--pst-muted)}
.pst-box strong{color:var(--pst-text)}

/* feature / link cards in a responsive grid */
ul.pst-cards{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
ul.pst-cards>li{background:var(--pst-box);border:1px solid var(--pst-border);border-radius:14px;padding:14px 16px;color:var(--pst-muted);transition:transform .2s ease,box-shadow .2s ease}
ul.pst-cards>li:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(37,99,235,.35)}
ul.pst-cards>li strong{display:block;color:var(--pst-text);margin-bottom:4px}
ul.pst-links>li a{font-weight:700}

/* tables like toolzone */
.tool-seo-article table,.tsa-blog table{border-collapse:separate;border-spacing:0;border:1px solid var(--pst-border)!important;border-radius:12px;background:var(--pst-box)}
.tool-seo-article th,.tsa-blog th{background:rgba(99,102,241,.07);font-weight:700;color:var(--pst-text);border:0!important;padding:10px 14px}
.tool-seo-article td,.tsa-blog td{border:0!important;border-top:1px solid var(--pst-border)!important;padding:10px 14px;color:var(--pst-muted)}

/* step animations and outline sit nicely */
.tsa-figure{margin:16px 0!important}
.tsa-outline{background:var(--pst-box)!important;border:1px solid var(--pst-border)}

/* ---- v3: calmer toolzone-like article look ---- */
:root{--pst-box:#ffffff;--pst-line:#e5e7eb}
html[theme-mode="dark"]{--pst-box:#111827;--pst-line:#1f2937}
.pst-box,ul.pst-cards>li,.pst-faq,.tool-seo-article table,.tsa-blog table,.tsa-outline{background:var(--pst-box)!important;border:1px solid var(--pst-line)!important;box-shadow:none!important;border-radius:10px!important}
.pst-box{padding:14px 16px}
.pst-box p,.pst-box li,ul.pst-cards>li{font-size:.92rem;line-height:1.6}
.tool-seo-article h2,.tool-seo-article h3,.tsa-blog h2{font-size:1.25rem;font-weight:700;margin:22px 0 10px}
.tsa-blog .pst-sub h3{font-size:1rem;font-weight:700}
ul.pst-cards>li strong{font-size:.98rem}
ul.pst-cards>li:hover{transform:none;box-shadow:none}

/* FAQ: plain dropdown rows with a small arrow (▼ / ▲) */
.pst-faq{margin:0 0 10px!important}
.pst-faq summary{padding:14px 44px 14px 16px;font-weight:500;font-size:.98rem}
.pst-faq summary::after{content:"▼";width:auto;height:auto;background:none!important;color:var(--pst-text);font-size:.7rem;border-radius:0;right:16px;transform:translateY(-50%)}
.pst-faq[open] summary::after{content:"▲";transform:translateY(-50%)}
.pst-faq>div{padding:0 16px 14px;font-size:.95rem;line-height:1.65}

/* tool cards: name always inside the card */
.items li>a{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 10px 14px!important;overflow:hidden}
.items li>a span,.items li>a p,.items li>a .tool-name,.items li>a h3{white-space:normal!important;overflow-wrap:anywhere;line-height:1.3;text-align:center;margin:0}
.items li{height:auto!important}
.pst-faq summary{display:flex;align-items:center;min-height:0!important;line-height:1.4}

/* ---- v4: mobile + desktop friendly sizes, related cards, equal margins ---- */
.tool-seo-article h2,.tool-seo-article h3,.tsa-blog h2{font-size:1.15rem;line-height:1.35;gap:.45em;margin:20px 0 10px}
@media (min-width:768px){.tool-seo-article h2,.tool-seo-article h3,.tsa-blog h2{font-size:1.3rem}}
.tsa-blog .pst-sub h3{font-size:.98rem}
[data-e]::before{font-size:1em;flex:0 0 auto}
ul.pst-cards>li strong[data-e]{display:flex;align-items:center;gap:.4em}
@media (min-width:768px){ul.pst-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pst-box p,.pst-box li,ul.pst-cards>li{font-size:.9rem}
@media (min-width:768px){.pst-box p,.pst-box li,ul.pst-cards>li{font-size:.94rem}}

/* related tools: whole card clickable, no underline */
ul.pst-links>li{padding:0!important}
a.pst-rel{display:block;padding:14px 16px;text-decoration:none!important;color:inherit!important;height:100%}
a.pst-rel strong{color:var(--pst-text)!important;font-weight:700;margin-bottom:4px}
a.pst-rel span{display:block;color:var(--pst-muted);font-size:.88rem;line-height:1.5}
a.pst-rel:hover strong{color:#2563eb!important}

/* blog post: same space on the left and right */
.single-content,.single-content .post,.single-content .post .content{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.single-content .post .content{padding-left:0!important;padding-right:0!important}
.wrap-content:has(.tsa-blog),.wrap-content:has(.tool-seo-article){padding-left:14px!important;padding-right:14px!important}
@media (min-width:768px){.wrap-content:has(.tsa-blog),.wrap-content:has(.tool-seo-article){padding-left:0!important;padding-right:0!important}}
.tsa-blog,.tool-seo-article{width:100%;box-sizing:border-box}
.tsa-blog>*,.tool-seo-article>*{max-width:100%}
ul.pst-links>li a.pst-rel{font-weight:400}a.pst-rel strong{font-weight:700}

/* ---- v5: plain dark text links (no blue, no underline) + emoji lines ---- */
.tool-seo-article a,.tsa-blog a{color:var(--pst-text)!important;text-decoration:none!important;font-weight:600;border:0!important}
.tool-seo-article a:hover,.tsa-blog a:hover{opacity:.75}
p[data-e]::before{margin-right:.45em}
.pst-cta{background:var(--pst-box)!important}
.pst-cta p{margin:0;color:var(--pst-text)!important}

/* ---- v6 ---- */
/* blog list: no empty gap under the featured image */
.blog-posts .blog-img,.blog-posts .post .blog-img,.single-content .blog-img{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden;line-height:0;padding:0!important}
.blog-posts .blog-img img,.single-content .blog-img img{display:block;width:100%!important;height:auto!important;object-fit:cover}
.blog-posts .post{height:auto!important}
.blog-posts .post .content{padding-top:14px}

/* related cards: keep padding for old markup, remove it only for full-card links */
ul.pst-links>li{padding:14px 16px!important}
ul.pst-links>li:has(a.pst-rel){padding:0!important}

/* category + homepage articles: same calm style, plain links */
.tsa-cat a,.pst-home-about a{color:var(--pst-text)!important;text-decoration:none!important;font-weight:600}
.tsa-cat a:hover,.pst-home-about a:hover{opacity:.75}
.wrap-content:has(.tsa-cat),.wrap-content:has(.pst-home-about){background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.tsa-cat h2,.tsa-cat h3{display:flex;align-items:center;gap:.45em;font-size:1.15rem;font-weight:700;margin:20px 0 10px;color:var(--pst-text)}
@media (min-width:768px){.tsa-cat h2,.tsa-cat h3{font-size:1.3rem}}
.tsa-cat dl{margin:0}.tsa-cat dt{margin-top:8px}.tsa-cat dd{margin:0 0 6px;color:var(--pst-muted)}
.tsa-cat table{display:block;max-width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;border:1px solid var(--pst-line)!important;border-radius:10px;background:var(--pst-box)}
.tsa-cat th{background:rgba(99,102,241,.07);padding:10px 14px;border:0!important}
.tsa-cat td{padding:10px 14px;border:0!important;border-top:1px solid var(--pst-line)!important}

/* plain bullet lists get a small emoji point instead of a dot */
.pst-box ul:not(.pst-cards),.tsa-cat .pst-box ul:not(.pst-cards){list-style:none;padding-left:0}
.pst-box ul:not(.pst-cards)>li{position:relative;padding-left:1.6em;margin:6px 0}
.pst-box ul:not(.pst-cards)>li::before{content:"🔹";position:absolute;left:0;top:0;font-size:.85em}
.pst-box ol{padding-left:1.3em}
.pst-box ol>li::marker{font-weight:700;color:var(--pst-text)}