/* WhatDx v6.2: homepage positioning and anonymous early-use stories. */
@media screen {
body.reference-home #the-loop .wdx-j-case-icon{overflow:hidden;padding:0;border-radius:12px;background:#f6f3ed;border:1px solid #afc0b5;flex-shrink:0}
body.reference-home #the-loop .wdx-j-case-icon img.wdx62-story-avatar{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.reference-home #the-loop .wdx-j-case.is-current .wdx-j-case-icon{border-color:#568975;background:#f6f3ed}
}
.wdx62-real{background:#edf2ed;color:#1b2b23;padding:66px 0 75px;border-top:1px solid #d1dfd3;border-bottom:1px solid #d2ddcf;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.wdx62-real *{box-sizing:border-box}
.wdx62-real-shell{width:min(1080px,calc(100% - 38px));margin:0 auto}
.wdx62-intro{max-width:780px;margin-bottom:25px}
.wdx62-intro .ref-eyebrow{color:#28624c;font-weight:750}
.wdx62-intro h2{font:400 clamp(34px,4.7vw,53px)/1.12 'Newsreader',Georgia,serif;letter-spacing:-.022em;margin:10px 0 14px;color:#182a20;text-wrap:balance}
.wdx62-intro>p{font-size:15px;line-height:1.8;color:#35483c;margin:0;max-width:740px}
.wdx62-rail-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px}
.wdx62-counter{font:650 12px/1.4 'JetBrains Mono',monospace;color:#355848;letter-spacing:.02em}
.wdx62-buttons{display:flex;gap:8px}
.wdx62-nav{width:39px;height:39px;border:1.5px solid #96b0a0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#195039;font-size:22px;font-weight:500;cursor:pointer;transition:background .15s}
.wdx62-nav:hover{background:#e1ece2}
.wdx62-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/2);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:3px 2px 20px;scrollbar-width:thin;scrollbar-color:#8aa995 transparent}
.wdx62-case{scroll-snap-align:start;background:#fffefa;border:1.5px solid #b3c8b9;border-radius:20px;min-width:0;padding:24px 25px 20px;box-shadow:0 10px 28px rgba(35,74,47,.055);display:flex;flex-direction:column;gap:0}
.wdx62-case-no{font:700 12px/1.2 'JetBrains Mono',monospace;color:#3d7457;letter-spacing:.08em}
.wdx62-case h3{font:500 clamp(24px,2.5vw,30px)/1.17 'Newsreader',Georgia,serif;letter-spacing:-.01em;color:#163e2d;margin:12px 0 20px;min-height:68px}
.wdx62-before{background:#f5f2ed;border:1px solid #dcdcd3;border-radius:12px;padding:16px 18px;margin-bottom:16px;min-height:133px}
.wdx62-mini-label{display:block;font:700 11px/1.5 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.065em;color:#725846;margin-bottom:6px}
.wdx62-before p,.wdx62-detail p{margin:0;font-size:14px;line-height:1.72;color:#293e33;overflow-wrap:anywhere}
.wdx62-details{margin-top:auto;border-top:1px solid #d7e1d6;padding-top:13px}
.wdx62-details summary{list-style:none;cursor:pointer;color:#17543e;font-weight:750;font-size:14px;line-height:1.55;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:7px;padding:8px 3px}
.wdx62-details summary::-webkit-details-marker{display:none}
.wdx62-details summary::after{content:'+';border:1px solid #a4bbaa;background:#ecf5ec;width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:500}
.wdx62-details[open] summary::after{content:'−'}
.wdx62-reveal{animation:wdx62-enter .18s ease}
@keyframes wdx62-enter{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.wdx62-detail{margin-top:13px;padding:14px 2px;border-top:1px solid #e2e7de}
.wdx62-detail .wdx62-mini-label{color:#14563e}
.wdx62-value{background:#edf4ed;border:1px solid #bed4c2;padding:13px 14px;border-radius:10px}
.wdx62-note{font-size:12px;line-height:1.65;color:#45584d;margin:11px 0 0;max-width:980px}
.wdx62-real :is(button,summary):focus-visible{outline:3px solid #b47831;outline-offset:3px}
.wdx62-real[dir='rtl'] .wdx62-rail{direction:rtl}
.wdx62-real[dir='rtl'] .wdx62-case{text-align:right}
@media(max-width:720px){.wdx62-real{padding:51px 0 54px}.wdx62-rail{grid-auto-columns:90%;gap:12px}.wdx62-case{padding:20px 18px}.wdx62-case h3{min-height:0}.wdx62-before{min-height:0}.wdx62-intro h2{font-size:clamp(32px,8vw,42px)}.wdx62-intro>p{font-size:14px}}
@media(max-width:370px){.wdx62-rail{grid-auto-columns:95%}}
@media(prefers-reduced-motion:reduce){.wdx62-reveal{animation:none}.wdx62-rail{scroll-behavior:auto}}
@media screen and (min-width:721px){body.reference-home #the-loop .wdx-j-case{grid-template-columns:58px minmax(0,1fr) 15px;min-height:100px}body.reference-home #the-loop .wdx-j-case-icon{width:58px;height:58px}}
.wdx62-rail{align-items:start}

/* Compatibility with newer production story-tab markup. The wrapper is
   inserted only inside one of the three identified story selector controls. */
@media screen {
 #the-loop .wdx62-tab-avatar-host {
   width:58px;height:58px;flex:0 0 58px;display:inline-flex;
   align-items:center;justify-content:center;overflow:hidden;
   border-radius:12px;background:#f6f3ed;border:1px solid #afc0b5;
 }
 #the-loop .wdx62-tab-avatar-host img.wdx62-story-avatar {
   display:block;width:100%;height:100%;object-fit:cover;object-position:center;
 }
 #the-loop .wdx-j-case.is-current .wdx62-tab-avatar-host {border-color:#568975}
}