:root{--color-page-background:#f0d2f7;--color-surface:#fff;--color-surface-muted:#f8f9fa;--color-text:#202124;--color-text-muted:#5f6368;--color-primary:#174ea6;--color-focus:#185abc;--color-border:#dadce0;--color-focus-contrast:#fff;--shadow-card:0 12px 30px #2021241f}html,body{min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{max-width:100%;color:var(--color-text);background-color:var(--color-page-background);font-family:Arial,Helvetica,sans-serif;overflow:hidden auto}*{box-sizing:border-box}a{color:var(--color-primary)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.skip-link{z-index:1000;border:2px solid var(--color-focus);background:var(--color-surface);border-radius:.75rem;padding:.7rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.activity-stage{flex-direction:column;width:100%;min-height:100svh;padding:.75rem 1% 3.5rem;display:flex;position:relative}.activity-introduction{z-index:10;border:1px solid var(--color-border);background:var(--color-surface);width:min(46rem,100% - 9rem);box-shadow:var(--shadow-card);text-align:center;border-radius:1rem;margin:0 auto .5rem;padding:.65rem 1rem;position:relative}.activity-introduction h1,.activity-introduction p{margin:0}.activity-introduction h1{color:var(--color-primary);font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.25}.activity-introduction h1 span,.activity-introduction p span{display:block}.activity-introduction p{color:var(--color-text-muted);margin-top:.35rem;font-size:clamp(.82rem,1.25vw,.96rem);line-height:1.4}.learning-highlights{color:var(--color-text);flex-wrap:wrap;justify-content:center;gap:.35rem .8rem;margin:.55rem 0 0;padding:0;font-size:.82rem;font-weight:700;list-style:none;display:flex}.corner-back{z-index:11;pointer-events:none;width:14.5%;max-width:150px;position:absolute;top:0}.corner-back>img,.corner-back a img{width:100%}.corner-back a{pointer-events:auto;width:48%;position:absolute;top:4%;left:5%}.corner-back a:hover{cursor:pointer}.corner-back a:focus-visible{outline-color:var(--color-focus-contrast);outline-offset:-1px;border-radius:3vmin}.rows-container{aspect-ratio:893/768;flex-flow:wrap;place-content:flex-start center;width:min(90%,893px);height:auto;margin:auto;font-family:VAGzStarBold,sans-serif;font-size:.8em;display:flex;position:relative}.row-individual{flex-wrap:wrap;justify-content:space-around;width:83.5%;display:flex}.row-individual a{text-align:center;margin-bottom:0;padding:2px;display:block}.rows-container img{object-fit:contain;width:100%;height:100%}.rows-container a:hover{cursor:pointer}.rows-container a:focus-visible{outline-color:var(--color-text);box-shadow:0 0 0 2px var(--color-focus-contrast) inset;border-radius:3vmin}.w-12p5{width:12.5%}.w-16p6{width:16.6%}.w-33{width:33%}.w-100{width:100%}.p-10{padding-left:2%!important;padding-right:2%!important}.sm-display-block{display:none!important}.activity-rail.row-individual{flex-wrap:nowrap;gap:1vw;width:94%;position:relative}.activity-rail.row-individual a{padding-top:0}.rainbow{z-index:-1;background-image:url(/images/abc-pro/rainbow_bar.png);background-position-y:0%;background-repeat:repeat-x;background-size:2vh;width:200vw;height:2vh;position:absolute;top:3%;left:-100vw}.rainbow-2{display:none;top:53%}.brand-logo{z-index:100;color:var(--color-primary);text-shadow:0 2px 0 var(--color-focus-contrast), 2px 0 0 var(--color-focus-contrast), -2px 0 0 var(--color-focus-contrast);margin:0;font-size:clamp(15px,2vw,25px);font-weight:900;position:absolute;bottom:12px;right:15px}.rotate-hint{text-align:center;width:100%;display:none}.rotate-hint img{position:relative}.learning-guide{border:1px solid var(--color-border);background:var(--color-surface);width:min(72rem,100% - 2rem);box-shadow:var(--shadow-card);border-radius:1.5rem;margin:1rem auto 2rem;padding:clamp(1.25rem,3vw,2.5rem)}.guide-heading{text-align:center;max-width:52rem;margin:0 auto 1.5rem}.guide-heading h2,.guide-heading p{margin:0}.guide-heading h2{color:var(--color-text);font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.15}.guide-heading>p:last-child{color:var(--color-text-muted);margin-top:.45rem;font-size:clamp(1rem,2vw,1.2rem)}.section-eyebrow{color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:800;margin-bottom:.65rem!important}.learning-steps{counter-reset:learning-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.learning-steps li{border:1px solid var(--color-border);background:var(--color-surface-muted);counter-increment:learning-step;border-radius:1rem;padding:3.25rem 1.1rem 1.1rem;position:relative}.learning-steps li:before{width:1.8rem;height:1.8rem;color:var(--color-focus-contrast);background:var(--color-primary);content:counter(learning-step);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:1rem;left:1.1rem}.learning-steps h3,.guidance-grid h3{color:var(--color-primary);margin:0;font-size:1.05rem;line-height:1.35}.learning-steps h3 span{display:block}.bilingual-paragraph{color:var(--color-text);gap:.65rem;margin:.8rem 0 0;font-size:.96rem;line-height:1.65;display:grid}.bilingual-paragraph span[lang=zh-CN]{color:var(--color-text-muted)}.guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.guidance-grid article{border-left:4px solid var(--color-primary);background:var(--color-surface-muted);border-radius:.5rem;padding:1.1rem}.site-footer{width:min(72rem,100% - 2rem);color:var(--color-text);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;padding:1rem 0 2rem;display:flex}.site-footer p{margin:0;font-weight:700}.site-footer nav{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.site-footer a{text-underline-offset:.2em;font-weight:700}@media (max-width:888px){.learning-steps,.guidance-grid{grid-template-columns:1fr}}@media (max-height:600px){.activity-stage{min-height:auto}.rows-container{width:100%}}@media (max-width:650px){.activity-stage{padding-top:.5rem}.activity-introduction{width:calc(100% - 4.5rem);margin-right:.5rem;padding:.55rem .7rem}.activity-introduction p,.learning-highlights{font-size:.75rem}.rows-container{aspect-ratio:auto;width:100%}.w-16p6{width:33%!important}.activity-rail.row-individual{gap:unset;flex-wrap:wrap}.rainbow-2{display:block}.w-12p5{width:25%!important}.sm-display-none{display:none!important}.sm-display-block{display:block!important}.learning-guide{width:min(100% - 1rem,72rem);margin-top:.5rem}.site-footer{width:calc(100% - 1.5rem)}}@media screen and (min-device-width:768px) and (max-device-width:1366px) and (orientation:portrait),screen and (min-width:1024px) and (max-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),screen and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) and (min-device-width:744px) and (max-device-width:1366px),screen and (device-width:800px) and (device-height:1340px) and (orientation:portrait),screen and (min-device-width:600px) and (max-device-width:1280px) and (min-device-height:800px) and (max-device-height:1920px) and (orientation:portrait),screen and (min-device-width:600px) and (max-device-width:960px) and (orientation:portrait){.w-16p6{width:16.6%!important}.rotate-hint{display:block}.w-12p5{width:12.5%!important}.rainbow-2{display:none}.sm-display-block{display:none!important}.sm-display-none{display:block!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.activity-introduction,.learning-guide,.learning-steps li,.guidance-grid article,.learning-steps li:before{border:1px solid canvastext}}