/* GlobiqNews visual refresh v5. Presentation only; no output processing or API changes. */
:root{--gq-blue:#2459ee;--gq-ink:#142349;--gq-soft:#f6f8fe;--gq-line:#e1e9f5}
body.gq-v5{background:#f7f9ff;color:#192944}
body.gq-v5 .header{background:rgba(255,255,255,.96);border-bottom:1px solid #e2eaf7;box-shadow:0 4px 20px rgba(33,62,120,.04)}
body.gq-v5 .nav-wrap{min-height:82px}
body.gq-v5 .brand{font-size:20px;font-weight:900;letter-spacing:-.7px}
body.gq-v5 .brand img{width:52px;height:52px;filter:drop-shadow(0 6px 12px #2457ef22)}
body.gq-v5 .brand strong{color:#f04b54}
body.gq-v5 .brand small{font-size:10px;color:#60738d}
body.gq-v5 .desktop-nav{font-size:13px;gap:22px}
body.gq-v5 .desktop-nav a{border-radius:12px;padding:10px 3px}
body.gq-v5 .desktop-nav a:hover,body.gq-v5 .mobile-nav a:hover{color:#2459ee}
/* Hero: spacious, accessible headline; existing in-project image, no third-party media. */
body.gq-v5 .hero{overflow:hidden;background:radial-gradient(ellipse at 78% 14%,#d6e7ff 0%,transparent 47%),radial-gradient(ellipse at 4% 93%,#def9f3 0%,transparent 41%),linear-gradient(120deg,#f7faff 0%,#f1f6ff 65%,#eef9fc 100%);border-bottom:1px solid #e3eafa;position:relative}
body.gq-v5 .hero:before{content:"";width:340px;height:340px;position:absolute;top:-190px;right:-80px;border:1px solid #91bbff66;border-radius:50%;box-shadow:0 0 0 55px #d8e9ff38,0 0 0 110px #e6f1ff4a;pointer-events:none}
body.gq-v5 .hero-inner{min-height:440px;grid-template-columns:1.06fr .94fr;gap:45px;padding:42px 0}
body.gq-v5 .hero h1{font-size:clamp(39px,4.6vw,66px);line-height:1.1;letter-spacing:-1.9px;font-weight:900;color:#101d48;margin:20px 0 17px}
body.gq-v5 .hero h1 em{color:#2459ee}
body.gq-v5 .hero h1 b{color:#e95048}
body.gq-v5 .hero-copy p{font-size:17px;max-width:515px;line-height:1.6;color:#536985}
body.gq-v5 .chip{background:#dfeaff;color:#2450b9;border:1px solid #a8c8ff;border-radius:999px;font-size:11px;letter-spacing:1px;padding:9px 16px}
body.gq-v5 .hero-image{width:100%;height:350px;max-height:none;object-fit:cover;object-position:center;border-radius:32px;box-shadow:0 26px 55px #1e407e26;outline:8px solid #ffffffb0}
body.gq-v5 .search{background:#fff;border:1px solid #dce8f9;border-radius:16px;box-shadow:0 12px 24px #3465b519}
body.gq-v5 .search button{background:linear-gradient(110deg,#2056ec,#347beb);border-radius:10px;color:#fff}
body.gq-v5 .honest-points{color:#60728c;font-size:12px}
/* Seven vivid, unique shades, wide colored tiles and visually dominant symbols. */
body.gq-v5 .dual{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:34px 0 14px;align-items:start}
body.gq-v5 .category{background:#fff!important;border:1px solid #e1e9f8;border-radius:24px;padding:24px;box-shadow:0 14px 38px #274a7911}
body.gq-v5 .category.news{border-top:5px solid #eb5365}
body.gq-v5 .category.everyday{border-top:5px solid #2e7ef7}
body.gq-v5 .section-heading{gap:12px;align-items:center}
body.gq-v5 .section-heading h2{font-size:clamp(19px,2vw,26px);letter-spacing:-.45px;margin:0;color:#122553}
body.gq-v5 .section-heading a{color:#2258df;font-weight:800}
body.gq-v5 .category>p{color:#60718a;margin:7px 0 18px}
body.gq-v5 .short-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.gq-v5 a.short-card,body.gq-v5 a.tool-card{position:relative;background:white;border:1px solid #e4eaf5;border-radius:18px;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:start;gap:10px;min-width:0;min-height:168px;box-shadow:0 6px 16px #233d6809;transition:transform .16s,border-color .16s,box-shadow .16s}
body.gq-v5 a.short-card:hover,body.gq-v5 a.tool-card:hover{border-color:#a7bffb;transform:translateY(-3px);box-shadow:0 15px 32px #28447619}
body.gq-v5 a.short-card .i-box,body.gq-v5 a.tool-card .i-box{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffffc2,0 8px 18px #182a4510;flex:none}
body.gq-v5 a.short-card .i-box svg,body.gq-v5 a.tool-card .i-box svg{width:45px;height:45px;stroke-width:1.95;display:block}
body.gq-v5 a.short-card strong,body.gq-v5 a.tool-card strong{font-size:15px;line-height:1.35;color:#1a2c4c;font-weight:850}
body.gq-v5 a.short-card small,body.gq-v5 a.tool-card small{font-size:12px;line-height:1.5;color:#64738b}
body.gq-v5 a.short-card .go,body.gq-v5 a.tool-card .go{position:absolute;right:15px;top:35px;color:#607eac;font-size:18px}
body.gq-v5 .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.gq-v5 .all-popular{margin-top:27px}
body.gq-v5 .popular-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
body.gq-v5 .popular-grid .short-card{flex-direction:column}
body.gq-v5 .quality-notes{border-radius:22px;border:1px solid #e3eefa;background:#eef6ff;padding:25px;margin:22px 0 33px}
body.gq-v5 .inner-page{padding-top:34px}
body.gq-v5 .inner-page h1{color:#152652;font-weight:900}
body.gq-v5 .directory-search input{border-color:#cbdaf2;box-shadow:0 4px 14px #233d6a0c;border-radius:12px}
body.gq-v5 .footer{background:#0e1e42;color:#f0f6ff}
body.gq-v5 .footer a{color:#d2e4ff}
/* Individual tool page: prominent pictogram above its own unique editor. */
body.gq-v5 .gq-page-icon{width:82px;height:82px;margin:14px 0 12px;border-radius:22px;display:grid;place-items:center;box-shadow:0 10px 26px #233d781c}
body.gq-v5 .gq-page-icon svg{width:48px;height:48px;stroke-width:1.9}
body.gq-v5 .gq-page-icon+.inner-page{margin-top:0}
body.gq-v5 .studio-header{background:#fff;box-shadow:0 5px 20px #12284a0b}
body.gq-v5 .studio-mark{display:grid;place-items:center;background:transparent;box-shadow:none;width:50px;height:50px;border-radius:16px;font-size:0}
body.gq-v5 .studio-mark img{width:50px;height:50px}
body.gq-v5 .studio-title{border-radius:18px}
body.gq-v5 .studio-title .gq-page-icon{margin:6px 0 10px}
body.gq-v5 .studio-card{border-color:#dce6f6}
body.gq-v5 .studio-nav a:hover{color:#2459ee}
/* Distinct pastel tile backgrounds + saturated strokes, one palette per tool. */
body.gq-v5 a[href$="news-poster/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="news-poster"]{background:#ffedf1;color:#e93150}
body.gq-v5 a[href$="youtube-thumbnail/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="youtube-thumbnail"]{background:#ffeaf0;color:#e11d48}
body.gq-v5 a[href$="social-media-resizer/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="social-media-resizer"]{background:#f1eaff;color:#7943ed}
body.gq-v5 a[href$="subtitle-editor/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="subtitle-editor"]{background:#eaf2ff;color:#2563eb}
body.gq-v5 a[href$="news-ticker/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="news-ticker"]{background:#fff3df;color:#e57b10}
body.gq-v5 a[href$="lower-third/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="lower-third"]{background:#e5fbfd;color:#0d8893}
body.gq-v5 a[href$="quote-card/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="quote-card"]{background:#fceaff;color:#bd3dd1}
body.gq-v5 a[href$="compress-image/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="compress-image"]{background:#e2fff4;color:#059b7d}
body.gq-v5 a[href$="jpg-to-pdf/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="jpg-to-pdf"]{background:#fff0e7;color:#ec5937}
body.gq-v5 a[href$="merge-pdf/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="merge-pdf"]{background:#f7eaff;color:#b847ef}
body.gq-v5 a[href$="resize-image/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="resize-image"]{background:#eaf4ff;color:#2172de}
body.gq-v5 a[href$="pdf-to-jpg/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="pdf-to-jpg"]{background:#fff5db;color:#ed8c04}
body.gq-v5 a[href$="split-pdf/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="split-pdf"]{background:#fff0f5;color:#ea426f}
body.gq-v5 a[href$="passport-photo/"] .i-box,body.gq-v5 .gq-page-icon[data-tool="passport-photo"]{background:#e4f8ff;color:#088bba}

@media(max-width:1080px){body.gq-v5 .hero-inner{gap:22px}body.gq-v5 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.gq-v5 .popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){body.gq-v5 .hero-inner{display:flex;flex-direction:column;gap:20px;min-height:0;padding:36px 0}body.gq-v5 .hero-copy{width:100%}body.gq-v5 .hero-image{height:auto;max-height:360px;object-fit:cover}body.gq-v5 .dual{grid-template-columns:1fr;gap:18px}body.gq-v5 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.gq-v5 .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){body.gq-v5 .hero h1{font-size:clamp(32px,9vw,44px);letter-spacing:-1px}body.gq-v5 .hero-copy p{font-size:14px}body.gq-v5 .brand{font-size:17px}body.gq-v5 .brand img{width:43px;height:43px}body.gq-v5 .short-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.gq-v5 .category{padding:13px;border-radius:17px}body.gq-v5 .category h2{font-size:19px}body.gq-v5 a.short-card,body.gq-v5 a.tool-card{min-height:162px;padding:12px 10px;border-radius:15px;gap:8px}body.gq-v5 a.short-card .i-box,body.gq-v5 a.tool-card .i-box{width:64px;height:64px;border-radius:17px}body.gq-v5 a.short-card .i-box svg,body.gq-v5 a.tool-card .i-box svg{width:34px;height:34px}body.gq-v5 a.short-card strong,body.gq-v5 a.tool-card strong{font-size:13px}body.gq-v5 a.short-card small,body.gq-v5 a.tool-card small{font-size:11px}body.gq-v5 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.gq-v5 .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.gq-v5 .hero-image{max-height:260px}body.gq-v5 .inner-page{padding-top:20px}body.gq-v5 .gq-page-icon{height:74px;width:74px}body.gq-v5 .studio-title .gq-page-icon{width:68px;height:68px}}
@media(max-width:340px){body.gq-v5 .short-grid,body.gq-v5 .catalog-grid,body.gq-v5 .popular-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.gq-v5 a.short-card,body.gq-v5 a.tool-card{transition:none}}
@media(print){body.gq-v5 .gq-ad-zone{display:none!important}}