/* GlobiqNews — TOOL-CONTENT ONLY pastel polish (21 Oct 2026)
   Not applicable to homepage, header, footer or tool engine controls.
   Scoped classes added solely to existing non-homepage MAIN elements. */
main.gnx-listings {color:#101e44;position:relative;isolation:isolate}
main.gnx-listings::before {content:"";position:absolute;z-index:-1;inset:0;border-radius:26px;pointer-events:none;background:radial-gradient(circle at 4% 9%,#d5edff77,transparent 36%),radial-gradient(circle at 93% 16%,#e8d8ff77,transparent 34%),linear-gradient(124deg,#f6fbff99,#fdf9ff99)}
main.gnx-listings .catalog-grid,main.gnx-listings .gq6-grid {gap:14px}
main.gnx-listings .catalog-grid .tool-card,main.gnx-listings .gq6-grid .gq6-dir-card {--gnx-pastel:#ffedf4;--gnx-icon-bg:#ffdbe9;background:var(--gnx-pastel)!important;border:1px solid #ffffffd9!important;border-radius:21px!important;box-shadow:0 7px 20px #334b7e0b!important;transition:transform .18s ease,box-shadow .18s ease!important;overflow:hidden}
main.gnx-listings .catalog-grid .tool-card:is(:hover,:focus-visible),main.gnx-listings .gq6-grid .gq6-dir-card:is(:hover,:focus-visible) {transform:translateY(-3px);box-shadow:0 14px 25px #334b7e24!important;outline-offset:3px}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 1),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 1) {--gnx-pastel:#ffe8f1;--gnx-icon-bg:#ffd4e5}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 2),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 2) {--gnx-pastel:#fff0e2;--gnx-icon-bg:#ffe2c8}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 3),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 3) {--gnx-pastel:#e0fbef;--gnx-icon-bg:#c6f8e0}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 4),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 4) {--gnx-pastel:#e5f4ff;--gnx-icon-bg:#d1ebff}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 5),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 5) {--gnx-pastel:#f1e7ff;--gnx-icon-bg:#e5d6ff}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 6),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 6) {--gnx-pastel:#ffeaf3;--gnx-icon-bg:#ffd9ec}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 7),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 7) {--gnx-pastel:#fff8d5;--gnx-icon-bg:#ffefb4}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 8),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 8) {--gnx-pastel:#dffbf4;--gnx-icon-bg:#cbf6e8}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 9),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 9) {--gnx-pastel:#efe6ff;--gnx-icon-bg:#e3d8fc}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 10),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 10) {--gnx-pastel:#ffe6ef;--gnx-icon-bg:#ffd2e2}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 11),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 11) {--gnx-pastel:#fffadc;--gnx-icon-bg:#fff0af}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 12),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 12) {--gnx-pastel:#dffbfc;--gnx-icon-bg:#c9f3f5}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 13),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 13) {--gnx-pastel:#fff0e6;--gnx-icon-bg:#ffdfd2}
main.gnx-listings .catalog-grid .tool-card:nth-child(14n + 14),main.gnx-listings .gq6-grid .gq6-dir-card:nth-child(14n + 14) {--gnx-pastel:#e5f3ff;--gnx-icon-bg:#cde8ff}
/* Legacy directory card appearance: icon and text remain real links. */
main.gnx-listings .catalog-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
main.gnx-listings .catalog-grid .tool-card {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;gap:11px!important;min-height:225px!important;padding:19px 11px 18px!important;color:#142248!important;text-decoration:none!important}
main.gnx-listings .catalog-grid .tool-card > span:not(.i-box):not(.go) {width:100%;min-width:0}
main.gnx-listings .catalog-grid .tool-card strong {font-size:15px!important;line-height:1.3!important;font-weight:800!important;color:#0d2148!important}
main.gnx-listings .catalog-grid .tool-card small {font-size:12px!important;line-height:1.5!important;color:#526789!important;margin-top:7px!important}
main.gnx-listings .catalog-grid .tool-card .go {font-size:17px;color:#2865d7;margin-top:auto}
main.gnx-listings .catalog-grid .tool-card > .i-box {display:grid!important;place-items:center!important;border:1px solid #ffffffb8!important;background:var(--gnx-icon-bg)!important;width:99px!important;height:99px!important;min-width:0!important;flex:none!important;border-radius:22px!important;box-shadow:0 6px 16px #152a5610!important;overflow:visible!important}
main.gnx-listings .catalog-grid .tool-card .gnx-icon-img {display:block!important;width:81px!important;height:81px!important;max-width:95%!important;object-fit:contain!important;filter:drop-shadow(0 3px 4px #15375a1a)}
/* V6 PDF/Image category pages, content cards only */
main.gnx-listings .gq6-grid .gq6-dir-card {text-align:center!important}
main.gnx-listings .gq6-grid .gq6-dir-card .gq6-art {background:transparent!important;height:140px!important;flex:none!important}
main.gnx-listings .gq6-grid .gq6-dir-card .gq6-orb {display:none!important}
main.gnx-listings .gq6-grid .gq6-dir-card .gnx-icon-surface {width:109px;height:109px;display:grid;place-items:center;border-radius:22px;background:var(--gnx-icon-bg);border:1px solid #ffffffab;box-shadow:0 6px 16px #152a5610}
main.gnx-listings .gq6-grid .gq6-dir-card .gnx-icon-img {width:89px;height:89px;object-fit:contain;display:block;filter:drop-shadow(0 3px 4px #15375a1a)}
main.gnx-listings .gq6-grid .gq6-dir-card .gq6-card-text {padding:4px 13px 18px!important}
main.gnx-listings .gq6-grid .gq6-dir-card h3 {font-size:17px!important}
main.gnx-listings .gq6-grid .gq6-dir-card p {color:#526789!important;margin-bottom:10px!important}
main.gnx-listings .gq6-grid .gq6-dir-card .gq6-go {justify-content:center!important;color:#285be2!important}
main.gnx-listings .gq6-grid .gq6-dir-card .gq6-go b {display:none!important}
/* Working pages: no oversized purely decorative title icons. Keep buttons, forms and other functional controls untouched. */
main.gnx-work-clean .gq-page-icon,main.gnx-work-clean .tool-page-head > .tool-icon {display:none!important}
main.gnx-work-clean .tool-page-head {gap:0!important}
@media(max-width:1180px){main.gnx-listings .catalog-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){main.gnx-listings .catalog-grid,main.gnx-listings .gq6-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}main.gnx-listings .catalog-grid .tool-card {min-height:190px!important;padding:13px 8px 14px!important;gap:8px!important}main.gnx-listings .catalog-grid .tool-card > .i-box {width:76px!important;height:76px!important;border-radius:17px!important}main.gnx-listings .catalog-grid .tool-card .gnx-icon-img {width:64px!important;height:64px!important}main.gnx-listings .catalog-grid .tool-card strong,main.gnx-listings .gq6-grid .gq6-dir-card h3 {font-size:13px!important}main.gnx-listings .catalog-grid .tool-card small,main.gnx-listings .gq6-grid .gq6-dir-card p {font-size:11px!important}main.gnx-listings .gq6-grid .gq6-dir-card .gq6-art {height:100px!important}main.gnx-listings .gq6-grid .gq6-dir-card .gnx-icon-surface {width:81px;height:81px;border-radius:17px}main.gnx-listings .gq6-grid .gq6-dir-card .gnx-icon-img {width:66px;height:66px}main.gnx-listings .gq6-grid .gq6-dir-card .gq6-card-text {padding:0 7px 12px!important}}
@media(max-width:360px){main.gnx-listings .catalog-grid .tool-card {min-height:180px!important;padding:11px 6px!important}main.gnx-listings .catalog-grid .tool-card .go {display:none!important}}
@media(prefers-reduced-motion:reduce){main.gnx-listings .tool-card,main.gnx-listings .gq6-dir-card{transition:none!important}}

/* GQ CENTERED CATEGORY HEADINGS — 2026-10-21
   Scope: only MAIN contents of five existing directory/category pages.
   No global BODY, HEADER, FOOTER, brand, homepage, controls or tool engine changes.
   More Tools uses the same /tools/ route; no separate page or new functionality.
*/
main.gnx-listings.shell {
  box-sizing: border-box!important;
  width: min(1200px, calc(100% - 40px))!important;
  max-width: 1200px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  min-width: 0!important;
}
/* All Tools, News & Media and Everyday: eliminate repeated visual kicker. */
main.gnx-listings.inner-page > .eyebrow { display:none!important; }
main.gnx-listings.inner-page > h1 {
  text-align:center!important;
  max-width:900px;
  margin:30px auto 10px!important;
}
main.gnx-listings.inner-page > p.lead {
  text-align:center!important;
  max-width:790px!important;
  margin:0 auto 18px!important;
}
main.gnx-listings.inner-page > .directory-search {
  box-sizing:border-box!important;
  max-width:720px!important;
  width:100%!important;
  margin:0 auto 24px!important;
  text-align:center!important;
}
main.gnx-listings.inner-page > .directory-search input[type="search"] {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
/* PDF and Image: center their EXISTING Explore Tools label, heading and description.
   Do not add a search control because these pages did not have one. */
main.gnx-listings.gq6-main > .gq6-category-hero {
  box-sizing:border-box!important;
  max-width:900px!important;
  margin:0 auto 12px!important;
  padding:32px 8px 14px!important;
  text-align:center!important;
}
main.gnx-listings.gq6-main > .gq6-category-hero > .gq6-kicker {
  display:inline-block!important;
  text-align:center!important;
}
main.gnx-listings.gq6-main > .gq6-category-hero > h1 {
  margin:10px auto 10px!important;
  text-align:center!important;
}
main.gnx-listings.gq6-main > .gq6-category-hero > p {
  max-width:720px!important;
  margin:0 auto!important;
  text-align:center!important;
}
main.gnx-listings.gq6-main > .gq6-grid {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  min-width:0!important;
}
@media(max-width:760px) {
  main.gnx-listings.shell { width:calc(100% - 24px)!important; }
  main.gnx-listings.inner-page > h1 {margin-top:21px!important;}
  main.gnx-listings.inner-page > .directory-search { margin-bottom:16px!important; }
  main.gnx-listings.gq6-main > .gq6-category-hero {padding:23px 4px 13px!important;}
}

/* GQ WORKING TOOL HEADINGS ONLY — 2026-10-21
   Append-only on top of approved category heading/gutters CSS.
   Exactly fourteen pre-existing working tool pages; no global page rules,
   no header/footer/homepage rules, no editor controls or script changes.
   Hide visually rendered breadcrumbs (the existing markup/links are retained).
   Align only the existing H1 and short description above the work area.
*/
main.gnx-work-clean.inner-page > .crumb,
main.gnx-work-clean.page-main > .container > .breadcrumbs,
body.studio-body:has(> main.gnx-work-clean.studio-main) > .studio-crumb {
  display:none!important;
}
/* Standard media, PDF and utility editor pages. */
main.gnx-work-clean.inner-page > h1 {
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:900px;
}
main.gnx-work-clean.inner-page > p.lead {
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:780px!important;
}
/* JPG/PNG -> PDF and Image Resizer: title block above unchanged workspace. */
main.gnx-work-clean.page-main > .container > .tool-page-head {
  display:block!important;
  text-align:center!important;
}
main.gnx-work-clean.page-main > .container > .tool-page-head > div {
  max-width:860px;
  margin-left:auto!important;
  margin-right:auto!important;
}
main.gnx-work-clean.page-main > .container > .tool-page-head h1,
main.gnx-work-clean.page-main > .container > .tool-page-head p {
  text-align:center!important;
}
/* Studio title lives immediately before MAIN; preserve existing right-hand badge
   on desktop and move only this badge below text where it would overlap. */
body.studio-body:has(> main.gnx-work-clean.studio-main) > .studio-title {
  position:relative;
  display:block!important;
  text-align:center!important;
}
body.studio-body:has(> main.gnx-work-clean.studio-main) > .studio-title > div {
  box-sizing:border-box;
  max-width:810px;
  margin-inline:auto!important;
}
body.studio-body:has(> main.gnx-work-clean.studio-main) > .studio-title h1,
body.studio-body:has(> main.gnx-work-clean.studio-main) > .studio-title p {
  text-align:center!important;
}
body.studio-body:has(> main.gnx-work-clean.studio-main) > .studio-title > .pill {
  position:absolute;
  top:0;
  right:18px;
  margin:0;
}
@media(max-width:1100px){
 body.studio-body:has(> main.gnx-work-clean.studio-main) > .studio-title > .pill {
   position:static;
   display:inline-block;
   margin:10px auto 0!important;
 }
}
