/* v584: One continuous Practical English section. All original image/icon URLs retained. */
.pro-practical{background:#faf9f6;color:#17354a;padding:42px 0 48px;font-family:'DM Sans',sans-serif}
.pro-practical-wrap{max-width:1190px;margin:0 auto;padding:0 22px}
.pro-practical-top{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;margin-bottom:24px}
.pro-practical-eyebrow{display:block;color:#b8793b;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:9px}
.pro-practical h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(29px,3vw,43px);line-height:1.16;letter-spacing:-.025em;margin:0}
.pro-practical h2 em{color:#b8793b;font-weight:400}
.pro-practical-top>p{font-size:13px;line-height:1.7;color:#536b78;max-width:385px;margin:0 0 4px}
.pro-moments{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;padding-bottom:0}
.pro-moment{min-width:0}.pro-moment-image{height:126px;border-radius:10px;background-color:#e3e9e7;background-image:var(--moment-image);background-size:cover;background-position:center;overflow:hidden}
.pro-moment h3{text-transform:uppercase;letter-spacing:.065em;font-size:10px;margin:12px 0 6px;font-weight:700}
.pro-moment blockquote{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:14px;line-height:1.4;margin:0 0 7px;color:#214760}
.pro-moment p{font-size:11px;line-height:1.5;color:#627581;margin:0}
.pro-practical-appendix{position:relative;margin-top:31px;padding-top:23px;border-top:1px solid #dedbd4;isolation:isolate}
/* The tenth image remains a subtle decorative wash, never an empty fourth column. */
.pro-practical-appendix:before{content:'';position:absolute;z-index:-1;pointer-events:none;right:-22px;bottom:0;width:48%;height:82%;opacity:.16;background-image:linear-gradient(90deg,#faf9f6 0%,rgba(250,249,246,.38) 60%,rgba(250,249,246,.05) 100%),url('/assets/images/online-courses/professional-english/professional-practice-background.webp');background-size:cover;background-position:center right;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.pro-practical-transition{display:flex;align-items:baseline;justify-content:space-between;gap:35px;margin-bottom:19px}
.pro-practical-transition h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(20px,2vw,27px);line-height:1.25;margin:0;letter-spacing:-.02em}
.pro-practical-transition p{font-size:12px;line-height:1.6;color:#586d79;max-width:360px;margin:0}
.pro-apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:100%}
.pro-app-card{position:relative;background:rgba(255,255,255,.93);border:1px solid #e3ded6;border-radius:14px;padding:22px 19px 17px;min-height:230px;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}
.pro-app-card:hover{border-color:#c49b6c;transform:translateY(-2px)}
.pro-app-icon{width:64px;height:64px;object-fit:contain;position:absolute;right:14px;top:13px}
.pro-app-kicker{font-size:9px;font-weight:700;letter-spacing:.15em;color:#b8793b;margin:4px 75px 25px 0}
.pro-app-card h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:24px;line-height:1.18;margin:0 0 9px;padding-right:45px}
.pro-app-card>p{font-size:12px;line-height:1.58;color:#526b78;margin:0 0 10px}
.pro-app-card ul{list-style:none;margin:0 0 11px;padding:0}
.pro-app-card li{font-size:11px;color:#516773;line-height:1.5;padding:2px 0 2px 17px;position:relative}
.pro-app-card li:before{content:'✓';color:#ae773e;position:absolute;left:0}
.pro-app-tag{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#186b6a;font-size:14px;margin-top:auto;padding-top:10px;border-top:1px solid #e8e5e0}
.pro-practical-closing{font-family:'Playfair Display',Georgia,serif;font-size:17px;margin:19px 0 0;padding-left:14px;border-left:2px solid #b8793b}
.pro-practical-closing em{color:#b8793b;font-weight:400}
@media(max-width:950px){.pro-moments{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.pro-practical-appendix:before{opacity:.09}}
@media(max-width:650px){.pro-practical{padding:34px 0}.pro-practical-top{grid-template-columns:1fr;gap:12px}.pro-moments{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.pro-moment-image{height:115px}.pro-practical-transition{display:block}.pro-practical-transition p{margin-top:8px}.pro-apps-grid{grid-template-columns:1fr}.pro-app-card{min-height:0}.pro-practical-appendix:before{display:none}.pro-practical-closing{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pro-app-card{transition:none}}