/* Scoped to the English task directory; shared guide and Chinese page styling stays in site.css. */
.english-hub-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:76px;padding-block:68px 82px;align-items:center}
.english-hub-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(40px,4.7vw,66px);line-height:1.08;letter-spacing:-.045em;max-width:690px;color:#173b35}
.english-hub-hero .detail-lead{font-size:17px;line-height:1.75;max-width:565px}
.english-hub-hero .hero-actions{align-items:center;gap:24px}
.hub-language-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:490px;margin-top:26px}
.hub-jump-list{border-top:2px solid #285d51;border-bottom:1px solid #cedbd4}
.hub-jump-list>p{font-size:11px;letter-spacing:.11em;text-transform:uppercase;padding-block:19px;color:#47655a}
.hub-jump-list>a{display:grid;grid-template-columns:25px 1fr 12px;align-items:center;gap:14px;padding:19px 0;border-top:1px solid #dce4de;font-size:15px;line-height:1.45}
.hub-jump-list>a>span:first-child{font:12px/1.4 monospace;color:#66877b}
.hub-jump-list>a:hover,.hub-task-row h4 a:hover{color:#256b52}
.english-hub-tasks{padding-block:36px 82px}
.hub-section-heading{max-width:650px;margin-bottom:36px}
.hub-section-heading h2{font-size:clamp(29px,3vw,42px);line-height:1.2}
.hub-section-heading>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-top:18px;color:var(--muted)}
.hub-section-heading>.text-link{margin-top:20px;display:inline-flex}
.hub-task-group{display:grid;grid-template-columns:235px minmax(0,1fr);gap:55px;padding-block:32px 16px;border-top:1px solid var(--line);scroll-margin-top:105px}
.hub-group-label .mono{font-size:12px;color:#517b6d}
.hub-group-label h3{font-size:22px;line-height:1.35;margin-block:15px 12px}
.hub-group-label p{font-size:13px;line-height:1.7;color:var(--muted)}
.hub-task-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:start;padding-block:4px 25px}
.hub-task-row+.hub-task-row{padding-top:25px;border-top:1px solid #e6ebe7}
.hub-task-row h4{font-size:19px;font-weight:600;line-height:1.45}
.hub-task-row h4 a{display:inline-flex;gap:12px;align-items:baseline}
.hub-task-row p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:9px}
.hub-task-row .hub-check{font-size:12px;color:#456157}
.hub-example-link{font-size:12px;line-height:1.6;padding-block:5px;display:inline-flex;gap:9px;text-decoration:underline;text-underline-offset:4px}
.hub-output-band{background:#eff4ef;border-block:1px solid #dce6dc;padding-block:65px}
.hub-output-band>.wrap{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:65px;align-items:center}
.hub-output-band .hub-section-heading{margin:0}
.hub-output-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.hub-output-pair figure{margin:0;min-width:0}
.hub-output-pair img{width:100%;height:auto;border:1px solid #d5ddd5;box-shadow:0 8px 22px #2447320a}
.hub-output-pair figcaption{display:grid;gap:6px;margin-top:14px;font-size:12px;line-height:1.5}
.hub-output-pair figcaption span{font-size:11px;color:#537064}
.english-hub-review{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:65px;padding-block:72px}
.english-hub-review h2{font-size:34px;line-height:1.2}
.english-hub-review ol{padding-left:20px;display:grid;gap:17px;font-size:15px;line-height:1.75}
.english-hub-review p:not(.eyebrow){font-size:13px;line-height:1.75;color:var(--muted);margin-top:24px}
.locale-en:has(.english-hub-hero) .updated{padding-bottom:50px}
@media(max-width:1000px){.english-hub-hero{gap:38px;grid-template-columns:1.1fr .9fr}.hub-task-group{grid-template-columns:190px minmax(0,1fr);gap:35px}.hub-task-row{grid-template-columns:minmax(0,1fr)}.hub-output-band>.wrap{gap:36px}.english-hub-review{gap:35px}}
@media(max-width:640px){.english-hub-hero{grid-template-columns:minmax(0,1fr);gap:35px;padding-block:40px 42px}.english-hub-hero h1{font-size:40px}.english-hub-hero .detail-lead{font-size:14px}.english-hub-hero .hero-actions{gap:18px}.hub-jump-list>a{padding-block:16px}.english-hub-tasks{padding-block:20px 44px}.hub-section-heading h2{font-size:29px}.hub-section-heading>p:not(.eyebrow){font-size:13px}.hub-task-group{display:block;padding-top:25px}.hub-group-label{margin-bottom:25px}.hub-group-label h3{font-size:22px;margin-top:8px}.hub-task-row{gap:10px}.hub-task-row h4{font-size:18px}.hub-output-band{padding-block:40px}.hub-output-band>.wrap{grid-template-columns:minmax(0,1fr);gap:28px}.hub-output-pair{gap:12px}.hub-output-pair figcaption{font-size:11px}.english-hub-review{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:45px}.english-hub-review h2{font-size:29px}.english-hub-review ol{font-size:14px}.english-hub-review .button{font-size:11px}.hub-language-note{font-size:12px}}
