/* Genuine photography and text instructions. Load after v22 application.css. */
.v24-application .v24-overview-heading{padding:28px 0 38px}
.v24-application .v24-overview-without-photo{padding:40px 0 46px;border-bottom:1px solid var(--v22-line)}
.v24-application .v24-overview-without-photo h1{max-width:1000px}
.v24-application .v24-overview-without-photo .v22-overview-intro{margin-top:32px}
.v24-application .v24-topic{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0;padding:28px;background:#fff;align-items:start;border:1px solid var(--v22-line);border-top:3px solid var(--v22-green);border-radius:6px;min-height:248px}
.v24-application .v24-topic:nth-child(4n+2),.v24-application .v24-topic:nth-child(4n+3){background:#f7f9f6}
.v24-application .v24-topic-mark{display:grid;place-items:center;width:48px;height:48px;background:#e9f1e6;border:1px solid #c7d8c6;border-radius:50%;color:var(--v22-green);font-size:17px;font-weight:800;line-height:1;margin-top:2px}
.v24-application .v24-topic .v22-topic-copy{padding:0;align-self:stretch}
.v24-application .v24-topic .v22-topic-meta{margin:0 0 12px;font-size:11px;letter-spacing:.02em}
.v24-application .v24-topic h3{font-size:27px;line-height:1.17}
.v24-application .v24-topic .v22-topic-copy p{margin:16px 0 25px;font-size:14px}
.v24-application .v24-topic .v22-topic-action{font-size:13px;padding-top:12px;border-top:1px solid var(--v22-line)}
.v24-application .v24-photo-hero{padding:22px 0 0}
.v24-application .v24-photo-hero .v24-guide-heading{max-width:930px;padding-bottom:34px}
.v24-application .v24-photo-hero h1{max-width:850px;font-size:clamp(38px,5vw,68px)}
.v24-application .v24-guide-heading .v22-lead{max-width:780px;margin:22px 0!important}
.v24-application .v24-photo{margin:0;background:#fff;border:1px solid var(--v22-line);border-radius:7px;overflow:hidden;min-width:0}
.v24-application .v24-photo img{display:block;width:min(100%,var(--v24-photo-native-width,100%));height:auto;max-width:100%;margin-inline:auto;object-fit:contain;aspect-ratio:auto}
.v24-application .v24-photo figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:18px 30px;padding:18px 23px;background:var(--v22-pale);color:var(--v22-muted);font-size:13px;line-height:1.6}
.v24-application .v24-photo-caption{max-width:720px}
.v24-application .v24-photo-credit{font-size:12px;line-height:1.6;max-width:420px;flex:0 1 auto}
.v24-application .v24-photo-credit a{text-decoration:underline;text-decoration-color:#a7baa8;text-underline-offset:3px}
.v24-application .v24-photo-credit a:hover{color:var(--v22-red)}
.v24-application .v24-photo-open{display:block;cursor:zoom-in}
.v24-application .v24-photo-open:focus-visible{outline-offset:-5px}
.v24-application .v24-material-with-example{display:grid;grid-template-columns:minmax(0,1fr) 145px;grid-template-rows:auto 1fr;column-gap:22px;align-items:start}
.v24-application .v24-material-with-example>h3{grid-column:1;grid-row:1}
.v24-application .v24-material-with-example>ul{grid-column:1;grid-row:2}
.v24-application .v24-material-example{grid-column:2;grid-row:1 / span 2;width:145px;padding:14px 10px;margin:0;background:#fff;border-color:#dce5dc}
.v24-application .v24-material-example .v22-product-item>img{height:165px;width:100%;object-fit:contain}
.v24-application .v24-material-example .v22-product-item>span{font-size:10px;margin-top:9px}
.v24-application .v24-material-example.v22-product-pair .v22-product-item>img{height:110px}
.v24-application .v24-material-example figcaption{font-size:10px;line-height:1.5;text-align:center;margin-top:10px;padding-top:10px}
.v24-application .v22-steps{gap:0;border-top:1px solid var(--v22-line)}
.v24-application .v24-step{grid-template-columns:90px minmax(0,1fr);column-gap:25px;row-gap:25px;padding:32px 28px;border:0;border-bottom:1px solid var(--v22-line);border-radius:0;align-items:start;background:#fff}
.v24-application .v24-step:nth-child(even){background:#f7f9f6}
.v24-application .v24-step-marker{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--v22-pale);border:1px solid #c9dbcb;color:var(--v22-green);font-size:24px;font-weight:800;line-height:1;margin-top:2px;grid-column:1;grid-row:1}
.v24-application .v24-step .v22-step-copy{padding:0;max-width:820px;grid-column:2;grid-row:1}
.v24-application .v24-step .v22-step-number{font-size:11px;padding-bottom:8px}
.v24-application .v24-step h3{font-size:clamp(24px,2.3vw,30px);margin-bottom:12px}
.v24-application .v24-step p{font-size:16px;line-height:1.75}
.v24-application .v24-step-photo{grid-column:2;grid-row:2;max-width:850px;width:min(100%,var(--v24-photo-native-width,100%));justify-self:start}
.v24-application .v24-step-photo figcaption{display:block;padding:15px 19px}
.v24-application .v24-step-photo .v24-photo-caption,.v24-application .v24-step-photo .v24-photo-credit{display:block;max-width:none}
.v24-application .v24-step-photo .v24-photo-credit{margin-top:7px}
@media(min-width:1001px){
 .v24-application .v24-step-with-photo{grid-template-columns:72px minmax(240px,320px) minmax(0,1fr);column-gap:28px}
 .v24-application .v24-step-with-photo .v22-step-copy{grid-column:3;grid-row:1;align-self:start}
 .v24-application .v24-step-with-photo .v24-step-photo{grid-column:2;grid-row:1;align-self:start}
}
@media(max-width:1000px){
 .v24-application .v24-topic{grid-template-columns:58px minmax(0,1fr);padding:24px 21px;min-height:265px}
 .v24-application .v24-topic-mark{width:40px;height:40px;font-size:14px}
 .v24-application .v24-topic h3{font-size:24px}
 .v24-application .v24-material-with-example{display:block}
 .v24-application .v24-material-example{width:100%;max-width:none;margin-top:22px;padding:16px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center}
 .v24-application .v24-material-example .v22-product-item>img{height:145px}
 .v24-application .v24-material-example.v22-product-pair .v22-product-item>img{height:90px}
 .v24-application .v24-material-example figcaption{border:0;padding:0;margin:0;text-align:left;font-size:12px}
 .v24-application .v24-photo figcaption{flex-direction:column;gap:8px}
 .v24-application .v24-photo-credit{max-width:none}
}
@media(max-width:700px){
 .v24-application .v24-overview-heading{padding:20px 0 25px}
 .v24-application .v24-overview-without-photo{padding:25px 0 32px}
 .v24-application .v24-overview-without-photo .v22-overview-intro{margin-top:22px}
 .v24-application .v24-topic{grid-template-columns:51px minmax(0,1fr);padding:23px 20px;min-height:0}
 .v24-application .v24-topic-mark{width:35px;height:35px;font-size:12px}
 .v24-application .v24-topic h3{font-size:26px}
 .v24-application .v24-topic .v22-topic-copy p{font-size:14px;line-height:1.7;margin:16px 0 20px}
 .v24-application .v24-photo-hero{padding-top:14px}
 .v24-application .v24-photo-hero .v24-guide-heading{padding-bottom:25px}
 .v24-application .v24-photo-hero h1{font-size:clamp(35px,8.3vw,49px)}
 .v24-application .v24-guide-heading .v22-lead{font-size:17px;margin:20px 0!important}
 .v24-application .v24-photo figcaption{padding:15px 17px;font-size:12px}
 .v24-application .v24-photo-credit{font-size:12px}
 .v24-application .v24-step{grid-template-columns:43px minmax(0,1fr);column-gap:16px;row-gap:23px;padding:25px 12px}
 .v24-application .v24-step-marker{width:40px;height:40px;font-size:16px}
 .v24-application .v24-step h3{font-size:24px}
 .v24-application .v24-step p{font-size:15px}
 .v24-application .v24-step-photo{grid-column:1 / -1}
 .v24-application .v24-step-photo figcaption{padding:14px}
}