/* Isolated home-page preview. Does not change the published site. */
.page-home .home-hero{border-radius:20px}
.page-home .service,.page-home .path-row,.page-home .explore-links>a{border-radius:12px}
.page-home .end-cta{border-radius:16px}
.page-home .button{border-radius:9px}
.page-home .hero-tags span{border-radius:6px}
.page-home .school-photos img{border-radius:11px}
.flow-card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.flow-main{display:grid;grid-template-columns:minmax(0,1fr) 235px;grid-template-rows:auto auto;column-gap:30px;row-gap:18px;padding:26px 28px 24px}
.flow-intro{min-width:0;grid-column:1;grid-row:1}
.flow-intro h3{display:flex;align-items:baseline;gap:15px;font-size:32px;font-weight:700;line-height:1.25;letter-spacing:.3px;color:var(--green)}
.flow-intro h3 span{font-family:Arial,sans-serif;font-size:15px;font-weight:400;color:#ad8c55;letter-spacing:3px}
.flow-intro h4{font-size:20px;line-height:1.5;font-weight:500;color:var(--green);margin-top:10px}
.flow-intro>p{font-size:14px;line-height:1.9;color:#516457;margin-top:12px;max-width:710px}
.flow-author{grid-column:2;grid-row:1 / 3;border-left:1px solid var(--line);padding-left:25px;align-self:stretch;margin:0}
.flow-author>img{height:167px;width:100%;border-radius:13px;object-fit:cover;object-position:center 30%}
.flow-author figcaption{margin-top:10px;line-height:1.6}
.flow-author strong{font-size:13px;font-weight:500;color:var(--green);display:block}
.flow-author-english{display:block;font-family:Arial,sans-serif;font-size:11px;color:#718071;margin-top:2px}
.flow-author small{display:block;font-size:10px;color:#718071;margin-top:3px}
.flow-principles{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-self:end}
.flow-principles>div{padding:14px 15px;background:var(--soft);border-radius:12px}
.flow-principles strong{font-size:14px;line-height:1.5;color:var(--green);font-weight:600}
.flow-principles p{font-size:11px;line-height:1.8;color:#6d7b60;margin-top:5px}
.flow-belief{background:var(--green);padding:20px 28px 21px;color:var(--white)}
.flow-belief>strong{font-size:19px;font-weight:500;line-height:1.5;display:block}
.flow-belief>p{font-size:12px;color:#d0ddcc;line-height:1.9;margin-top:8px;max-width:1020px}
.flow-reference{font-size:9px;line-height:1.7;color:#8b9385;margin:8px 2px 0}
@media(min-width:651px) and (max-width:1050px){.flow-main{grid-template-columns:minmax(0,1fr) 195px;column-gap:20px;padding:23px}.flow-author{padding-left:18px}.flow-principles>div{padding:12px 9px}.flow-principles p{font-size:10px}}
@media(max-width:650px){
 .page-home .home-hero{border-radius:17px}
 .page-home .service,.page-home .path-row,.page-home .explore-links>a{border-radius:11px}
 .page-home .end-cta{border-radius:14px}
 .flow-card{border-radius:17px}
 .flow-main{display:flex;flex-direction:column;gap:15px;padding:18px 17px 17px}
 .flow-intro{order:1}
 .flow-intro h3{font-size:28px;gap:12px}
 .flow-intro h3 span{font-size:13px;letter-spacing:2.5px}
 .flow-intro h4{font-size:17px;margin-top:7px;line-height:1.5}
 .flow-intro>p{font-size:13px;line-height:1.85;margin-top:10px}
 .flow-principles{order:2;gap:7px;align-self:stretch;width:100%}
 .flow-principles>div{padding:11px 8px;border-radius:10px}
 .flow-principles strong{font-size:12px;line-height:1.5;white-space:nowrap}
 .flow-principles p{font-size:10px;line-height:1.8;margin-top:5px;letter-spacing:-.15px}
 .flow-author{order:3;display:flex;align-items:center;gap:12px;border-left:0;border-top:1px solid var(--line);padding:13px 0 0;margin:0}
 .flow-author>img{width:72px;height:78px;border-radius:10px;flex:none;object-position:center 22%}
 .flow-author figcaption{margin-top:0;min-width:0;line-height:1.55}
 .flow-author strong{font-size:12px}
 .flow-author-english{font-size:10px;margin-top:3px}
 .flow-author small{font-size:10px;margin-top:4px}
 .flow-belief{padding:16px 17px 17px}
 .flow-belief>strong{font-size:16px;line-height:1.65;max-width:320px}
 .flow-belief>p{font-size:11px;line-height:1.85;margin-top:8px}
 .flow-reference{font-size:8px;line-height:1.7;margin:7px 1px 0}
}
@media(max-width:375px){.flow-main{padding:17px 14px 16px}.flow-intro h4{font-size:16px}.flow-principles{gap:6px}.flow-principles>div{padding:10px 6px}.flow-principles p{font-size:9px}.flow-belief{padding:15px 14px}.flow-belief>strong{font-size:15px}}