
/* WITHLOVE V177 editorial journal */
.wl177{--ink:#243b46;--muted:#52646d;--line:#e2e9e6;--warm:#fbfcfa;color:var(--ink);font-family:inherit;}
.wl177 *{box-sizing:border-box}
.wl177 .wl177-shell{max-width:1120px;margin:auto;padding:0 22px}
.wl177 .wl177-crumb{font-size:.84rem;color:#50616a;margin:21px 0 14px}
.wl177 .wl177-crumb a{color:#176382;text-decoration:none}
.wl177 .wl177-kicker{display:inline-block;font-weight:750;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:#bd6152;margin:0 0 10px}
.wl177 h1{font-size:clamp(2rem,4.4vw,3.6rem);letter-spacing:-.045em;line-height:1.09;margin:0 0 19px;max-width:890px}
.wl177 h2{font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.024em;line-height:1.27;margin:0 0 16px}
.wl177 p{line-height:1.77;color:#445962;margin:0 0 17px}
.wl177 .wl177-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.75;max-width:770px;color:#354f5b}
.wl177 .wl177-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.84rem;color:#6a7b80;margin:0 0 24px}
.wl177 .wl177-feature{padding:34px 0 32px;background:linear-gradient(120deg,#f6f9f7,#f7fafc)}
.wl177 .wl177-hero-image{width:100%;height:clamp(230px,39vw,450px);object-fit:cover;border-radius:20px;display:block;margin:25px 0 0;background:#e9eeec}
.wl177 .wl177-article{max-width:760px;margin:44px auto 0;padding:0 18px}
.wl177 .wl177-article section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}
.wl177 .wl177-article section:last-child{border:0}
.wl177 .wl177-author{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;margin:25px 0;background:#fff}
.wl177 .wl177-author img{width:64px;height:64px;object-fit:cover;border-radius:50%;flex:0 0 64px}
.wl177 .wl177-author strong{display:block;font-size:1rem;margin:0 0 4px}
.wl177 .wl177-author p{font-size:.89rem;line-height:1.55;margin:0}
.wl177 .wl177-cta{background:#f2f7f7;border:1px solid #d8e7e7;border-radius:20px;padding:25px 28px;margin:25px 0 30px}
.wl177 .wl177-cta h2{margin-bottom:9px}
.wl177 .wl177-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.wl177 .wl177-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:12px!important;text-align:center;text-decoration:none!important;font-size:.92rem;font-weight:750;background:#1c5d7d;color:white!important}
.wl177 .wl177-btn.light{background:white;color:#1c5d7d!important;border:1px solid #c8d9df}
.wl177 .wl177-faq details{border:1px solid var(--line);border-radius:13px;background:white;padding:13px 17px;margin-bottom:10px}
.wl177 .wl177-faq summary{cursor:pointer;font-size:.97rem;font-weight:750}
.wl177 .wl177-faq p{margin:11px 0 0;font-size:.94rem}
.wl177 .wl177-note{padding:14px 18px;background:#faf9f4;border-left:3px solid #d1ab68;font-size:.88rem;color:#596268;border-radius:0 12px 12px 0}
.wl177 .wl177-related{margin:36px auto 55px}
.wl177 .wl177-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.wl177 .wl177-card{display:flex;flex-direction:column;border:1px solid var(--line);overflow:hidden;border-radius:18px;background:#fff;text-decoration:none!important;color:inherit!important;transition:transform .15s,box-shadow .15s}
.wl177 .wl177-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(34,58,67,.08)}
.wl177 .wl177-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f2f3f2}
.wl177 .wl177-card-content{padding:19px;flex:1}
.wl177 .wl177-card h3{line-height:1.3;font-size:1.15rem;margin:4px 0 12px;letter-spacing:-.02em}
.wl177 .wl177-card p{font-size:.91rem;line-height:1.57;margin:0}
.wl177 .wl177-card em{display:block;color:#1c5d7d;font-style:normal;font-weight:700;font-size:.87rem;margin-top:12px}
.wl177 .wl177-section-title{margin:30px 0 18px}
.wl177 .wl177-index-hero{padding:42px 0 28px;background:linear-gradient(130deg,#f6faf9,#f8f7f3)}
.wl177 .wl177-section{padding:26px 0 20px}
.wl177 .wl177-index-end{margin:25px 0 55px}
@media(max-width:780px){.wl177 .wl177-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wl177 .wl177-feature{padding:25px 0}.wl177 .wl177-hero-image{border-radius:14px}}
@media(max-width:540px){.wl177 .wl177-grid{grid-template-columns:1fr}.wl177 .wl177-shell{padding:0 16px}.wl177 .wl177-feature{padding:23px 0 25px}.wl177 .wl177-article{margin-top:29px;padding:0 18px}.wl177 .wl177-cta{padding:19px}.wl177 .wl177-author{padding:15px}.wl177 .wl177-author img{width:56px;height:56px;flex-basis:56px}.wl177 .wl177-hero-image{height:240px}.wl177 h1{font-size:2rem}}

/* Accessible skip link only shows on keyboard focus. */
.wl177-skip{position:absolute;left:10px;top:-1000px;z-index:99999;background:#fff;color:#1c5d7d;padding:10px 16px;border-radius:9px}
.wl177-skip:focus{top:10px;outline:3px solid #1c5d7d}
/* Prevent older global footer network links from widening 320px screens. */
.wl177 ~ .footer .footer-grid > div{min-width:0;max-width:100%}
.wl177 ~ .footer .wl-network-sites,.wl177 ~ .footer .wl-network-maps{max-width:100%;min-width:0;display:flex;flex-wrap:wrap;gap:8px 14px}
.wl177 ~ .footer .wl-network-sites a,.wl177 ~ .footer .wl-network-maps a{overflow-wrap:anywhere;white-space:normal}
