.qr-page{--qr-navy:#19304a;--qr-paper:#fcf8f1;--qr-muted:#556270;background:var(--qr-paper)}
.qr-page [hidden]{display:none!important}.qr-page button{color:inherit}.qr-page a:focus-visible,.qr-page button:focus-visible{outline:3px solid #1459ac;outline-offset:4px}.qr-page p{line-height:1.6}.qr-page .eyebrow{font:700 11px/1.4 var(--body);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px}
.qr-preview-bar{padding:9px 24px;background:#e9f2fa;color:#244867;text-align:center;font-size:12px}.qr-preview-bar span{font-size:10px;font-weight:800;letter-spacing:.12em;margin-right:12px}
.qr-breadcrumb{display:flex;gap:10px;padding-block:22px 0;font-size:12px;color:#556270}.qr-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.qr-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end;padding-block:29px 34px}.qr-intro h1{font-size:clamp(38px,4.5vw,63px);margin:0;line-height:1.06!important}.qr-intro h1 span{color:#1760b5}.qr-intro>div>p:not(.eyebrow){font-size:17px;max-width:420px;margin:0 0 16px}.qr-intro-caption{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:#556270}
.qr-topics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.qr-topics>a{border:1px solid #ddd9d0;background:#fff;border-radius:13px;overflow:hidden;position:relative;transition:border-color .15s,transform .15s,box-shadow .15s}.qr-topics>a:hover{transform:translateY(-3px);border-color:var(--topic)}.qr-topics img{width:100%;height:88px;object-fit:cover;object-position:center}.qr-topics>a>span:not(.qr-topic-index){display:block;padding:11px 12px 13px}.qr-topics strong{display:block;font-size:13px;line-height:1.3}.qr-topics span span{display:block;font-size:10px;line-height:1.35;color:#556270;margin-top:4px}.qr-topics .qr-topic-index{position:absolute;right:7px;top:7px;background:#fffdf8e8;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--topic)}.qr-topics a[aria-current=true]{border:2px solid var(--topic);box-shadow:0 5px 0 color-mix(in srgb,var(--topic) 15%,transparent)}.qr-status{min-height:12px;margin:15px 0 0;font-size:11px;color:#556270}
.qr-section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0 23px}.qr-section-heading h2{scroll-margin-top:26px;font-size:clamp(30px,3vw,42px);line-height:1.12;margin:0 0 11px}.qr-section-heading .eyebrow{color:var(--topic)}.qr-section-heading p:not(.eyebrow){max-width:680px;font-size:14px;margin:0;color:#465465}.qr-print{background:transparent;border:1px solid #a7b1bc;border-radius:9px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.qr-print:hover{background:#fff}
.qr-topic{scroll-margin-top:100px}.qr-section-heading{scroll-margin-top:30px}.qr-board{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);border:1px solid #dedbd2;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 9px 30px #19304a05}.qr-illustration{margin:0;min-width:0;background:#faf7ee;display:flex;flex-direction:column;justify-content:center}.qr-canvas{position:relative;isolation:isolate}.qr-canvas>img{width:100%;height:auto;display:block}.qr-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.qr-leaders line{stroke:#19304a;stroke-width:.2;vector-effect:non-scaling-stroke;stroke-width:1.2px}.qr-leaders circle{fill:#fff;stroke:#19304a;stroke-width:.2}.qr-leaders [data-selected=true] line{stroke:#125eb7;stroke-width:2.4px}.qr-leaders [data-selected=true] circle{fill:#125eb7;stroke:#fff;stroke-width:.25}
.qr-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;padding:0;background:transparent;border-radius:50%;width:44px;height:44px;font-size:13px;font-weight:800;display:grid;place-items:center;cursor:pointer;isolation:isolate}.qr-marker:before{content:"";position:absolute;inset:7px;background:#fff;border:1.5px solid #19304a;border-radius:50%;z-index:-1;box-shadow:0 2px 4px #19304a22}.qr-marker[aria-pressed=true]:before{background:#155eb0;border-color:#fff;box-shadow:0 0 0 3px #155eb033}.qr-marker[aria-pressed=true]{color:#fff}.qr-marker:hover:before{box-shadow:0 0 0 4px #1760b522}.qr-illustration figcaption{padding:13px 20px 16px;border-top:1px solid #e7e2d7;font-size:11px;line-height:1.55;color:#596575;background:#fffefb}
.qr-key{padding:23px 22px;border-left:1px solid #e4e0d7;background:#fff}.qr-key-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.14em;color:#536273;margin:0 0 13px}.qr-key ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}.qr-key-button{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;width:100%;min-height:53px;background:none;border:1px solid transparent;border-radius:9px;padding:8px 6px;text-align:left;cursor:pointer}.qr-key-button:hover{background:#f5f8fb}.qr-key-number{font-size:11px;display:grid;place-items:center;border:1px solid #d4dde4;border-radius:50%;width:25px;height:25px;background:#f8fafb}.qr-key-button strong{display:block;font-size:13px;font-weight:750;margin:2px 0 4px;line-height:1.25}.qr-key-button>span>span{display:block;font-size:12px;color:#536273;line-height:1.45}.qr-key-button[aria-pressed=true]{background:#eaf2fc;border-color:#d7e6f9}.qr-key-button[aria-pressed=true] .qr-key-number{background:#155eb0;color:#fff;border-color:#155eb0}.qr-key-help{border-top:1px solid #e7e9eb;margin:14px 0 0;padding-top:12px;font-size:10px;color:#637080}
.qr-subhead{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:38px 0 18px}.qr-subhead h3{font-size:clamp(25px,2.8vw,33px);margin:0;line-height:1.2}.qr-subhead>p{margin:0;font-size:12px;color:#556270}.qr-subhead .eyebrow{color:var(--topic)}.qr-photos,.qr-pair{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.qr-photos.three,.parasite-photos{grid-template-columns:repeat(3,minmax(0,1fr))}
.qr-photo-card{margin:0;background:#fff;border:1px solid #dedbd2;border-radius:14px;overflow:hidden;min-width:0}.qr-photo-top{padding:10px 14px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;font-weight:750;letter-spacing:.06em;color:#576371}.qr-kind{color:#17665b}.qr-photo-image{position:relative;background:#eeece6;min-width:0}.qr-photo-image>img{width:100%;height:280px;object-fit:contain}.qr-photos.three .qr-photo-image>img{height:300px}.parasite-photos .qr-photo-image>img{height:310px}.qr-photo-card figcaption{padding:17px 18px 20px}.qr-photo-card h4{font:750 17px/1.25 var(--body);margin:0 0 8px}.qr-photo-card figcaption>p:not(.qr-credit){font-size:13px;line-height:1.55;margin:0;color:#465465}.qr-zoom{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #c6d0da;background:#fffffff2;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0001}.qr-zoom svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.qr-zoom:hover{background:#e9f2fc}.qr-photo-number{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:#fff;color:#19304a;border:2px solid #19304a;box-shadow:0 0 0 2px #fff9;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.qr-credit{font-size:10px!important;line-height:1.6!important;color:#627080;margin:14px 0 0!important}.qr-credit a{text-decoration:underline;text-underline-offset:2px}.qr-group-credit{padding:0 3px;max-width:950px}.qr-aside-photo{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.qr-aside-photo .qr-photo-image>img{height:400px}.qr-aside-photo .qr-photo-image:has(.qr-photo-number){max-width:450px;margin-inline:auto}.qr-aside-photo .qr-photo-image:has(.qr-photo-number)>img{height:auto}.qr-observe{padding:30px 32px;background:#eee9dd;border-radius:14px}.qr-observe h4{font:700 clamp(25px,2.5vw,33px)/1.2 var(--display);margin:10px 0 18px}.qr-observe p,.qr-observe li{font-size:13px;color:#465465;line-height:1.65;max-width:390px}.qr-observe ol{padding-left:20px;display:grid;gap:8px}.qr-observe a{font-size:12px;font-weight:750;line-height:1.6;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-block:10px}.qr-big-number{font:700 40px/1 var(--display);color:#7f8e87}.qr-compare{margin-top:30px}.qr-compare .qr-subhead{margin-top:30px}.qr-note{font-size:13px;line-height:1.65;border-left:4px solid var(--topic);padding:16px 20px;background:#fff;margin-top:26px}.qr-note strong{display:block;margin-bottom:4px}
.qr-reading{margin-top:32px;padding:22px 25px;border:1px solid #dfdbd2;border-radius:12px;display:flex;align-items:start;gap:30px;background:#f7f3eb}.qr-reading h3{font:700 18px/1.4 var(--display);margin:0;min-width:110px}.qr-reading>div{display:flex;flex-wrap:wrap;gap:12px 24px}.qr-reading a{font-size:12px;line-height:1.6;padding-block:3px;text-decoration:underline;text-underline-offset:4px}.qr-library-link{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:50px 0 60px;padding:30px 34px;background:#dcece8;border-radius:16px}.qr-library-link h2{font-size:31px;margin:0 0 9px}.qr-library-link p:not(.eyebrow){font-size:13px;max-width:540px;margin:0}.qr-library-link .button{white-space:nowrap}
.qr-dialog{width:960px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);border:0;border-radius:16px;padding:24px;color:#19304a;background:#fffdf8;box-shadow:0 20px 100px #10284455;overflow:auto}.qr-dialog::backdrop{background:#102844b3;backdrop-filter:blur(5px)}.qr-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px}.qr-dialog h2{font:700 25px/1.2 var(--display);margin:0}.qr-dialog .eyebrow{font-size:9px}.qr-dialog-close{height:44px;min-width:44px;border:1px solid #c2ccd3;border-radius:50%;background:#fff;font-size:25px;cursor:pointer}.qr-dialog-photo{position:relative;background:#eeece6;width:min(100%,calc(60dvh * var(--photo-aspect,1.5)));margin-inline:auto}.qr-dialog-photo img{height:auto;width:100%;object-fit:contain}.qr-dialog-caption{font-size:13px;line-height:1.6;margin-bottom:0}.qr-dialog .qr-credit{max-width:800px}
@media(min-width:1400px){.qr-board{grid-template-columns:minmax(0,1.85fr) 350px}}
@media(max-width:1050px){.qr-topics{gap:8px}.qr-topics img{height:76px}.qr-topics>a>span:not(.qr-topic-index){padding:10px 8px}.qr-topics strong{font-size:12px}.qr-topics span span{display:none}.qr-key{padding:20px 15px}.qr-board{grid-template-columns:minmax(0,1.6fr) 290px}.qr-key-button>span>span{font-size:11px}.qr-photos.three,.parasite-photos{gap:14px}.qr-photo-card figcaption{padding:15px}.qr-photo-card h4{font-size:15px}.qr-photos.three .qr-photo-image>img,.parasite-photos .qr-photo-image>img{height:240px}}
@media(max-width:760px){.qr-page .container{width:calc(100% - 32px)}.qr-intro{grid-template-columns:1fr;gap:20px;padding-block:27px}.qr-intro h1{font-size:43px}.qr-intro>div>p:not(.eyebrow){font-size:15px;max-width:500px;margin-bottom:10px}.qr-intro-caption{font-size:9px}.qr-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.qr-topics img{height:82px}.qr-topics strong{font-size:11px}.qr-topics>a>span:not(.qr-topic-index){padding:10px 8px}.qr-topics .qr-topic-index{width:20px;height:20px;font-size:9px;right:5px;top:5px}.qr-section-heading{align-items:start;gap:12px;padding-top:20px}.qr-section-heading h2{font-size:32px}.qr-section-heading p:not(.eyebrow){font-size:13px}.qr-print{font-size:10px;padding:8px 10px;white-space:normal;max-width:90px;flex-shrink:0}.qr-board{grid-template-columns:1fr;border-radius:14px}.qr-key{border-left:0;border-top:1px solid #e4e0d7;padding:20px}.qr-key-button{min-height:58px;padding:10px 6px;gap:12px}.qr-key-button strong{font-size:14px}.qr-key-button>span>span{font-size:12px}.qr-key ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.qr-key-help{font-size:11px}.qr-illustration figcaption{padding:12px 16px;font-size:10px}.qr-subhead{display:block;margin-top:30px}.qr-subhead>p{margin-top:10px}.qr-subhead h3{font-size:29px}.qr-photos.three,.parasite-photos,.qr-aside-photo{grid-template-columns:1fr}.qr-pair{gap:12px}.qr-photo-card h4{font-size:16px}.qr-photo-card figcaption>p:not(.qr-credit){font-size:12px}.qr-photos.three .qr-photo-image>img{height:300px}.parasite-photos .qr-photo-image>img{height:350px}.qr-photo-top{padding:10px 12px;font-size:9px}.qr-aside-photo .qr-photo-image>img{height:340px}.qr-observe{padding:24px}.qr-credit{font-size:10px!important}.qr-compare .qr-pair{grid-template-columns:1fr}.qr-compare .qr-photo-image>img{height:250px}.qr-reading{display:block;padding:20px}.qr-reading>div{display:grid;margin-top:12px;gap:10px}.qr-reading a{font-size:12px}.qr-note{font-size:12px}.qr-library-link{display:block;padding:26px;margin-top:36px}.qr-library-link .button{margin-top:20px}.qr-dialog{padding:18px}.qr-dialog h2{font-size:22px}.qr-dialog-photo{width:min(100%,calc(55dvh * var(--photo-aspect,1.5)))}.qr-dialog-photo img{max-height:none}.qr-preview-bar{font-size:10px;padding:8px 12px}.qr-preview-bar span{font-size:9px;margin-right:6px}}
@media(max-width:420px){.qr-key ol{grid-template-columns:1fr}.qr-topics img{height:67px}.qr-intro h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.qr-page *, .qr-page *::before{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.site-footer,.qr-preview-bar,.qr-intro,.qr-breadcrumb,.qr-topics,.qr-status,.qr-print,.qr-zoom,.qr-library-link,.qr-dialog{display:none!important}.qr-page{background:#fff}.qr-page .container{width:100%}.qr-topic[hidden]{display:none!important}.qr-section-heading{padding:10px 0}.qr-section-heading h2{font-size:28px}.qr-board{grid-template-columns:1.6fr 1fr;box-shadow:none;break-inside:avoid}.qr-key{padding:12px}.qr-key-button{padding:5px;min-height:0}.qr-key-button>span>span{font-size:10px}.qr-key-help{display:none}.qr-key-button strong{font-size:11px}.qr-key-number{width:20px;height:20px}.qr-photos.three,.parasite-photos{grid-template-columns:repeat(2,1fr)}.qr-photo-card{break-inside:avoid}.qr-photo-image>img,.qr-aside-photo .qr-photo-image>img,.qr-photos.three .qr-photo-image>img,.parasite-photos .qr-photo-image>img{height:200px}.qr-reading,.qr-note,.qr-observe{break-inside:avoid}.qr-marker,.qr-photo-number{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qr-subhead h3{font-size:25px}.qr-marker:before{border-color:#19304a}.qr-key-button[aria-pressed=true]{background:transparent;border-color:transparent}.qr-key-button[aria-pressed=true] .qr-key-number{background:#fff;color:#19304a}.qr-marker[aria-pressed=true]{color:#19304a}.qr-marker[aria-pressed=true]:before{background:#fff;border-color:#19304a}}

.qr-photo-image{--photo-height:280px;height:var(--photo-height);display:flex;align-items:center;justify-content:center}.qr-photo-plate{width:min(100%,calc(var(--photo-height) * var(--photo-aspect)));position:relative;flex:none}.qr-photo-plate>img{width:100%;height:auto;display:block}.qr-photos.three .qr-photo-image{--photo-height:300px}.parasite-photos .qr-photo-image{--photo-height:310px}.qr-aside-photo .qr-photo-image{--photo-height:400px;max-width:none!important;width:100%;margin:0!important}.qr-photo-leaders line{stroke-width:1.5px;stroke:#fff;filter:drop-shadow(0 1px 1px #19304a)}.qr-photo-leaders circle{stroke:#19304a;fill:#fff;stroke-width:.25}
@media(max-width:1050px){.qr-photos.three .qr-photo-image,.parasite-photos .qr-photo-image{--photo-height:240px}}
@media(max-width:760px){.qr-photos.three .qr-photo-image{--photo-height:300px}.parasite-photos .qr-photo-image{--photo-height:350px}.qr-aside-photo .qr-photo-image{--photo-height:340px}.qr-compare .qr-photo-image{--photo-height:250px}}
@media print{.qr-photo-image,.qr-photos.three .qr-photo-image,.parasite-photos .qr-photo-image,.qr-aside-photo .qr-photo-image{--photo-height:200px}}

/* Predator guide discovery: persistent above the topic chooser. */
.qr-predator-feature{display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 24px;margin-bottom:26px;border:1px solid #cbdcd2;border-left:5px solid #087b80;border-radius:15px;background:#eff5ef;color:#193b34}.qr-predator-art{min-width:0}.qr-predator-art img{display:block;width:128px;height:112px;object-fit:contain}.qr-predator-feature .eyebrow{color:#087b80;font-size:9px;margin:0 0 7px;letter-spacing:.1em}.qr-predator-feature h2{font-size:29px;line-height:1.15;margin:0 0 8px}.qr-predator-copy>p:last-child{font-size:13px;line-height:1.6;max-width:570px;margin:0}.qr-predator-feature .button{white-space:nowrap;font-size:12px;min-height:46px;text-transform:none;letter-spacing:0}.qr-section-heading .qr-predator-context{margin-top:14px!important;font-size:12px!important}.qr-predator-context a{font-weight:700;color:#087b80;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-block:4px}@media(max-width:1000px){.qr-predator-feature{grid-template-columns:100px minmax(0,1fr);gap:12px 20px}.qr-predator-art{grid-row:span 2}.qr-predator-art img{width:100px;height:112px}.qr-predator-feature>.button{justify-self:start;grid-column:2}.qr-predator-feature h2{font-size:27px}}@media(max-width:600px){.qr-predator-feature{padding:17px 16px;grid-template-columns:66px minmax(0,1fr);gap:14px;margin-bottom:22px}.qr-predator-art{grid-row:1;align-self:start}.qr-predator-art img{width:66px;height:76px}.qr-predator-feature h2{font-size:25px}.qr-predator-feature .eyebrow{font-size:8px;line-height:1.5}.qr-predator-copy>p:last-child{font-size:12px}.qr-predator-feature>.button{grid-column:1/-1;justify-self:stretch;white-space:normal;text-align:center}}@media print{.qr-predator-feature{display:none!important}.qr-predator-context{display:none!important}}

/* Keyboard skip link: out of the layout until focused. */
.qr-page>.skip-link{position:fixed;left:12px;top:8px;z-index:10000;transform:translateY(calc(-100% - 12px));display:inline-flex;align-items:center;min-height:44px;max-width:calc(100vw - 24px);padding:10px 16px;border:2px solid #087b80;border-radius:6px;background:#fff;color:#19304a;font-weight:700;text-decoration:underline;box-sizing:border-box}.qr-page>.skip-link:focus{transform:translateY(0);outline:3px solid #0c5590;outline-offset:2px}@media print{.qr-page>.skip-link{display:none!important}}