/* Scoped to the QR reporting article; uses the existing marketing shell. */
.qr-article-figure { margin: 2rem auto; max-width: 220px; }
.qr-article-figure--hero { max-width: 494px; }
.qr-article-figure figcaption { font-size: .875rem; line-height: 1.6; margin-top: .75rem; opacity: .8; }
.qr-article-crop { position: relative; overflow: hidden; border-radius: 16px; isolation: isolate; }
.qr-article-crop img { position: absolute; max-width: none; height: auto; display: block; }
.qr-article-trial { margin: 2rem 0; }
.qr-article-trial .v1-button { white-space: normal; text-align: center; }
.qr-article-trial p { margin-bottom: 1rem; }
.qr-crop-hero { aspect-ratio: 494 / 434; }
.qr-crop-hero img { width: 207.287449%; left: -107.287449%; top: -14.285714%; }
.qr-crop-scan { aspect-ratio: 166 / 208; }
.qr-crop-scan img { width: 616.867470%; left: -28.915663%; top: -470.192308%; }
.qr-crop-form { aspect-ratio: 155 / 214; }
.qr-crop-form img { width: 660.645161%; left: -156.129032%; top: -455.607477%; }
.qr-crop-urgency { aspect-ratio: 164 / 192; }
.qr-crop-urgency img { width: 624.390244%; left: -262.804878%; top: -513.541667%; }
.qr-crop-photos { aspect-ratio: 165 / 193; }
.qr-crop-photos img { width: 620.606061%; left: -378.787879%; top: -511.917098%; }
.qr-crop-submitted { aspect-ratio: 163 / 212; }
.qr-crop-submitted img { width: 628.220859%; left: -501.226994%; top: -459.905660%; }

