.q-hero{background:#102d40;color:#fff;overflow:hidden}.q-hero-inner{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:50px;padding-block:75px 85px}.q-hero .eyebrow{color:#efafbd;font-size:11px;letter-spacing:.14em}.q-hero h1{font-size:clamp(42px,5.8vw,76px);line-height:1.04;letter-spacing:-.05em;margin:27px 0}.q-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#bfd8e4}.q-deck{max-width:600px;font-size:20px;line-height:1.6;color:#e0e9ed}.q-start{display:inline-flex;margin-top:20px;gap:35px;border-bottom:1px solid #8aa8b8;padding:14px 0;font-weight:700;font-size:14px}.q-start:hover{color:#efafbd}.q-title-art{position:relative;text-align:center;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #7298ad55;border-radius:50%;background:radial-gradient(circle,#45748b44,transparent 70%)}.q-title-art:before{content:"";position:absolute;inset:20px;border:1px solid #7298ad55;border-radius:50%}.q-title-art>span{font:400 clamp(90px,13vw,180px)/.9 Georgia,serif;color:#d3e4eb;letter-spacing:-.08em}.q-title-art>div{font:400 40px Georgia,serif;color:#efa3b6}.q-title-art small{font-size:11px;letter-spacing:.12em;margin-top:25px;text-transform:uppercase;color:#c5d8e3}.q-chapters{border-bottom:1px solid var(--line);background:#f3f6f7}.q-chapters>.shell{display:flex;gap:28px;overflow-x:auto;white-space:nowrap;padding-block:20px}.q-chapters a{font-size:12px;font-weight:700}.q-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 75px;padding-block:70px}.q-intro>.eyebrow{grid-column:1/-1}.q-intro h2,.q-symptoms h2,.q-care h2,.q-people h2,.q-diagnosis h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;letter-spacing:-.04em;margin:18px 0 27px}.q-intro>div{font:19px/1.7 Georgia,serif}.q-intro p{margin-top:0}.q-source{font:12px/1.5 Arial,sans-serif;text-decoration:underline;color:#31536d}.q-map-section{background:#eef3f5;padding-block:55px}.q-map-section h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;margin:16px 0}.q-section-intro{font-size:17px;line-height:1.6;color:#526771}.body-explorer{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}.body-map-column{align-self:start;position:sticky;top:20px}.body-map-art{position:relative;max-width:470px;aspect-ratio:2/3;margin:auto;border-radius:160px;background:radial-gradient(ellipse,#fff 35%,transparent 68%)}.body-map-art svg{display:block;width:100%;height:100%}.body-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;width:44px;height:44px;border:2px solid white;border-radius:50%;background:#163f58;color:#fff;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 0 0 5px #163f5812;transition:background .15s}.body-hotspot:hover,.body-hotspot[aria-current=true]{background:#a02e50;color:#fff;box-shadow:0 0 0 6px #a02e501c}.map-caption{font-size:11px;text-align:center;color:#5a6f79;line-height:1.6;padding-inline:15px}.map-instruction{font-size:13px;color:#516671;line-height:1.6;margin:0 0 18px}.body-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.body-choices a{display:flex;gap:10px;align-items:center;min-height:46px;background:#fff;border:1px solid #cad7df;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.4}.body-choices a span{color:#a02e50;font-size:11px}.body-choices a[aria-current=true]{background:#163f58;border-color:#163f58;color:#fff}.body-choices a[aria-current=true] span{color:#f2b7c7}.body-panel{background:#fff;border-top:3px solid #a02e50;margin-top:22px;padding:30px;scroll-margin-top:30px}.body-panel[hidden]{display:none}.body-panel:focus{outline:none}.body-panel:focus-visible{outline:3px solid #236caa;outline-offset:4px}.body-panel h3{font-size:29px;letter-spacing:-.035em;line-height:1.2;margin:15px 0}.body-panel>p:not(.body-source){font-size:16px;line-height:1.65;color:#425967}.body-panel h4{font-size:13px;margin:24px 0 0}.body-source{font-size:11px;line-height:1.7;border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.body-source a{text-decoration:underline}.q-map-note{font-size:12px;line-height:1.7;max-width:850px;color:#516671;margin:30px auto 0}.q-symptoms{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-block:65px}.q-symptoms>div>p:not(.eyebrow){font:18px/1.7 Georgia,serif}.q-sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.q-sign-grid article{padding:23px;background:#f2f5f6;border-top:2px solid #bcced7}.q-sign-grid article>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9e2d50;font-weight:700}.q-sign-grid h3{font-size:21px;line-height:1.2;margin:15px 0}.q-sign-grid p{font-size:14px;line-height:1.7;color:#526771}.q-diagnosis{background:#e7eff2;padding-block:50px}.q-diagnosis>.shell{max-width:850px}.q-diagnosis p:not(.eyebrow){font:20px/1.75 Georgia,serif}.q-care{padding-block:65px}.q-care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.q-care-grid article{border-top:3px solid #153a50;padding-top:20px}.q-care-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#a02e50;font-weight:700}.q-care-grid h3{font-size:25px;line-height:1.15;letter-spacing:-.03em}.q-care-grid p{font-size:16px;line-height:1.75;color:#516671}.q-care-grid a{font-size:12px;text-decoration:underline}.q-review-note{font-size:12px;line-height:1.7;background:#f2f5f6;padding:22px;margin-top:40px}.q-people{background:#132f42;color:#fff;padding-block:60px}.q-people .eyebrow{color:#e8b3c0}.q-interviews{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.q-interviews article{border-top:1px solid #6c8a9a;padding-top:25px}.q-story-number{font:35px Georgia,serif;color:#97b6c6}.q-interviews h3{font-size:26px;line-height:1.15;letter-spacing:-.03em}.q-interviews p:not(.eyebrow){font-size:15px;line-height:1.7;color:#c5d7e1}.q-pending{font-size:11px;border:1px solid #638293;padding:9px 12px;display:inline-block}.q-support{border-top:1px solid #638293;margin-top:45px;padding-top:30px;max-width:800px}.q-support h3{font-size:23px;line-height:1.3}.q-support p{font-size:15px;line-height:1.7;color:#c5d7e1}.q-support a{font-size:14px;text-decoration:underline;color:#f6c4d1}.q-sources{padding-block:50px;max-width:900px}.q-sources h2{font-size:28px;line-height:1.2;letter-spacing:-.03em}.q-sources ul{padding-left:20px}.q-sources li{margin-block:13px;font-size:14px}.q-sources li a{text-decoration:underline}.q-sources>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#526771}#body-map,#symptoms,#care,#what-is-22q,#diagnosis,#human-stories{scroll-margin-top:20px}@media(max-width:850px){.q-hero-inner{gap:25px;padding-block:50px}.q-title-art small{font-size:9px}.q-intro{gap:30px}.body-explorer{gap:20px}.body-panel{padding:23px}.q-symptoms{gap:30px}.q-care-grid,.q-interviews{gap:20px}}@media(max-width:700px){.q-hero-inner{grid-template-columns:1fr;padding-block:40px;gap:32px}.q-hero h1{font-size:clamp(40px,10vw,62px)}.q-deck{font-size:18px}.q-title-art{max-width:230px;width:100%;justify-self:center}.q-title-art>span{font-size:105px}.q-title-art>div{font-size:28px}.q-title-art small{margin-top:15px}.q-chapters>.shell{gap:23px;padding-block:17px}.q-intro{grid-template-columns:1fr;gap:0;padding-block:40px}.q-intro>div{font-size:18px}.q-map-section{padding-block:35px}.body-explorer{grid-template-columns:1fr;gap:22px}.body-map-column{position:static}.body-map-art{max-width:310px}.body-hotspot{width:44px;height:44px}.body-choices a{font-size:12px}.body-panel{padding:24px}.body-panel h3{font-size:27px}.q-symptoms{grid-template-columns:1fr;padding-block:40px;gap:28px}.q-sign-grid{gap:13px}.q-sign-grid article{padding:18px}.q-sign-grid h3{font-size:19px}.q-diagnosis{padding-block:35px}.q-diagnosis p:not(.eyebrow){font-size:18px}.q-care{padding-block:40px}.q-care-grid,.q-interviews{grid-template-columns:1fr;gap:30px}.q-care-grid h3{margin-block:16px}.q-people{padding-block:40px}.q-interviews h3{margin-block:15px}.q-sources{padding-block:35px}}.q-guided-intro{padding-block:30px 20px;display:grid;grid-template-columns:1.1fr 1fr;gap:0 65px;align-items:end}.q-guided-intro .eyebrow{grid-column:1/-1;margin-top:0}.q-guided-intro h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-.05em;line-height:1.02;margin:10px 0}.q-guided-intro h1 em{font:400 1em Georgia,serif;color:#426b82}.q-guided-intro>p:last-child{font-size:17px;line-height:1.6;color:#526771;max-width:470px;margin:10px 0}.q-map-first{padding-block:20px 30px}.guided-body{margin-top:0;gap:20px 40px}.body-walkthrough-header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ccdbe2;padding-bottom:15px}.body-walkthrough-header>.eyebrow{white-space:nowrap}.body-walkthrough-header p{font-size:12px;line-height:1.6;margin:0;max-width:450px;color:#526771}.guided-body .body-map-art{max-width:350px;background:radial-gradient(ellipse,#fff 35%,transparent 70%)}.guided-body .body-controls-column{align-self:start;min-width:0}.walk-controls[hidden]{display:none}.walk-status{display:flex;justify-content:space-between;align-items:center;gap:12px}.walk-status>p{font-size:14px;font-weight:700;line-height:1.4;margin:0}.walk-status>span{font-size:10px;color:#526771;white-space:nowrap}.walk-progress{height:3px;background:#d0dee6;margin:14px 0 17px;overflow:hidden}.walk-progress>span{display:block;height:100%;background:#a02e50;transition:width .2s ease}.walk-buttons{display:flex;gap:10px;margin-bottom:17px}.walk-buttons button{border:1px solid #a8bfcf;background:#fff;color:#163f58;font:700 12px/1.5 Arial,sans-serif;padding:11px 14px;min-height:44px;cursor:pointer}.walk-buttons button[data-next]{background:#163f58;color:#fff;border-color:#163f58;flex:1}.walk-buttons button:hover{background:#dbe7ed}.walk-buttons button[data-next]:hover{background:#285a74}.walk-buttons button:disabled{opacity:.4;cursor:default}.walk-buttons button:focus-visible{outline:3px solid #236caa;outline-offset:3px}.guided-body .body-panel{padding:23px 28px;margin-top:17px;min-height:345px}.guided-body .body-panel h3{font-size:26px;margin-block:11px}.guided-body .body-panel h4{margin-top:16px}.guided-body .body-panel>p:not(.body-source){font-size:15px;line-height:1.65}.guided-body .map-instruction{font-size:11px;margin-bottom:10px}.guided-body .body-choices{display:flex;gap:8px;flex-wrap:wrap}.guided-body .body-choices a{justify-content:center;padding:9px;min-width:44px;min-height:44px;font-size:0;background:#fff}.guided-body .body-choices a span{font-size:12px}.guided-body .body-choices a[aria-current=true]{background:#163f58}.guided-body .body-choices a:hover{background:#dbe7ed}.guided-body .body-hotspot{width:44px;height:44px}.guided-body .body-hotspot[aria-current=true]{transform:translate(-50%,-50%) scale(1.12)}.guided-body [data-organ]{transition:opacity .2s,filter .2s;opacity:.45}.guided-body .organ-selected{opacity:1;filter:drop-shadow(0 0 6px #a02e5070)}.q-map-first .q-map-note{margin-top:18px;max-width:none}.q-guided-intro~.q-intro>.eyebrow{margin-top:0}@media(max-width:850px){.body-walkthrough-header{display:block}.body-walkthrough-header p{margin-top:10px}.walk-status{display:block}.walk-status>span{display:none}.guided-body{gap:20px}.guided-body .body-panel{padding:20px}.q-guided-intro{gap:25px}.guided-body .body-map-art{max-width:320px}}@media(max-width:700px){.q-guided-intro{display:block;padding-block:23px 16px}.q-guided-intro h1{font-size:39px}.q-guided-intro>p:last-child{font-size:15px;margin-bottom:0}.q-map-first{padding-block:16px 25px}.body-walkthrough-header{padding-bottom:12px}.body-walkthrough-header>.eyebrow{font-size:10px}.body-walkthrough-header p{font-size:11px;margin-top:7px}.guided-body{gap:12px}.guided-body .body-map-column{position:static}.guided-body .body-map-art{max-width:300px}.guided-body .map-caption{font-size:10px;margin:4px 0 8px}.guided-body .body-controls-column{width:100%}.guided-body .body-panel{min-height:0;padding:22px}.walk-status>p{font-size:13px}.walk-buttons button{padding:12px;font-size:12px}.guided-body .body-choices{gap:6px;justify-content:space-between}.guided-body .body-choices a{min-width:38px;padding:8px}.guided-body .body-hotspot[data-area=palate]{margin-left:16px}.guided-body .body-hotspot[data-area=calcium]{margin-left:-12px}.guided-body .body-hotspot[data-area=immune]{margin-left:9px}.guided-body .body-map-column{padding-bottom:0}.q-map-first .q-map-note{font-size:11px}.q-chapters>.shell{gap:20px}}@media(prefers-reduced-motion:reduce){.walk-progress>span,.guided-body [data-organ],.guided-body .body-hotspot{transition:none}}.guided-body .body-map-digital{max-width:380px;border-radius:18px;background:#071b2d;overflow:hidden;box-shadow:0 15px 40px #0d2b4226;border:1px solid #12374f}.digital-body-image{display:block;width:100%;height:100%;object-fit:contain}.body-map-digital .body-callout-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guided-body .body-map-digital [data-organ]{opacity:.45;transition:opacity .2s,filter .2s}.body-callout-lines line{stroke:#8ed7f6;stroke-width:1;stroke-dasharray:3 3}.body-callout-lines circle{fill:#9ee5ff;stroke:#d5f3ff;stroke-width:1}.guided-body .body-map-digital .organ-selected{opacity:1;filter:drop-shadow(0 0 6px #9ee5ff)}.body-callout-lines .organ-selected line{stroke:#ddf6ff;stroke-width:1.5;stroke-dasharray:none}.body-callout-lines .organ-selected circle{fill:#fff}.guided-body .body-map-digital .body-hotspot{background:#09263eeb;border:1px solid #6cbbde;color:#dff7ff;box-shadow:0 0 0 4px #60b8eb12;margin-left:0}.guided-body .body-map-digital .body-hotspot:hover,.guided-body .body-map-digital .body-hotspot[aria-current=true]{background:#c9efff;color:#0b2b41;border-color:#f3fcff;box-shadow:0 0 20px #80d4ff88}.guided-body .body-map-digital .body-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}.guided-body .map-caption{max-width:380px;margin:12px auto;font-size:10px}@media(max-width:700px){.guided-body .body-map-digital{max-width:330px}.guided-body .body-map-digital .body-hotspot{margin-left:0}.guided-body .body-map-digital .body-hotspot[aria-current=true]{transform:translate(-50%,-50%) scale(1.04)}}@media(prefers-reduced-motion:reduce){.guided-body .body-map-digital [data-organ]{transition:none}}
