
.product-shell .learn-page .fuo-article{--ink:#243d44;--muted:#536d70;--jade:#2b6871;--sand:#faf6ef;--line:#dfded9;--paper:#fffdfa;--accent:#b96952}
.product-shell .learn-page .fuo-article *{box-sizing:border-box}
.product-shell .learn-page .fuo-article{margin:0;background:var(--paper);color:var(--ink);font:19px/1.77 Georgia,"Times New Roman",serif}
.product-shell .learn-page .fuo-article a{color:#18616e;text-underline-offset:3px}
.product-shell .learn-page .fuo-article .site-head{border-bottom:1px solid #dededa;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;font:700 13px Arial,sans-serif;letter-spacing:.045em}
.product-shell .learn-page .fuo-article .site-head span:last-child{font-weight:400;color:#5e7b80}
.product-shell .learn-page .fuo-article{max-width:980px;margin:auto;padding:58px 29px 84px}
.product-shell .learn-page .fuo-article .fuokicker{font:700 12px Arial,sans-serif;letter-spacing:.13em;color:#7b776f;text-transform:uppercase;margin:0 0 15px}
.product-shell .learn-page .fuo-article .fuomain-title{font-size:clamp(37px,4.8vw,62px);max-width:890px;letter-spacing:-.03em;line-height:1.12;font-weight:400;margin:0 0 19px}
.product-shell .learn-page .fuo-article .fuodeck{font-size:22px;line-height:1.55;color:#607478;max-width:800px;margin:0 0 42px;font-style:italic}
.product-shell .learn-page .fuo-article>p,.product-shell .learn-page .fuo-article>h2,.product-shell .learn-page .fuo-article>h3,.product-shell .learn-page .fuo-article>.fuo-scopenote,.product-shell .learn-page .fuo-article>.fuo-details,.product-shell .learn-page .fuo-article>.fuo-citation-footer,.product-shell .learn-page .fuo-article>ul{max-width:740px;margin-left:auto;margin-right:auto}
.product-shell .learn-page .fuo-article>p{margin-top:0;margin-bottom:23px}
.product-shell .learn-page .fuo-article>p:first-of-type:not(.fuodeck){font-size:21px}
.product-shell .learn-page .fuo-article h2{font:400 31px/1.25 Georgia,serif;letter-spacing:-.015em;margin-top:60px;margin-bottom:21px}
.product-shell .learn-page .fuo-article h3{font:600 19px Arial,sans-serif}
.product-shell .learn-page .fuo-article em{font-style:italic}
.product-shell .learn-page .fuo-article strong{font-weight:700}
.product-shell .learn-page .fuo-article sup{font:11px Arial,sans-serif;margin-left:2px}
.product-shell .learn-page .fuo-article sup a{color:#60777a}
.product-shell .learn-page .fuo-article .fuo-photo,.product-shell .learn-page .fuo-article .fuo-graphic{margin:43px auto;max-width:900px;border-radius:11px;overflow:hidden;background:#f5f1eb;border:1px solid var(--line)}
.product-shell .learn-page .fuo-article .fuo-photo img,.product-shell .learn-page .fuo-article .fuo-graphic img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.product-shell .learn-page .fuo-article .fuo-photo img{max-height:540px;object-fit:cover}
.product-shell .learn-page .fuo-article .fuo-photo.is-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#e7e3dd;padding:5px}
.product-shell .learn-page .fuo-article .fuo-photo.is-pair img{height:500px;object-fit:cover;object-position:center 20%}
.product-shell .learn-page .fuo-article .fuo-photo figcaption{grid-column:1/-1}
.product-shell .learn-page .fuo-article .fuo-figure-caption{font:13px/1.55 Arial,sans-serif;color:#52696e;padding:14px 18px;background:#eff2ee;border-top:1px solid var(--line)}
.product-shell .learn-page .fuo-article .fuo-figure-caption a{color:#2d6972}
.product-shell .learn-page .fuo-article .fuo-graphic{max-width:810px}
.product-shell .learn-page .fuo-article .fuo-graphic img{padding:6px}
.product-shell .learn-page .fuo-article .fuo-scopenote{padding:18px 22px;background:#f2f4f0;border-left:3px solid #86a4a6;font:15px/1.7 Arial,sans-serif;margin:22px auto 28px}
.product-shell .learn-page .fuo-article .fuo-figure-caption .fuo-small{display:block;margin-top:4px}
.product-shell .learn-page .fuo-article .fuo-mobile-loop{display:none}
.product-shell .learn-page .fuo-article .fuo-grid-steps{display:grid;gap:12px}
.product-shell .learn-page .fuo-article .fuo-step{border:1px solid #bdced0;border-radius:9px;padding:15px 17px;background:white;font:16px/1.54 Arial,sans-serif}
.product-shell .learn-page .fuo-article .fuo-step::before{content:attr(data-step);display:inline-block;margin-right:10px;color:#9b614e;font:700 13px Arial,sans-serif}
.product-shell .learn-page .fuo-article .fuo-step p{display:inline;margin:0}
.product-shell .learn-page .fuo-article .fuo-arrow{text-align:center;color:#8b9c9b;font:27px Arial,sans-serif}
.product-shell .learn-page .fuo-article .fuo-return{font:13px/1.4 Arial,sans-serif;color:#697b7c;text-align:center}
.product-shell .learn-page .fuo-article .fuo-details{margin-top:50px;margin-bottom:30px;border-top:1px solid var(--line);font:15px/1.5 Arial,sans-serif}
.product-shell .learn-page .fuo-article .fuo-details details{padding:0 4px;border-bottom:1px solid var(--line)}
.product-shell .learn-page .fuo-article .fuo-details summary{cursor:pointer;font-weight:600;padding:17px 0}
.product-shell .learn-page .fuo-article .fuo-more-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:10px 0 23px}
.product-shell .learn-page .fuo-article .fuo-more-art figure{margin:0;border:1px solid var(--line);padding:12px;border-radius:9px}
.product-shell .learn-page .fuo-article .fuo-more-art img{width:100%;height:auto}
.product-shell .learn-page .fuo-article .fuo-more-art figcaption{color:#59696e;font-size:12px}
.product-shell .learn-page .fuo-article .fuo-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:23px}
.product-shell .learn-page .fuo-article .fuo-compare div{background:#f5f5f1;border-radius:8px;padding:15px}
.product-shell .learn-page .fuo-article .fuo-compare strong{font:700 14px Arial,sans-serif}
.product-shell .learn-page .fuo-article .fuo-compare p{margin:7px 0;font-size:13px;line-height:1.5}
.product-shell .learn-page .fuo-article .fuo-compare small{color:#607177;font-size:12px}
.product-shell .learn-page .fuo-article .fuo-extra-visual img{width:100%;height:auto;max-width:810px;margin:8px auto 18px;display:block}
.product-shell .learn-page .fuo-article .fuo-cta{margin:40px auto 25px;max-width:740px;border-top:1px solid var(--line);padding:25px 0 0}
.product-shell .learn-page .fuo-article .fuo-cta a{display:inline-block;background:#245660;color:white;text-decoration:none;border-radius:7px;padding:12px 21px;font:700 15px Arial,sans-serif}
.product-shell .learn-page .fuo-article .fuo-citation-footer{font:12px/1.8 Arial,sans-serif;color:#627276;margin-top:70px;border-top:1px solid var(--line);padding-top:22px}
.product-shell .learn-page .fuo-article .fuo-citation-footer ol{padding-left:19px}
.product-shell .learn-page .fuo-article .fuo-citation-footer li{margin-bottom:7px;overflow-wrap:anywhere}
.product-shell .learn-page .fuo-article .fuo-citation-footer h2{font:600 17px Arial,sans-serif;margin:8px 0 10px}
.product-shell .learn-page .fuo-article .fuo-citation-footer p{margin:8px 0}
@media(max-width:700px){
.product-shell .learn-page .fuo-article{font-size:17px;line-height:1.7}
.product-shell .learn-page .fuo-article{padding:34px 19px 60px}
.product-shell .learn-page .fuo-article .fuomain-title{font-size:37px}
.product-shell .learn-page .fuo-article .fuodeck{font-size:19px;margin-bottom:30px}
.product-shell .learn-page .fuo-article h2{font-size:27px;margin-top:44px}
.product-shell .learn-page .fuo-article .fuo-photo,.product-shell .learn-page .fuo-article .fuo-graphic{margin:30px -2px}
.product-shell .learn-page .fuo-article .fuo-photo.is-pair img{height:300px}
.product-shell .learn-page .fuo-article .fuo-graphic.is-loop .fuo-desktop-loop{display:none}
.product-shell .learn-page .fuo-article .fuo-graphic.is-loop .fuo-mobile-loop{display:block;padding:16px}
.product-shell .learn-page .fuo-article .fuo-figure-caption{font-size:12px;padding:12px}
.product-shell .learn-page .fuo-article .fuo-compare{grid-template-columns:1fr}
.product-shell .learn-page .fuo-article .fuo-more-art{grid-template-columns:1fr}
.product-shell .learn-page .fuo-article .fuo-scopenote{padding:15px;font-size:13px}}
@media(max-width:355px){
.product-shell .learn-page .fuo-article .fuomain-title{font-size:33px}
.product-shell .learn-page .fuo-article{padding-left:14px;padding-right:14px}
.product-shell .learn-page .fuo-article .fuo-photo.is-pair img{height:235px}
.product-shell .learn-page .fuo-article .fuo-mobile-loop{padding:11px!important}
.product-shell .learn-page .fuo-article .fuo-step{font-size:14px}}

.product-shell .learn-page .fuo-article{padding-left:0;padding-right:0}
.product-shell .learn-page .fuo-article p{line-height:inherit}
.product-shell .learn-page .fuo-article [id]{scroll-margin-top:140px}
.product-shell .learn-page .fuo-article .byline{font:14px/1.6 Arial,sans-serif;color:#607478;margin:0 0 24px}
.product-shell .learn-page .fuo-article footer.fuo-sources{display:block;width:auto;overflow-wrap:anywhere}