.qr-interactive { padding:clamp(20px,4vw,34px); margin:2rem 0; background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--radius-md); scroll-margin-top:160px; }
.qr-interactive h2 { margin-top:0; }
.qr-interactive [hidden] { display:none !important; }
.qr-jump, .qr-demo-actions { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
.qr-jump a { padding:8px 0; margin-right:12px; }
.qr-demo-progress { color:var(--gold); font-weight:700; }
.qr-demo-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.qr-demo-fields label { display:grid; gap:8px; color:var(--soft); }
.qr-demo-fields select { width:100%; min-width:0; background:var(--surface-solid); color:var(--text); border:1px solid var(--line-strong); padding:12px; border-radius:var(--radius-sm); font:inherit; }
.qr-demo-check { display:flex; align-items:center; gap:10px; margin:20px 0; }
.qr-demo-check input { width:20px; height:20px; flex:none; accent-color:var(--blue); }
.qr-demo-summary { display:grid; grid-template-columns:minmax(80px,1fr) 2fr; gap:12px; }
.qr-demo-summary dt { color:var(--muted); }.qr-demo-summary dd { margin:0; overflow-wrap:anywhere; }
.qr-interactive button { cursor:pointer; font:inherit; white-space:normal; min-height:44px; }
.qr-interactive button[aria-pressed="true"] { border-color:var(--gold); color:var(--gold); background:var(--surface-raised); }
.qr-interactive :focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.qr-interactive details { border-top:1px solid var(--line); padding:16px 0; }
.qr-interactive summary { cursor:pointer; font-weight:700; min-height:28px; }
#qr-questions { scroll-margin-top:160px; }
@media(max-width:600px) { .qr-demo-fields { grid-template-columns:1fr; } .qr-demo-actions .v1-button { width:100%; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Editorial presentation, scoped to this article. */
.qr-polished { padding-top:24px; }
.qr-editorial-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:center; padding:40px 0 56px; }
.qr-hero-copy .article-back { display:block; width:fit-content; margin-bottom:30px; }
.qr-hero-copy .v1-kicker { display:block; color:var(--gold); }
.qr-hero-copy h1 { font-size:clamp(40px,4.6vw,64px); line-height:1.06; letter-spacing:-.045em; margin:20px 0 24px; }
.qr-hero-copy h1 span { color:var(--gold); }
.qr-hero-copy > p { font-size:18px; line-height:1.75; color:var(--soft); max-width:480px; }
.qr-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin:28px 0; }
.qr-text-link { color:var(--soft); text-decoration:none; font-size:14px; font-weight:700; }
.qr-text-link:hover { text-decoration:underline; }
.qr-benefits { display:flex; flex-wrap:wrap; gap:10px 18px; list-style:none; padding:0; color:var(--muted); font-size:12px; }
.qr-benefits li::before { content:"✓"; color:var(--green); margin-right:6px; }
.qr-hero-art { position:relative; padding-bottom:24px; }
.qr-hero-art figure { margin:0; }
.qr-hero-art .qr-article-crop { border-radius:var(--radius-lg); border:1px solid var(--line-strong); box-shadow:var(--app-shadow); }
.qr-hero-art figcaption { font-size:11px; max-width:380px; margin:18px 8px 0; color:var(--muted); }
.qr-hero-tag { display:flex; gap:15px; align-items:center; padding:18px 22px; margin:-112px 20px 58px -20px; position:relative; background:var(--surface-solid); border:1px solid var(--line-strong); border-radius:var(--radius-sm); box-shadow:var(--app-shadow-soft); width:fit-content; }
.qr-hero-tag > span { font-size:28px; color:var(--gold); }
.qr-hero-tag strong,.qr-hero-tag small { display:block; }.qr-hero-tag strong{font-size:14px}.qr-hero-tag small{font-size:11px;color:var(--muted);margin-top:5px}
.qr-polished .article-card { width:100%; padding-top:0; }
.qr-polished .article-body > p,.qr-polished .article-body > h2 { max-width:740px; margin-left:auto; margin-right:auto; }
.qr-polished .article-body > p { font-size:17px; line-height:1.9; }
.qr-polished .article-body > h2 { margin-top:56px; font-size:30px; line-height:1.25; }
.qr-polished .article-body h2::before { content:none; }
.qr-polished .article-body > .article-flow { max-width:780px; border-left:3px solid var(--gold); }
.qr-jump { border-top:1px solid var(--line); border-bottom:1px solid var(--line); justify-content:center; padding:16px 0; margin:0 0 40px; gap:10px 30px; }
.qr-jump a { text-decoration:none; font-size:13px; color:var(--soft); margin:0; }
.qr-jump a:hover { color:var(--gold); }
.qr-polished .qr-interactive { margin:40px 0 52px; padding:clamp(22px,4vw,44px); background:linear-gradient(135deg,var(--surface-raised),var(--surface-solid)); box-shadow:var(--app-shadow-soft); }
.qr-polished .qr-interactive h2 { font-size:clamp(25px,3vw,34px); margin:12px 0 16px; max-width:650px; }
.qr-demo-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:36px; margin-top:32px; }
.qr-demo-context { display:flex; flex-direction:column; align-items:center; text-align:center; padding:28px 20px; background:var(--bg); border-radius:var(--radius-md); border:1px solid var(--line); }
.qr-demo-context .v1-kicker { font-size:9px; }.qr-location-icon { font-size:64px; line-height:1; color:var(--gold); margin:24px 0; }
.qr-demo-context > strong { font-size:19px; }.qr-demo-context > span:not(.v1-kicker) { color:var(--muted); font-size:12px; margin-top:8px; }
.qr-context-rule { width:32px; height:2px; background:var(--gold); margin-top:24px; }
.qr-polished .qr-demo-context p { font-size:13px; line-height:1.7; }
.qr-demo-label { border:1px solid var(--line); border-radius:30px; padding:5px 12px; }
.qr-stepper { display:flex; list-style:none; padding:0; gap:8px; margin:0 0 24px; counter-reset:steps; }
.qr-polished .qr-stepper li { flex:1; font-size:12px; padding:10px 0; border-top:3px solid var(--line-strong); color:var(--muted); }
.qr-stepper li[aria-current] { border-color:var(--gold); color:var(--gold); }.qr-stepper li.is-complete { border-color:var(--green); }
.qr-polished .qr-demo-progress { font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.qr-interactive h3 { font-size:23px; line-height:1.3; letter-spacing:-.02em; }
.qr-demo-actions .v1-button { border:1px solid var(--line-strong); border-radius:12px; }
.qr-polished .qr-article-trial { max-width:780px; margin:40px auto; }
.qr-polished aside.qr-article-trial { max-width:none; text-align:center; padding:48px 24px; border:1px solid var(--line-strong); border-radius:var(--radius-lg); background:linear-gradient(135deg,var(--surface-raised),var(--bg)); }
.qr-polished aside.qr-article-trial h2 { margin:14px 0; }.qr-polished aside.qr-article-trial p { max-width:620px; margin:0 auto 24px; }
.qr-polished .v1-qr-panel { max-width:780px; margin:40px auto; }
.qr-polished .qr-article-figure:not(.qr-article-figure--hero) { padding:16px; max-width:230px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); }
.qr-polished .qr-article-figure figcaption { font-size:12px; }
.qr-polished .qr-interactive details { padding:20px 0; }.qr-interactive details[open] summary { color:var(--gold); }
@media(max-width:900px) { .qr-editorial-hero{gap:28px}.qr-demo-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.qr-hero-tag{margin-left:0} }
@media(max-width:680px) { .qr-editorial-hero{grid-template-columns:1fr;padding:12px 0 24px;gap:28px}.qr-hero-copy h1{font-size:43px}.qr-hero-art{max-width:440px;margin:auto}.qr-hero-tag{margin-top:-108px}.qr-demo-layout{grid-template-columns:1fr}.qr-demo-context{display:none}.qr-jump{justify-content:flex-start;gap:4px 18px}.qr-polished .article-body > h2{font-size:26px}.qr-polished .article-body > p{font-size:16px}.qr-hero-copy .article-back{margin-bottom:22px}.qr-polished .qr-interactive{margin:24px 0 36px}.qr-hero-actions .v1-button{width:100%}.qr-hero-copy > p{font-size:17px}.qr-demo-summary{grid-template-columns:1fr 1.5fr} }