/* EQ test: the situation screen (take.php) on top of the Big Five test layout, and the result and report pages. */
.eq-card { display: grid; gap: 16px; }
.eq-take [hidden] { display: none !important; }
.eq-chip { display: inline-block; width: fit-content; font-size: var(--fs-label); font-weight: 600; padding: 4px 12px; border-radius: 99px; background: var(--bg-alt); color: var(--muted); }
.eq-scene { margin: 0; font-size: var(--fs-lead); line-height: 1.6; color: var(--text); outline: none; }
.eq-q { margin: 0; font-weight: 600; color: var(--text); }
.eq-opts { display: flex; flex-direction: column; gap: 8px; }
.eq-opt { min-height: 56px; padding: 12px 16px; align-items: flex-start; line-height: 1.45; }
.eq-opt.on { padding: 11px 15px; }
.eq-opt .bf-n { margin-top: -2px; }
.eq-opt.on .bf-n { background: var(--primary); color: var(--on-primary); }
.eq-surebox { border-top: 1px solid var(--line); padding-top: 16px; display: grid; gap: 10px; transition: opacity .2s; }
.eq-surebox.wait { opacity: .55; }
.eq-sure-l { margin: 0; display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.eq-sure-l b { font-size: var(--fs-body); color: var(--text); }
.eq-sure-l span { font-size: var(--fs-small); color: var(--muted); }
.eq-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.eq-sure { appearance: none; min-height: 72px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--surface); color: var(--text); font: 600 15px var(--sans); cursor: pointer; display: grid; justify-items: center; align-content: center; gap: 6px; padding: 8px; }
.eq-sure:hover { border-color: var(--primary); }
.eq-sure svg { width: 28px; height: 18px; }
.eq-sure svg rect { fill: var(--line); } .eq-sure svg rect.on { fill: var(--muted); }
.eq-sure.on { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.eq-sure.on svg rect { fill: rgba(246, 241, 231, .35); } .eq-sure.on svg rect.on { fill: var(--on-primary); }
.eq-sure:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; }
/* Two parts, two colours: part 1 (situations) terracotta, part 2 (statements) green. A two-step tracker sits on top:
   the active step is filled and shows its own progress bar, the step still to come is faded with a dashed edge. */
