/* v624 — Young Learners bilingual editorial feature. Only this new section. */
.young-online-page #bilingual.yo-bilingual{background:#eeefe7;color:#17344d;padding:0 0 48px;overflow:hidden}
.young-online-page #bilingual .yo-bi-feature{display:grid;grid-template-columns:54% 46%;max-width:1920px;margin:0 auto;align-items:stretch}
.young-online-page #bilingual .yo-bi-photo{aspect-ratio:auto;min-height:610px;border-radius:0 0 85px 0;background:#e3e7e0}
.young-online-page #bilingual .yo-bi-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.young-online-page #bilingual .yo-bi-copy{padding:42px clamp(28px,4vw,70px) 34px clamp(30px,4vw,72px);max-width:750px;box-sizing:border-box}
.young-online-page #bilingual h2{font:700 clamp(32px,3.2vw,52px)/1.12 Georgia,serif;margin:10px 0 20px;letter-spacing:-.025em}
.young-online-page #bilingual h2 em,.young-online-page #bilingual .yo-bi-comparison h3 em{color:#b98248;font-weight:400}
.young-online-page #bilingual .yo-bi-intro{font-size:clamp(15px,1.05vw,18px);line-height:1.7;margin:0 0 25px}
.young-online-page #bilingual .yo-bi-skill{display:flex;gap:18px;padding:12px 0;border-bottom:1px solid #17344d18;align-items:center}
.young-online-page #bilingual .yo-bi-skill:last-child{border-bottom:0}
.young-online-page #bilingual .yo-bi-icon{flex:0 0 51px;width:51px;height:51px;border-radius:50%;background:#dce3d4;display:grid;place-items:center;font:29px Georgia,serif;color:#17344d}
.young-online-page #bilingual .yo-bi-skill:nth-child(even) .yo-bi-icon{background:#eadac4}
.young-online-page #bilingual .yo-bi-skill h3{font:700 19px/1.25 Georgia,serif;margin:0 0 3px}
.young-online-page #bilingual .yo-bi-skill p{font-size:14px;line-height:1.5;margin:0;color:#42576a}
.young-online-page #bilingual .yo-bi-comparison{display:grid;grid-template-columns:minmax(180px,.7fr) repeat(2,minmax(0,1fr));gap:20px;max-width:1370px;margin:26px auto 0;padding:20px;background:#fff;border-radius:15px;box-shadow:0 12px 35px #17344d0a;box-sizing:border-box;align-items:stretch}
.young-online-page #bilingual .yo-bi-comparison h3{font:700 clamp(22px,2vw,32px)/1.16 Georgia,serif;margin:0;padding:16px 14px;align-self:center;border-right:1px solid #d8c8b2}
.young-online-page #bilingual .yo-bi-example{background:#f5f4f0;border-radius:11px;min-height:135px;padding:20px 125px 16px 20px;position:relative;overflow:hidden}
.young-online-page #bilingual .yo-bi-example>span{font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#9c6c40}
.young-online-page #bilingual .yo-bi-example>p{font:italic clamp(16px,1.3vw,20px)/1.45 Georgia,serif;margin:12px 0 0}
.young-online-page #bilingual .yo-bi-example-art{position:absolute;right:12px;bottom:10px;width:105px;height:105px;aspect-ratio:1;border-radius:8px;background:#e9e8e1}
.young-online-page #bilingual .yo-bi-note{max-width:1160px;margin:22px auto 0;padding:15px 24px;border-left:3px solid #b98248;background:#ffffff80;font-size:13px;line-height:1.65;color:#4b5c66}
@media(max-width:900px){.young-online-page #bilingual .yo-bi-feature{grid-template-columns:1fr}.young-online-page #bilingual .yo-bi-photo{min-height:0;aspect-ratio:3/2;border-radius:0 0 36px 0}.young-online-page #bilingual .yo-bi-copy{max-width:none;padding:32px 25px}.young-online-page #bilingual .yo-bi-comparison{grid-template-columns:1fr;margin:10px 20px 0}.young-online-page #bilingual .yo-bi-comparison h3{border-right:0;border-bottom:1px solid #d8c8b2}.young-online-page #bilingual .yo-bi-note{margin:18px 20px 0}}
@media(max-width:480px){.young-online-page #bilingual .yo-bi-example{padding-right:90px}.young-online-page #bilingual .yo-bi-example-art{width:72px;height:72px}.young-online-page #bilingual .yo-bi-skill h3{font-size:17px}}