.pqr-seo-2027{--seo-bg:rgba(255,255,255,.62);--seo-soft:rgba(250,251,255,.7);--seo-line:rgba(91,76,151,.14);--seo-ink:#121827;--seo-text:#465168;--seo-muted:#6d778c;--seo-accent:#6547eb;position:relative;padding:110px 0;color:var(--seo-text);background:radial-gradient(circle at 10% 5%,rgba(33,185,211,.11),transparent 30rem),radial-gradient(circle at 90% 8%,rgba(107,72,229,.14),transparent 34rem),linear-gradient(145deg,#f6f7ff,#edf2ff 52%,#f7f4ff);overflow:hidden}
html[data-pqr-theme="midnight"] .pqr-seo-2027,html[data-bs-theme="dark"] .pqr-seo-2027{--seo-bg:rgba(13,16,24,.78);--seo-soft:rgba(20,24,35,.76);--seo-line:rgba(255,255,255,.1);--seo-ink:#f7f8ff;--seo-text:#d0d5e1;--seo-muted:#a7afc0;background:radial-gradient(circle at 9% 4%,rgba(24,164,189,.08),transparent 30rem),radial-gradient(circle at 91% 7%,rgba(104,69,220,.13),transparent 34rem),#07090e}
html[data-pqr-theme="glass"] .pqr-seo-2027{--seo-bg:rgba(255,255,255,.52);--seo-soft:rgba(255,255,255,.4)}
.pqr-seo-shell{width:min(1180px,calc(100% - 32px));margin:auto}.pqr-seo-intro{text-align:center;max-width:940px;margin:0 auto 38px}.pqr-seo-kicker,.pqr-seo-label{display:inline-block;color:var(--seo-accent);font-size:.72rem;font-weight:800;letter-spacing:.14em}.pqr-seo-intro h2,.pqr-seo-faq>h2{margin:13px 0 18px;color:var(--seo-ink);font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em}.pqr-seo-answer{padding:20px 24px;border:1px solid var(--seo-line);border-radius:20px;background:var(--seo-bg);box-shadow:0 18px 50px rgba(44,35,87,.09),inset 0 1px rgba(255,255,255,.75);-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);font-size:1.03rem;line-height:1.72}.pqr-seo-answer strong{color:var(--seo-ink)}.pqr-seo-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px}.pqr-seo-trust span{padding:8px 12px;border:1px solid var(--seo-line);border-radius:999px;background:var(--seo-soft);color:var(--seo-ink);font-size:.76rem;font-weight:700}
.pqr-seo-type-window{margin:42px calc(50% - 50vw) 76px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.pqr-seo-type-track{display:flex;width:max-content;gap:12px;animation:pqrSeoRail 70s linear infinite}.pqr-seo-type-window:hover .pqr-seo-type-track,.pqr-seo-type-window:focus-within .pqr-seo-type-track{animation-play-state:paused}.pqr-seo-type-card{position:relative;display:grid;min-width:190px;padding:17px 42px 17px 18px;border:1px solid var(--seo-line);border-radius:17px;background:var(--seo-bg);box-shadow:0 12px 32px rgba(42,34,78,.08),inset 0 1px rgba(255,255,255,.7);color:var(--seo-ink)!important;text-decoration:none!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s,border-color .2s}.pqr-seo-type-card:hover{transform:translateY(-4px);border-color:rgba(101,71,235,.35)}.pqr-seo-type-card span{font-weight:800}.pqr-seo-type-card small{color:var(--seo-muted)}.pqr-seo-type-card i{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-style:normal}@keyframes pqrSeoRail{to{transform:translateX(calc(-50% - 6px))}}
.pqr-seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start}.pqr-seo-article{display:grid;gap:20px}.pqr-seo-article>section,.pqr-seo-aside-card,.pqr-seo-faq{padding:clamp(24px,4vw,48px);border:1px solid var(--seo-line);border-radius:28px;background:var(--seo-bg);box-shadow:0 20px 55px rgba(47,37,89,.08),inset 0 1px rgba(255,255,255,.76);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}.pqr-seo-article h2{margin:9px 0 18px;color:var(--seo-ink);font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.04em}.pqr-seo-article h3{color:var(--seo-ink);font-size:1.05rem}.pqr-seo-article p,.pqr-seo-article li{font-size:1rem;line-height:1.82}.pqr-seo-article a{color:var(--seo-accent);font-weight:700}.pqr-seo-steps{counter-reset:seoStep;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pqr-seo-steps li{position:relative;padding:18px 18px 18px 54px;border:1px solid var(--seo-line);border-radius:17px;background:var(--seo-soft)}.pqr-seo-steps li:before{counter-increment:seoStep;content:counter(seoStep);position:absolute;left:15px;top:17px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#7755f2,#5432d3);font-size:.75rem;font-weight:800}.pqr-seo-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pqr-seo-groups>div{padding:18px;border:1px solid var(--seo-line);border-radius:17px;background:var(--seo-soft)}.pqr-seo-groups p{margin:0;font-size:.91rem}.pqr-seo-note{padding:18px;border-left:3px solid var(--seo-accent);border-radius:4px 14px 14px 4px;background:var(--seo-soft);line-height:1.7}.pqr-seo-table-wrap{overflow-x:auto;border:1px solid var(--seo-line);border-radius:17px}.pqr-seo-article table{width:100%;border-collapse:collapse}.pqr-seo-article th,.pqr-seo-article td{padding:14px;border-bottom:1px solid var(--seo-line);text-align:left}.pqr-seo-article th{color:var(--seo-ink);background:var(--seo-soft)}.pqr-seo-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0}.pqr-seo-checks li{padding:14px;border:1px solid var(--seo-line);border-radius:14px;background:var(--seo-soft);font-size:.91rem}.pqr-seo-related{background:linear-gradient(135deg,rgba(101,71,235,.11),rgba(34,182,210,.08))!important}.pqr-seo-aside{position:sticky;top:102px}.pqr-seo-aside-card{padding:24px}.pqr-seo-aside-card>span{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:var(--seo-accent)}.pqr-seo-aside-card h3{margin:8px 0;color:var(--seo-ink)}.pqr-seo-aside-card ul{padding-left:18px;line-height:2}.pqr-seo-aside-card a{display:block;margin-top:15px;color:var(--seo-accent);font-weight:800;text-decoration:none}
.pqr-seo-faq{margin-top:70px}.pqr-seo-faq>p{color:var(--seo-muted)}.pqr-seo-faq-list{display:grid;gap:9px;margin-top:28px}.pqr-seo-faq details{border:1px solid var(--seo-line);border-radius:17px;background:var(--seo-soft);overflow:hidden}.pqr-seo-faq summary{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px;padding:18px 20px;cursor:pointer;color:var(--seo-ink);font-weight:800;list-style:none}.pqr-seo-faq summary::-webkit-details-marker{display:none}.pqr-seo-faq summary span{color:var(--seo-accent);font-size:.75rem}.pqr-seo-faq summary i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--seo-bg);font-style:normal;transition:transform .25s,background .25s}.pqr-seo-faq details[open] summary i{color:#fff;background:linear-gradient(135deg,#7755f2,#5432d3);transform:rotate(45deg)}.pqr-seo-faq details>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.pqr-seo-faq details[open]>div{grid-template-rows:1fr}.pqr-seo-faq details>div p{min-height:0;overflow:hidden;margin:0;padding:0 66px 0;color:var(--seo-text);line-height:1.75}.pqr-seo-faq details[open]>div p{padding-bottom:20px}
@media(max-width:900px){.pqr-seo-layout{grid-template-columns:1fr}.pqr-seo-aside{position:static}.pqr-seo-aside-card ul{columns:2}.pqr-seo-steps,.pqr-seo-groups,.pqr-seo-checks{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.pqr-seo-2027{padding:72px 0}.pqr-seo-shell{width:calc(100% - 24px)}.pqr-seo-intro h2,.pqr-seo-faq>h2{font-size:2.25rem}.pqr-seo-answer{padding:17px;font-size:.92rem}.pqr-seo-type-window{margin-top:28px;margin-bottom:50px;-webkit-mask-image:none;mask-image:none;overflow-x:auto}.pqr-seo-type-track{animation:none}.pqr-seo-type-card[aria-hidden="true"]{display:none}.pqr-seo-type-card{min-width:164px}.pqr-seo-article>section,.pqr-seo-faq{padding:22px;border-radius:21px}.pqr-seo-steps,.pqr-seo-groups,.pqr-seo-checks{grid-template-columns:1fr}.pqr-seo-aside-card ul{columns:1}.pqr-seo-faq summary{grid-template-columns:30px 1fr 28px;padding:16px 14px}.pqr-seo-faq details>div p{padding-left:54px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.pqr-seo-type-track{animation:none}.pqr-seo-type-card[aria-hidden="true"]{display:none}.pqr-seo-faq details>div{transition:none}}

/* 20260830-3 — full-width premium editorial presentation */
.pqr-seo-2027{width:100vw!important;max-width:none!important;margin-left:0!important;margin-right:0!important;isolation:isolate;padding:clamp(76px,8vw,132px) 0;background:radial-gradient(900px 520px at 8% 0%,rgba(72,190,223,.13),transparent 68%),radial-gradient(900px 620px at 94% 4%,rgba(111,75,234,.16),transparent 70%),linear-gradient(180deg,#f8f9ff 0%,#f0f3fc 48%,#f8f7fc 100%)}
.pqr-seo-2027:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(104,84,177,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(104,84,177,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(#000,transparent 42%);mask-image:linear-gradient(#000,transparent 42%)}
.pqr-seo-shell{width:min(1240px,calc(100% - 48px))!important;max-width:none!important}
.pqr-seo-intro{max-width:980px;margin-bottom:46px}.pqr-seo-intro h2{max-width:820px;margin:16px auto 24px;font-size:clamp(2.8rem,5.6vw,5.4rem);font-weight:760;line-height:.96;letter-spacing:-.065em;text-wrap:balance}.pqr-seo-kicker,.pqr-seo-label{font-size:.7rem;letter-spacing:.19em}.pqr-seo-answer{padding:24px 30px;border-radius:24px;font-size:1.05rem;box-shadow:0 30px 80px rgba(42,35,87,.1),inset 0 1px rgba(255,255,255,.9)}
.pqr-seo-trust{gap:10px;margin-top:19px}.pqr-seo-trust span{padding:9px 14px;border-radius:12px}
.pqr-seo-type-window{margin-top:50px;margin-bottom:86px}.pqr-seo-type-card{min-width:212px;padding:20px 48px 20px 20px;border-radius:20px;box-shadow:0 16px 46px rgba(39,32,75,.1)}.pqr-seo-type-card span{font-size:1rem}.pqr-seo-type-card i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--seo-line);border-radius:9px}
.pqr-seo-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.pqr-seo-article{gap:24px}.pqr-seo-article>section,.pqr-seo-aside-card,.pqr-seo-faq{border-radius:30px;box-shadow:0 24px 70px rgba(39,32,75,.085),inset 0 1px rgba(255,255,255,.9)}.pqr-seo-article>section{padding:clamp(30px,4vw,54px)}.pqr-seo-article h2{max-width:760px;font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.05;text-wrap:balance}.pqr-seo-article p,.pqr-seo-article li{font-size:1.01rem;line-height:1.86}.pqr-seo-steps li,.pqr-seo-groups>div,.pqr-seo-checks li{border-radius:18px}.pqr-seo-aside-card{padding:28px}.pqr-seo-faq{padding:clamp(30px,5vw,58px)}.pqr-seo-faq>h2{max-width:850px;font-size:clamp(2.4rem,4.6vw,4.25rem);text-wrap:balance}.pqr-seo-faq details{border-radius:18px}.pqr-seo-faq summary{padding:21px 23px;font-size:1.02rem}
html[data-pqr-theme="midnight"] .pqr-seo-2027,html[data-bs-theme="dark"] .pqr-seo-2027{background:radial-gradient(900px 560px at 8% 0%,rgba(39,175,208,.1),transparent 68%),radial-gradient(900px 620px at 94% 4%,rgba(101,67,224,.16),transparent 70%),linear-gradient(180deg,#07090e,#0a0d14 52%,#07090e)}
html[data-pqr-theme="midnight"] .pqr-seo-2027:before,html[data-bs-theme="dark"] .pqr-seo-2027:before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)}
@media(max-width:900px){.pqr-seo-shell{width:min(100% - 28px,760px)!important}.pqr-seo-layout{grid-template-columns:1fr}.pqr-seo-aside{order:-1;position:static}.pqr-seo-aside-card ul{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.pqr-seo-intro h2{font-size:clamp(2.55rem,9vw,4.4rem)}}
@media(max-width:575px){.pqr-seo-2027{padding:68px 0}.pqr-seo-shell{width:calc(100% - 20px)!important}.pqr-seo-intro h2{font-size:2.55rem}.pqr-seo-answer{padding:19px;border-radius:20px}.pqr-seo-type-window{margin-bottom:54px}.pqr-seo-article>section,.pqr-seo-faq{padding:24px;border-radius:23px}.pqr-seo-aside-card ul{grid-template-columns:1fr}.pqr-seo-article h2{font-size:2rem}.pqr-seo-faq>h2{font-size:2.35rem}}

/* 20260830-4 — icon-led animated SEO knowledge accordions */
.pqr-seo-article>section{padding:0!important;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.pqr-seo-article>section:hover{transform:translateY(-2px);border-color:rgba(101,71,235,.28);box-shadow:0 28px 80px rgba(39,32,75,.12),inset 0 1px rgba(255,255,255,.9)}
.pqr-seo-topic{width:100%}.pqr-seo-topic>summary{display:grid;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:18px;padding:25px 28px;cursor:pointer;list-style:none;color:var(--seo-ink);user-select:none}.pqr-seo-topic>summary::-webkit-details-marker{display:none}.pqr-seo-topic-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(101,71,235,.22);border-radius:18px;color:#fff;background:linear-gradient(145deg,#7658f2,#5433d5 58%,#3c79d8);box-shadow:0 12px 28px rgba(93,64,220,.24),inset 0 1px rgba(255,255,255,.3);font-size:1.35rem;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.pqr-seo-topic-title{display:grid;gap:5px}.pqr-seo-topic-title small{color:var(--seo-accent);font-size:.67rem;font-weight:850;letter-spacing:.18em}.pqr-seo-topic-title strong{font-size:clamp(1.3rem,2.25vw,2rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.pqr-seo-topic>summary>i{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--seo-line);border-radius:12px;background:var(--seo-soft);font-size:1.25rem;font-style:normal;transition:transform .32s ease,color .25s,background .25s}.pqr-seo-topic[open]>summary>i{transform:rotate(45deg);color:#fff;background:linear-gradient(145deg,#7658f2,#5433d5)}.pqr-seo-topic[open] .pqr-seo-topic-icon{transform:rotate(-5deg) scale(1.06);box-shadow:0 16px 34px rgba(93,64,220,.32),inset 0 1px rgba(255,255,255,.3)}
.pqr-seo-topic-body{display:grid;grid-template-rows:0fr;opacity:.35;transition:grid-template-rows .45s cubic-bezier(.22,.8,.25,1),opacity .35s ease}.pqr-seo-topic[open]>.pqr-seo-topic-body{grid-template-rows:1fr;opacity:1}.pqr-seo-topic-inner{min-height:0;overflow:hidden;padding:0 28px}.pqr-seo-topic[open] .pqr-seo-topic-inner{padding-top:4px;padding-bottom:34px}.pqr-seo-topic-inner>:first-child{margin-top:0}.pqr-seo-topic-inner>:last-child{margin-bottom:0}
html[data-pqr-theme="midnight"] .pqr-seo-topic-icon,html[data-bs-theme="dark"] .pqr-seo-topic-icon{border-color:rgba(146,126,255,.3);background:linear-gradient(145deg,#684ee0,#432ca9 58%,#245e9f)}
@media(max-width:575px){.pqr-seo-topic>summary{grid-template-columns:46px minmax(0,1fr) 32px;gap:12px;padding:18px}.pqr-seo-topic-icon{width:46px;height:46px;border-radius:14px;font-size:1.08rem}.pqr-seo-topic-title strong{font-size:1.12rem}.pqr-seo-topic-title small{font-size:.58rem}.pqr-seo-topic>summary>i{width:32px;height:32px}.pqr-seo-topic-inner{padding-left:18px;padding-right:18px}.pqr-seo-topic[open] .pqr-seo-topic-inner{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.pqr-seo-topic-body,.pqr-seo-topic-icon,.pqr-seo-topic>summary>i,.pqr-seo-article>section{transition:none}}

/* 20260830-5 — match the Premium QR Codes homepage card system */
.pqr-seo-article>section{position:relative;padding:clamp(30px,4vw,52px)!important;overflow:hidden;transform:none;border:1px solid rgba(27,35,60,.09);border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 18px 54px rgba(44,49,82,.075);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.pqr-seo-article>section:after{content:"";position:absolute;right:-62px;top:-62px;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,rgba(98,74,236,.1),rgba(80,226,171,.06));pointer-events:none}.pqr-seo-article>section:hover{transform:translateY(-4px);border-color:rgba(95,74,220,.2);box-shadow:0 26px 70px rgba(44,49,82,.12)}
.pqr-seo-home-icon{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border-radius:14px;color:#192033;background:#6de4a8;box-shadow:0 10px 28px rgba(65,205,141,.25);font-size:1.05rem}.pqr-seo-article>section:nth-child(3n+2) .pqr-seo-home-icon{color:#5a44da;background:#eeebff;box-shadow:0 10px 28px rgba(103,78,223,.14)}.pqr-seo-article>section:nth-child(3n) .pqr-seo-home-icon{color:#176f8e;background:#ddf6fb;box-shadow:0 10px 28px rgba(61,184,211,.14)}
.pqr-seo-article>section .pqr-seo-label{position:relative;z-index:1;color:#5e49da}.pqr-seo-article>section h2{position:relative;z-index:1;margin-top:10px;color:#101521;font-weight:780}.pqr-seo-article>section p,.pqr-seo-article>section li{color:#515b70}.pqr-seo-article>section a{color:#5b46db}.pqr-seo-steps li,.pqr-seo-groups>div,.pqr-seo-checks li,.pqr-seo-note,.pqr-seo-table-wrap{background:#f7f8fc;border-color:rgba(27,35,60,.09)}
.pqr-seo-reveal{opacity:0;transform:translateY(24px)!important}.pqr-seo-reveal.is-visible{opacity:1;transform:translateY(0)!important;transition:opacity .62s ease,transform .62s cubic-bezier(.22,.8,.24,1),border-color .28s ease,box-shadow .28s ease}.pqr-seo-reveal.is-visible:hover{transform:translateY(-4px)!important}
html[data-pqr-theme="midnight"] .pqr-seo-article>section,html[data-bs-theme="dark"] .pqr-seo-article>section{border-color:rgba(255,255,255,.09);background:rgba(16,20,29,.92);box-shadow:0 20px 60px rgba(0,0,0,.24)}html[data-pqr-theme="midnight"] .pqr-seo-article>section h2,html[data-bs-theme="dark"] .pqr-seo-article>section h2{color:#f7f8fc}html[data-pqr-theme="midnight"] .pqr-seo-article>section p,html[data-pqr-theme="midnight"] .pqr-seo-article>section li,html[data-bs-theme="dark"] .pqr-seo-article>section p,html[data-bs-theme="dark"] .pqr-seo-article>section li{color:#c8ceda}html[data-pqr-theme="midnight"] .pqr-seo-steps li,html[data-pqr-theme="midnight"] .pqr-seo-groups>div,html[data-pqr-theme="midnight"] .pqr-seo-checks li,html[data-bs-theme="dark"] .pqr-seo-steps li,html[data-bs-theme="dark"] .pqr-seo-groups>div,html[data-bs-theme="dark"] .pqr-seo-checks li{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
@media(max-width:575px){.pqr-seo-article>section{padding:25px!important;border-radius:22px}.pqr-seo-home-icon{width:44px;height:44px;margin-bottom:20px;border-radius:13px}.pqr-seo-article>section h2{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.pqr-seo-reveal,.pqr-seo-reveal.is-visible{opacity:1;transform:none!important;transition:none}}

/* 20260830-6 — all SEO cards match FAQ width */
.pqr-seo-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
}

.pqr-seo-article,
.pqr-seo-article > section,
.pqr-seo-aside,
.pqr-seo-aside-card,
.pqr-seo-faq {
    width: 100% !important;
    max-width: none !important;
}

.pqr-seo-aside {
    position: static !important;
    top: auto !important;
}

.pqr-seo-aside-card {
    margin: 0 !important;
}

.pqr-seo-faq {
    margin-top: 24px !important;
}

/* Keep every frame visually consistent */
.pqr-seo-article > section,
.pqr-seo-aside-card,
.pqr-seo-faq {
    border-radius: 26px !important;
    border: 1px solid rgba(27, 35, 60, 0.09) !important;
    background: rgba(255, 255, 255, 0.90) !important;
    box-shadow: 0 18px 54px rgba(44, 49, 82, 0.075) !important;
}

html[data-pqr-theme="midnight"] .pqr-seo-article > section,
html[data-pqr-theme="midnight"] .pqr-seo-aside-card,
html[data-pqr-theme="midnight"] .pqr-seo-faq,
html[data-bs-theme="dark"] .pqr-seo-article > section,
html[data-bs-theme="dark"] .pqr-seo-aside-card,
html[data-bs-theme="dark"] .pqr-seo-faq {
    border-color: rgba(255, 255, 255, 0.09) !important;
    background: rgba(16, 20, 29, 0.92) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24) !important;
}

@media (max-width: 575px) {
    .pqr-seo-layout {
        gap: 16px !important;
    }

    .pqr-seo-article > section,
    .pqr-seo-aside-card,
    .pqr-seo-faq {
        border-radius: 22px !important;
    }
}

/* 20260830-7 — compact animated Editor's Checklist */
.pqr-seo-aside-card {
    position: relative !important;
    padding: 34px 38px !important;
    overflow: hidden !important;
}

.pqr-seo-aside-card::after {
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: linear-gradient(
        145deg,
        rgba(99, 73, 235, 0.10),
        rgba(109, 228, 168, 0.08)
    );
    pointer-events: none;
}

.pqr-seo-aside-card > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    color: #6049df !important;
    background: transparent !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.17em !important;
}

.pqr-seo-aside-card > span::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: #172033;
    background: #6de4a8;
    letter-spacing: 0;
    box-shadow: 0 8px 20px rgba(65, 205, 141, 0.24);
}

.pqr-seo-aside-card h3 {
    margin: 8px 0 24px !important;
    color: #101521 !important;
    font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
    font-weight: 780 !important;
    letter-spacing: -0.04em !important;
}

.pqr-seo-aside-card ul {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    columns: initial !important;
}

.pqr-seo-aside-card li {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(27, 35, 60, 0.09) !important;
    border-radius: 14px !important;
    background: #f7f8fc !important;
    color: #465168 !important;
    font-size: 0.91rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    opacity: 0;
    transform: translateY(12px);
    animation: pqrChecklistReveal 0.55s ease forwards;
}

.pqr-seo-aside-card li::before {
    content: "\f00c";
    flex: 0 0 27px;
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 9px;
    color: #ffffff;
    background: linear-gradient(145deg, #7356ed, #5132cc);
    font-family: "Font Awesome 6 Free";
    font-size: 0.70rem;
    font-weight: 900;
    box-shadow: 0 7px 17px rgba(91, 69, 218, 0.22);
    transition: transform 0.25s ease;
}

.pqr-seo-aside-card li:hover {
    border-color: rgba(95, 74, 220, 0.25) !important;
    background: #ffffff !important;
    transform: translateY(-2px) !important;
}

.pqr-seo-aside-card li:hover::before {
    transform: rotate(-8deg) scale(1.1);
}

.pqr-seo-aside-card li:nth-child(1) { animation-delay: 0.04s; }
.pqr-seo-aside-card li:nth-child(2) { animation-delay: 0.08s; }
.pqr-seo-aside-card li:nth-child(3) { animation-delay: 0.12s; }
.pqr-seo-aside-card li:nth-child(4) { animation-delay: 0.16s; }
.pqr-seo-aside-card li:nth-child(5) { animation-delay: 0.20s; }
.pqr-seo-aside-card li:nth-child(6) { animation-delay: 0.24s; }
.pqr-seo-aside-card li:nth-child(7) { animation-delay: 0.28s; }
.pqr-seo-aside-card li:nth-child(8) { animation-delay: 0.32s; }

.pqr-seo-aside-card > a {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 22px !important;
}

@keyframes pqrChecklistReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dark theme */
html[data-pqr-theme="midnight"] .pqr-seo-aside-card h3,
html[data-bs-theme="dark"] .pqr-seo-aside-card h3 {
    color: #f7f8fc !important;
}

html[data-pqr-theme="midnight"] .pqr-seo-aside-card li,
html[data-bs-theme="dark"] .pqr-seo-aside-card li {
    color: #d0d5df !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.035) !important;
}

/* Tablet */
@media (max-width: 1050px) {
    .pqr-seo-aside-card ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .pqr-seo-aside-card {
        padding: 25px !important;
    }

    .pqr-seo-aside-card ul {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .pqr-seo-aside-card li {
        white-space: normal !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pqr-seo-aside-card li {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

/* 20260830-8 — SEO Liquid Glass theme */
.pqr-seo-2027 {
    --pqr-glass-bg: rgba(255, 255, 255, 0.52);
    --pqr-glass-soft: rgba(255, 255, 255, 0.38);
    --pqr-glass-line: rgba(255, 255, 255, 0.68);
    --pqr-glass-inner-line: rgba(63, 71, 105, 0.10);
    --pqr-glass-shadow: 0 24px 70px rgba(52, 49, 95, 0.12);
    --pqr-glass-text: #4b556b;
    --pqr-glass-heading: #111624;
}

/* Main glass frames */
.pqr-seo-article > section,
.pqr-seo-aside-card,
.pqr-seo-faq {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 1px solid var(--pqr-glass-line) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.64),
            rgba(255, 255, 255, 0.38)
        ) !important;
    box-shadow:
        var(--pqr-glass-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(255, 255, 255, 0.24) !important;
    -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
    backdrop-filter: blur(26px) saturate(150%) !important;
}

/* Glass lighting */
.pqr-seo-article > section::before,
.pqr-seo-aside-card::before,
.pqr-seo-faq::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -110px;
    left: -80px;
    width: 280px;
    height: 230px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(111, 228, 177, 0.18),
        transparent 68%
    );
    pointer-events: none;
}

.pqr-seo-article > section::after,
.pqr-seo-aside-card::after,
.pqr-seo-faq::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -90px;
    right: -70px;
    width: 260px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(108, 79, 235, 0.17),
        transparent 70%
    );
    pointer-events: none;
}

/* Clear readable typography */
.pqr-seo-article > section h2,
.pqr-seo-aside-card h3,
.pqr-seo-faq > h2,
.pqr-seo-faq summary {
    color: var(--pqr-glass-heading) !important;
}

.pqr-seo-article > section p,
.pqr-seo-article > section li,
.pqr-seo-aside-card li,
.pqr-seo-faq p {
    color: var(--pqr-glass-text) !important;
}

/* Inner glass components */
.pqr-seo-steps li,
.pqr-seo-groups > div,
.pqr-seo-checks li,
.pqr-seo-note,
.pqr-seo-table-wrap,
.pqr-seo-aside-card li,
.pqr-seo-faq details {
    border: 1px solid var(--pqr-glass-inner-line) !important;
    background: var(--pqr-glass-soft) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 10px 28px rgba(55, 52, 91, 0.06) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
    backdrop-filter: blur(16px) saturate(135%) !important;
}

/* Animated glass hover */
.pqr-seo-article > section:hover,
.pqr-seo-aside-card:hover,
.pqr-seo-faq:hover {
    border-color: rgba(116, 91, 228, 0.28) !important;
    box-shadow:
        0 32px 90px rgba(52, 49, 95, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.pqr-seo-steps li:hover,
.pqr-seo-groups > div:hover,
.pqr-seo-checks li:hover,
.pqr-seo-aside-card li:hover,
.pqr-seo-faq details:hover {
    border-color: rgba(105, 78, 224, 0.24) !important;
    background: rgba(255, 255, 255, 0.60) !important;
    transform: translateY(-2px);
}

/* Type slider glass cards */
.pqr-seo-type-card {
    border: 1px solid rgba(255, 255, 255, 0.65) !important;
    background: rgba(255, 255, 255, 0.48) !important;
    box-shadow:
        0 18px 45px rgba(52, 49, 95, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
    backdrop-filter: blur(20px) saturate(145%) !important;
}

/* Dark Liquid Glass */
html[data-pqr-theme="midnight"] .pqr-seo-2027,
html[data-bs-theme="dark"] .pqr-seo-2027 {
    --pqr-glass-bg: rgba(14, 18, 28, 0.66);
    --pqr-glass-soft: rgba(255, 255, 255, 0.045);
    --pqr-glass-line: rgba(255, 255, 255, 0.11);
    --pqr-glass-inner-line: rgba(255, 255, 255, 0.08);
    --pqr-glass-shadow: 0 28px 80px rgba(0, 0, 0, 0.30);
    --pqr-glass-text: #c9cfdb;
    --pqr-glass-heading: #f7f8fc;
}

html[data-pqr-theme="midnight"] .pqr-seo-article > section,
html[data-pqr-theme="midnight"] .pqr-seo-aside-card,
html[data-pqr-theme="midnight"] .pqr-seo-faq,
html[data-bs-theme="dark"] .pqr-seo-article > section,
html[data-bs-theme="dark"] .pqr-seo-aside-card,
html[data-bs-theme="dark"] .pqr-seo-faq {
    border-color: var(--pqr-glass-line) !important;
    background:
        linear-gradient(
            145deg,
            rgba(22, 27, 39, 0.78),
            rgba(10, 14, 22, 0.64)
        ) !important;
    box-shadow:
        var(--pqr-glass-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html[data-pqr-theme="midnight"] .pqr-seo-type-card,
html[data-bs-theme="dark"] .pqr-seo-type-card {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: rgba(16, 21, 31, 0.68) !important;
}

/* Smooth animation */
.pqr-seo-article > section,
.pqr-seo-aside-card,
.pqr-seo-faq,
.pqr-seo-type-card,
.pqr-seo-steps li,
.pqr-seo-groups > div,
.pqr-seo-checks li,
.pqr-seo-aside-card li,
.pqr-seo-faq details {
    transition:
        transform 0.28s ease,
        background 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease !important;
}

@media (prefers-reduced-motion: reduce) {
    .pqr-seo-2027 * {
        transition: none !important;
    }
}