/* Shared by the static home and the React guide catalog. */
.guide-card{display:flex;flex-direction:column;min-width:0;color:#16313d;text-decoration:none;border:1px solid #dce5e2;border-radius:18px;overflow:hidden;background:#fff;transition:border-color .2s,transform .2s}
.guide-card:hover{border-color:#3e8d7e;transform:translateY(-3px)}
.guide-card:focus-visible,.guide-all-link:focus-visible{outline:3px solid #078271;outline-offset:5px}
.guide-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.65;background:#e9f3ef;color:#1b5148}
.guide-cover--blue{background:#e9f1f6;color:#204a66}.guide-cover--sand{background:#f3f0e7;color:#66563c}.guide-cover--rose{background:#f6eeee;color:#814a50}
.guide-cover__title{position:absolute;left:7%;top:14%;z-index:2;font-size:clamp(22px,2.1vw,33px);font-weight:780;letter-spacing:-.055em;line-height:1.25;white-space:pre-line}
.guide-cover--device:after{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#ffffff70;right:-13%;bottom:-35%;z-index:-1}
.guide-cover img{display:block;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.guide-cover--device img{position:absolute;width:57%;height:78%;right:0;bottom:8%;object-fit:contain;mix-blend-mode:multiply}
.guide-cover__caption{position:absolute;bottom:10%;left:7%;font-size:11px;letter-spacing:-.02em;font-weight:650;z-index:2;max-width:47%;line-height:1.5}
.guide-cover--photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.guide-cover--photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,35,37,.76),rgba(12,35,37,.12));z-index:1}
.guide-cover--photo .guide-cover__title,.guide-cover--photo .guide-cover__caption{color:#fff;text-shadow:0 1px 8px #17343844}
.guide-card__body{display:flex;flex-direction:column;align-items:flex-start;padding:24px;flex:1}
.guide-card__label{font-size:12px;font-weight:750;color:#087b68;letter-spacing:.02em}
.guide-card .guide-card__title{font-size:23px;line-height:1.4;letter-spacing:-.045em;font-weight:750;margin:12px 0 10px;word-break:keep-all;text-wrap:pretty;color:#16313d}
.guide-card .guide-card__summary{font-size:15px;line-height:1.6;word-break:keep-all;color:#596c71;margin:0 0 24px}
.guide-card__link{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #e6ece9;padding-top:16px;margin-top:auto;font-size:13px;font-weight:700;color:#245e52}
.guide-card__link span{font-size:22px;line-height:1}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.guide-all-link{display:inline-flex;gap:28px;align-items:center;flex-shrink:0;font-size:15px;font-weight:650;color:#245e52;text-decoration:none;border-bottom:1px solid #98b6ac;padding:10px 0;white-space:nowrap}
.home-guides{padding:80px 0 90px;background:#f5f7f4;border-block:1px solid #e2e9e4}
.home-guides .container{width:min(1440px,calc(100% - 112px));margin:auto}
.home-guides__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.home-guides__heading .guide-kicker{font-size:12px;letter-spacing:.12em;font-weight:750;color:#087b68;margin:0 0 16px}
.home-guides__heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.18;letter-spacing:-.05em;margin:0;color:#16313d}
.home-guides__heading p:not(.guide-kicker){font-size:17px;color:#536961;margin:18px 0 0;word-break:keep-all}
.home-guides__hint{display:none}
@media(min-width:981px) and (max-width:1500px){.nav-actions .order-link{display:none}.main-nav{gap:18px}}
@media(max-width:1000px){.guide-card-grid{gap:18px}.guide-card__body{padding:20px}.guide-card .guide-card__title{font-size:20px}.guide-cover__title{font-size:24px}.guide-cover__caption{font-size:10px}.home-guides .container{width:calc(100% - 64px)}}
@media(max-width:760px){.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guides__heading{align-items:flex-start;flex-direction:column;gap:14px}.home-guides .container{width:calc(100% - 40px)}.home-guides{padding:52px 0}.home-guides__heading{margin-bottom:24px}.home-guides__heading p:not(.guide-kicker){font-size:15px;margin-top:12px}.home-guides .guide-card-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 18px;margin:-3px;scrollbar-width:thin;scrollbar-color:#96b6aa transparent}.home-guides .guide-card{scroll-snap-align:start;transform:none}.home-guides__hint{display:block;text-align:right;color:#63786e;font-size:12px;margin:10px 0 0}.home-guides .guide-card__body{padding:22px}.guide-cover__title{font-size:27px}}
@media(max-width:540px){.guide-card-grid{grid-template-columns:minmax(0,1fr)}.guide-card__body{padding:22px}.guide-card .guide-card__title{font-size:22px}.guide-cover__title{font-size:30px}.guide-cover__caption{font-size:11px}.home-guides .guide-card__title{font-size:21px}.home-guides .guide-cover__title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}

/* Respiratory guide: photographic cover, readable live text. */
.guide-cover--clinical img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}
.guide-cover--clinical:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f2f3eefa 0%,#f2f3eed9 30%,#f2f3ee18 68%,transparent)}
.guide-cover--clinical .guide-cover__title{color:#1d4b40;top:16%;font-weight:750;font-size:clamp(27px,2.3vw,35px)}
.guide-cover--clinical .guide-cover__caption{color:#3c675a;font-size:10px;max-width:55%}

/* Show the full existing tabletop lineup without cropping any analyzer. */
.guide-cover--lineup{background:#f0eee7}
.guide-cover--lineup img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.guide-cover--lineup .guide-cover__title{top:8%;color:#66563c;font-size:clamp(24px,2.1vw,31px)}
.guide-cover--lineup .guide-cover__caption{display:none}

/* New urine and pTau181 guide covers. */
.guide-cover--editorial img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.guide-cover--editorial .guide-cover__title{top:18%;color:#164d43;max-width:47%}
.guide-cover--editorial .guide-cover__caption{color:#315c50}
.guide-card[href="/guide/urine-albumin"] .guide-cover__title{top:12%;font-size:clamp(26px,2.1vw,31px)}
.guide-card[href="/guide/ptau181"] .guide-cover__title{top:12%;color:#204a66;font-size:clamp(25px,2.1vw,30px)}
.guide-card[href="/guide/ptau181"] .guide-cover__caption{color:#204a66}