.eq-take { --p1: var(--accent-bright); --p1-t: var(--accent); --p1-soft: var(--accent-soft); --p2: var(--ok); --p2-t: #22603F; --p2-soft: var(--ok-soft); }
.eqs { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr); align-items: stretch; }
.eqs-st { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 4px 10px; align-items: center; align-content: center; padding: 10px 12px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--surface); min-width: 0; transition: opacity .2s, background-color .2s, border-color .2s; }
.eqs-st .n { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font: 600 var(--fs-body) var(--sans); background: var(--bg-alt); color: var(--muted); }
.eqs-st .t { min-width: 0; }
.eqs-st b { display: block; font-size: var(--fs-body); color: var(--text); line-height: 1.25; }
.eqs-st small { display: block; font-size: var(--fs-label); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.eqs-st .pr { grid-column: 1 / -1; height: 6px; border-radius: 99px; background: var(--bg-alt); overflow: hidden; margin-top: 4px; }
.eqs-st .pr i { display: block; height: 100%; border-radius: 99px; transition: width .3s var(--ease); }
.eqs-st.p1 .pr i { background: var(--p1); } .eqs-st.p2 .pr i { background: var(--p2); }
.eqs-st.p1.on { border-color: var(--p1); background: var(--p1-soft); } .eqs-st.p1.on .n { background: var(--p1); color: #FFFDF8; }
.eqs-st.p2.on { border-color: var(--p2); background: var(--p2-soft); } .eqs-st.p2.on .n { background: var(--p2); color: #FFFDF8; }
.eqs-st.done .n { background: var(--p2); color: #FFFDF8; }
.eqs-st.wait { opacity: .65; border-style: dashed; }
.eqs-st.wait small .a::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; border: 1.5px solid var(--muted); margin-right: 6px; }
.eqs-link { height: 2px; background: var(--line); align-self: center; }
.eqs.two .eqs-link { background: var(--p2); }
.eq-take .eq-p1 { border-top: 5px solid var(--p1); --k: var(--p1-t); }
.eq-take .eq-p2 { border-top: 5px solid var(--p2); --k: var(--p2-t); }
.eq-kick { font-size: var(--fs-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--k, var(--accent)); }
.eq-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; }
#eq-st .eq-head { margin-bottom: 4px; }
.eq-intro { display: grid; gap: 14px; }
.eq-intro h1 { font-size: 30px; }
.eq-intro p { margin: 0; color: var(--muted); }
.eq-tips { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; counter-reset: t; }
.eq-tips li { counter-increment: t; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: start; color: var(--text); }
.eq-tips li::before { content: counter(t); width: 28px; height: 28px; border-radius: 50%; background: var(--p1-soft); color: var(--p1-t); display: grid; place-items: center; font-size: var(--fs-small); font-weight: 600; }
.eq-intro .btn { margin-top: 4px; justify-content: center; }
.eq-break { text-align: center; display: grid; gap: 14px; justify-items: center; }
.eq-break h1 { font-size: 30px; }
.eq-break p { margin: 0; color: var(--muted); max-width: 46ch; }
.eq-tick { width: 64px; height: 64px; border-radius: 50%; background: var(--p2); display: grid; place-items: center; }
.eq-tick svg { width: 32px; height: 32px; fill: none; stroke: #FFFDF8; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.eq-break .eq-facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.eq-facts span { font-size: var(--fs-small); font-weight: 600; padding: 6px 12px; border-radius: 99px; background: var(--p2-soft); color: var(--p2-t); }
.eq-btn2 { background: var(--p2); }
.eq-btn2:hover { background: var(--p2-t); }
@media (max-width: 480px) {
  .eqs { grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr); }
  .eqs-st { grid-template-columns: 30px minmax(0, 1fr); padding: 8px 10px; gap: 4px 8px; }
  .eqs-st .n { width: 30px; height: 30px; font-size: var(--fs-small); }
  .eqs-st b { font-size: var(--fs-small); }
  .eqs-st .lg { display: none; }
  .eq-intro h1, .eq-break h1 { font-size: 26px; }
}
@media (max-width: 600px) { .eq-scene { font-size: var(--fs-body); } .eq-opt { min-height: 52px; padding: 10px 14px; } .eq-opt.on { padding: 9px 13px; } .eq-sure { min-height: 64px; font-size: var(--fs-small); } }

/* Result and report */
.eqr { padding: 32px 0 80px; }
.eqr-wrap { max-width: 860px; margin: 0 auto; padding: 0 24px; display: grid; gap: 20px; }
.eqr-wrap > * { min-width: 0; }
.eqr-k { margin: 0; font-size: var(--fs-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
.eqr-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 28px; display: grid; gap: 14px; align-content: start; }
.eqr-panel > * { min-width: 0; margin: 0; }
.eqr-panel h2 { font-size: 24px; }
.eqr-head h1 { font-size: clamp(28px, 4.4vw, 40px); line-height: 1.15; }
.eqr-lede { font-size: var(--fs-lead); color: var(--text); }
.eqr-sub { font-size: var(--fs-small); color: var(--muted); }
.eqr-note { background: var(--accent-soft); border-radius: 12px; padding: 12px 16px; font-size: var(--fs-small); color: var(--text); }
.eqr-insight { border-left: 4px solid var(--accent-bright); background: var(--bg); border-radius: 0 12px 12px 0; padding: 12px 16px; color: var(--text); }
.eqr-k .beta { color: var(--muted); } .eqr-k .nw { white-space: nowrap; }
/* Reaction types */
.eqr-styles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.eqr-st { border: 1px solid var(--line); border-radius: 12px; padding: 14px; display: grid; gap: 6px; align-content: start; }
.eqr-st.top { border-color: var(--accent-bright); background: var(--accent-soft); }
.eqr-st b { color: var(--text); }
.eqr-st .num { font: 600 26px/1 var(--display); color: var(--text); font-variant-numeric: tabular-nums; }
.eqr-st p { margin: 0; font-size: var(--fs-small); color: var(--muted); }
@media (max-width: 720px) { .eqr-styles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Context and confidence */
.eqr-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 680px) { .eqr-two { grid-template-columns: minmax(0, 1fr); } }
.eqr-hb { display: grid; grid-template-columns: 140px minmax(0, 1fr) 48px; gap: 10px; align-items: center; font-size: var(--fs-small); color: var(--text); }
.eqr-hb .tr { position: relative; height: 10px; background: var(--bg-alt); border-radius: 99px; }
.eqr-hb .tr i { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 99px; background: var(--accent-bright); }
.eqr-hb .v { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
/* Report: item review */
.eqr-item { border: 1px solid var(--line); border-radius: 14px; padding: 16px; display: grid; gap: 10px; }
.eqr-item > * { margin: 0; }
.eqr-item .h { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; font-size: var(--fs-small); color: var(--muted); }
.eqr-item .ok { color: #22603F; font-weight: 600; } .eqr-item .no { color: #8A4325; font-weight: 600; }
.eqr-item .sc { color: var(--text); }
.eqr-ans { display: grid; gap: 6px; }
.eqr-ans div { font-size: var(--fs-small); padding: 8px 12px; border-radius: 10px; background: var(--bg); color: var(--text); }
.eqr-ans .you { box-shadow: inset 3px 0 0 #C9A03A; } .eqr-ans .best { box-shadow: inset 3px 0 0 var(--ok); }
.eqr-ans b { font-weight: 600; margin-right: 6px; }
.eqr-plan { display: grid; gap: 8px; }
.eqr-plan div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 10px; font-size: var(--fs-body); color: var(--text); border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.eqr-plan b { color: var(--muted); font-weight: 600; font-size: var(--fs-small); }
.eqr-link { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.eqr-link input { flex: 1; min-width: 0; min-height: 44px; border: 1px solid var(--line); border-radius: 10px; padding: 0 12px; font: inherit; background: var(--surface); color: var(--text); }
.eqr-side { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.eqr-side div { border: 1px solid var(--line); border-radius: 12px; padding: 14px; display: grid; gap: 4px; }
.eqr-side b { font: 600 24px var(--display); color: var(--text); }
.eqr-side span { font-size: var(--fs-small); color: var(--muted); }
@media (max-width: 640px) { .eqr-side { grid-template-columns: minmax(0, 1fr); } .eqr-panel { padding: 20px 16px; } .eqr-wrap { padding: 0 16px; } }

/* Fine print and the delete button */
.eqr-fine { margin: 0; font-size: var(--fs-small); color: var(--muted); }
.eqr-fine a { color: var(--muted); }
.eqr-fine button { background: none; border: 0; padding: 0; color: var(--muted); text-decoration: underline; font: inherit; cursor: pointer; }

/* Result redesign (owner-approved mockup, 6 Nov 2026). Everything prints with its colours. */
.eqr * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.eqr-head h1 { margin: 0; }
/* At a glance */
.eqg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.eqg > div { border-radius: 14px; padding: 16px; display: grid; gap: 4px; align-content: start; }
.eqg .l { font-size: var(--fs-label); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.eqg b { font: 600 21px/1.25 var(--display); color: var(--text); }
.eqg span:last-child { font-size: var(--fs-small); color: var(--muted); line-height: 1.45; }
.eqg .s { background: var(--ok-soft); } .eqg .s .l { color: #22603F; }
.eqg .b { background: #F6EED6; } .eqg .b .l { color: #6E5410; }
.eqg .h { background: #E3F1E9; } .eqg .h .l { color: #22603F; }
.eqg .r { background: var(--accent-soft); } .eqg .r .l { color: var(--accent); }
.eqg .n { background: var(--bg); } .eqg .n .l { color: var(--muted); }
@media (max-width: 640px) { .eqg { grid-template-columns: minmax(0, 1fr); } }
/* Profile chart: name | plot | band on one grid; identical tinted zones on every row, labelled once */
.eqp-legend { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: var(--fs-small); color: var(--muted); }
.eqp-legend i { display: inline-block; vertical-align: middle; margin-right: 8px; border-radius: 0 99px 99px 0; }
.eqp-legend .lf { width: 24px; height: 12px; background: var(--accent-bright); }
.eqp-legend .ls { width: 24px; height: 6px; background: var(--text); opacity: .7; }
.eqp { display: grid; grid-template-columns: var(--nw, 210px) minmax(0, 1fr) var(--tw, 96px); column-gap: 16px; row-gap: 18px; align-items: center; }
.eqp .zh { grid-column: 2; display: grid; grid-template-columns: 50fr 30fr 20fr; font-size: var(--fs-label); font-weight: 600; color: var(--muted); margin-bottom: -8px; }
.eqp .zh span { padding-left: 6px; border-left: 1px solid var(--line); } .eqp .zh span:first-child { border-left: 0; padding-left: 0; }
.eqp .nm { font-weight: 600; font-size: 15px; color: var(--text); line-height: 1.3; }
.eqp .nm small { display: block; font-weight: 400; font-size: var(--fs-small); color: var(--muted); }
.eqp .nm small.gap { color: #6E5410; font-weight: 600; } .eqp .nm small.gap.good { color: #22603F; }
.eqp .plot { position: relative; height: 34px; border-radius: 8px; overflow: hidden; display: grid; align-content: center; gap: 5px; background: linear-gradient(90deg, #EFE7D9 0 50%, #F4EEE4 50% 80%, #E6F0E9 80% 100%); }
.eqp .did, .eqp .self { display: block; border-radius: 0 99px 99px 0; min-width: 4px; }
.eqp .did { height: 14px; background: var(--accent-bright); }
.eqp .self { height: 6px; background: var(--text); opacity: .7; }
.eqp .tag { justify-self: stretch; text-align: center; font-size: var(--fs-label); font-weight: 600; padding: 5px 0; border-radius: 99px; }
.eqp .tag.hi { background: var(--ok-soft); color: #22603F; } .eqp .tag.ty { background: var(--bg-alt); color: var(--muted); } .eqp .tag.lo { background: var(--accent-soft); color: var(--accent); }
@media (max-width: 640px) {
  .eqp { grid-template-columns: minmax(0, 1fr) 84px; row-gap: 6px; column-gap: 10px; }
  .eqp .zh { grid-column: 1; margin: 0 0 4px; } .eqp .zh + span { display: none; }
  .eqp .nm { grid-column: 1 / -1; margin-top: 10px; }
}
/* Plan banner and the weekly tip */
.eqr-plan-b { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 24px; align-items: center; background: var(--primary); color: var(--on-primary); border-radius: 20px; padding: 22px 24px; }
.eqr-plan-b > * { margin: 0; min-width: 0; }
.eqr-plan-b b { display: block; font-size: var(--fs-label); letter-spacing: .08em; text-transform: uppercase; opacity: .8; }
.eqr-plan-b h2 { font-size: 22px; color: var(--on-primary); margin: 4px 0 0; }
.eqr-plan-b p { color: var(--on-primary); opacity: .92; margin: 6px 0 0; }
.eqr-plan-b .btn { background: var(--on-primary); color: var(--primary); white-space: nowrap; }
.eqr-week { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; align-items: center; background: var(--primary); color: var(--on-primary); border-radius: 20px; padding: 22px 24px; }
.eqr-week .ic { width: 56px; height: 56px; border-radius: 16px; background: rgba(246, 241, 231, .14); display: grid; place-items: center; }
.eqr-week svg { width: 28px; height: 28px; fill: none; stroke: var(--on-primary); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.eqr-week b { display: block; font-size: var(--fs-label); letter-spacing: .08em; text-transform: uppercase; opacity: .8; }
.eqr-week p { color: var(--on-primary); font-size: var(--fs-lead); margin: 2px 0 0; }
.eqr-week p.more { font-size: var(--fs-small); margin-top: 8px; } .eqr-week p.more a { color: var(--on-primary); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) { .eqr-plan-b { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; } .eqr-week { padding: 18px 16px; grid-template-columns: 44px minmax(0, 1fr); } .eqr-week .ic { width: 44px; height: 44px; } }
/* Reactions: ranked bars and the three steps */
.eqr-rx { display: grid; gap: 10px; }
.eqr-rxr { display: grid; grid-template-columns: 130px minmax(0, 1fr) 40px; gap: 12px; align-items: center; font-size: 15px; color: var(--text); }
.eqr-rxr .t { height: 12px; border-radius: 99px; background: var(--bg-alt); position: relative; }
.eqr-rxr .t i { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 99px; background: #E3B8A2; }
.eqr-rxr.top { font-weight: 600; } .eqr-rxr.top .t i { background: var(--accent-bright); }
.eqr-rxr .v { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.eqr-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.eqr-steps div { border-radius: 12px; padding: 14px; background: var(--bg); display: grid; gap: 4px; align-content: start; }
.eqr-steps b { font-size: var(--fs-label); letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.eqr-steps p { margin: 0; color: var(--text); font-size: 15px; }
.eqr-steps div:last-child { background: var(--ok-soft); } .eqr-steps div:last-child b { color: #22603F; }
@media (max-width: 640px) { .eqr-steps { grid-template-columns: minmax(0, 1fr); } .eqr-rxr { grid-template-columns: 110px minmax(0, 1fr) 32px; } }
/* Locked preview of a missed situation (the best answer is not in the page) */
.eqr-lock { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.eqr-lock .hd { display: flex; justify-content: space-between; gap: 6px 10px; flex-wrap: wrap; padding: 12px 16px; background: var(--bg); font-size: var(--fs-small); color: var(--muted); }
.eqr-lock .hd b { color: var(--text); }
.eqr-lock .bd { padding: 14px 16px; display: grid; gap: 8px; }
.eqr-lock .bd p { margin: 0; color: var(--text); font-size: 15px; }
.eqr-lock .you { font-size: var(--fs-small); padding: 8px 12px; border-radius: 10px; background: var(--bg); box-shadow: inset 3px 0 0 #C9A03A; color: var(--text); }
.eqr-lock .blur { position: relative; border-radius: 10px; overflow: hidden; }
.eqr-lock .blur .txt { font-size: var(--fs-small); padding: 8px 12px; background: var(--bg); box-shadow: inset 3px 0 0 var(--ok); color: var(--text); filter: blur(5px); user-select: none; }
.eqr-lock .blur a { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: var(--fs-small); font-weight: 600; color: var(--primary); background: rgba(255, 253, 248, .45); text-decoration: none; text-align: center; padding: 0 8px; }
.eqr-lock svg, .eqr-usp svg, .eqr-trust svg, .eqr-stick svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.eqr-lock svg { width: 16px; height: 16px; flex: none; }
/* Report offer */
.eqr-offer2 { border: 2px solid var(--primary); border-radius: 22px; background: var(--surface); overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.eqr-offer2 > * { min-width: 0; }
.eqr-offer2 .l { padding: 28px; display: grid; gap: 14px; align-content: start; }
.eqr-offer2 .l > * { margin: 0; }
.eqr-offer2 h2 { font-size: 26px; }
.eqr-items { display: grid; gap: 10px; }
.eqr-it { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; }
.eqr-it .n { width: 34px; height: 34px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); display: grid; place-items: center; font: 600 15px var(--display); }
.eqr-it b { display: block; color: var(--text); }
.eqr-it span:last-child span { font-size: var(--fs-small); color: var(--muted); }
.eqr-offer2 .r { background: var(--bg); padding: 28px; display: grid; gap: 14px; align-content: center; }
.eqr-offer2 .r > * { margin: 0; }
.eqr-thumbs { position: relative; height: 150px; }
.eqr-thumbs div { position: absolute; width: 58%; height: 140px; border-radius: 10px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 8px 20px rgba(60, 40, 20, .10); padding: 10px; display: grid; gap: 6px; align-content: start; }
.eqr-thumbs div:nth-child(1) { left: 0; top: 10px; transform: rotate(-4deg); } .eqr-thumbs div:nth-child(2) { left: 21%; top: 0; z-index: 2; } .eqr-thumbs div:nth-child(3) { right: 0; top: 12px; transform: rotate(4deg); }
.eqr-thumbs i { display: block; height: 7px; border-radius: 99px; background: var(--bg-alt); } .eqr-thumbs i.h { height: 10px; width: 70%; background: #9AA39E; } .eqr-thumbs i.a { background: var(--accent-bright); width: 80%; } .eqr-thumbs i.g { background: var(--ok); width: 55%; } .eqr-thumbs i.s { width: 60%; }
.eqr-price2 { font: 600 36px/1 var(--display); color: var(--text); }
.eqr-price2 small { font: 400 var(--fs-small) var(--sans); color: var(--muted); margin-left: 6px; }
.eqr-price2 s { font: 400 var(--fs-body) var(--sans); color: var(--muted); margin-left: 8px; }
.eqr-offer2 .btn { justify-content: center; width: 100%; }
.eqr-offer2 form { margin: 0; }
.eqr-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: var(--fs-small); color: var(--muted); }
.eqr-trust span { display: inline-flex; align-items: center; gap: 6px; }
.eqr-trust svg { width: 16px; height: 16px; color: var(--ok); }
.eqr-trust a { color: var(--primary); font-weight: 500; }
.eqr-usp { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 18px 28px; border-top: 1px solid var(--line); }
.eqr-usp div { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; }
.eqr-usp .i { width: 40px; height: 40px; border-radius: 10px; background: var(--ok-soft); color: var(--ok); display: grid; place-items: center; }
.eqr-usp svg { width: 20px; height: 20px; }
.eqr-usp b { display: block; font-size: 15px; color: var(--text); line-height: 1.25; }
.eqr-usp span:last-child span { display: block; font-size: var(--fs-label); line-height: 1.35; color: var(--muted); margin-top: 2px; }
@media (max-width: 800px) { .eqr-usp { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 16px; } }
@media (max-width: 720px) { .eqr-offer2 { grid-template-columns: minmax(0, 1fr); } .eqr-offer2 .l, .eqr-offer2 .r { padding: 20px 16px; } }
@media (max-width: 560px) { .eqr-usp { gap: 16px 12px; } .eqr-usp div { grid-template-columns: minmax(0, 1fr); gap: 6px; align-items: start; align-content: start; } .eqr-usp .i { width: 36px; height: 36px; } }
/* Share and next steps */
.eqr-share { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 24px; align-items: center; }
.eqr-share > * { min-width: 0; }
.eqr-share .shc { max-width: none; }
@media (max-width: 760px) { .eqr-share { grid-template-columns: minmax(0, 1fr); } }
.eqr-next { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.eqr-next a { border: 1px solid var(--line); border-radius: 14px; padding: 16px; background: var(--surface); text-decoration: none; color: var(--text); display: grid; gap: 4px; }
.eqr-next a b { font-size: var(--fs-body); } .eqr-next a span { font-size: var(--fs-small); color: var(--muted); }
.eqr-next a:hover { border-color: var(--primary); }
@media (max-width: 640px) { .eqr-next { grid-template-columns: minmax(0, 1fr); } }
/* Sticky unlock bar (free result only; hidden once closed) */
.eqr-stick { position: sticky; bottom: max(12px, env(safe-area-inset-bottom, 0px)); z-index: 15; display: flex; align-items: center; gap: 12px; background: var(--text); color: var(--bg); border-radius: 16px; padding: 10px 10px 10px 18px; box-shadow: 0 14px 40px rgba(0, 0, 0, .22); }
.eqr-stick[hidden] { display: none; }
.eqr-stick p { margin: 0; color: var(--bg); font-size: var(--fs-small); flex: 1; min-width: 0; }
.eqr-stick p b { font-size: 15px; }
.eqr-stick .tick { display: block; margin-top: 2px; opacity: .85; font-size: var(--fs-label); }
.eqr-stick .btn { min-height: 42px; padding: 8px 16px; background: var(--bg); color: var(--text); white-space: nowrap; font-size: var(--fs-small); }
.eqr-stick .x { background: none; border: 0; color: var(--bg); opacity: .75; font-size: 22px; line-height: 1; width: 36px; height: 36px; cursor: pointer; }
@media (max-width: 560px) { .eqr-stick .more, .eqr-stick .tick { display: none; } }
@media print { .eqr-stick, .eqr-plan-b, .eqr-offer2, .eqr-share-p, .eqr-next, .eqr-fine, #eq-del { display: none !important; } }

@media print { .eqr-offer, .eqr-fine, .site-header, header.site, footer { display: none !important; } .eqr-panel { break-inside: avoid; } }