/* Semantic surfaces shared by the public site; both themes use these tokens. */
:root{--school-page-bg:#f4f5f6;--school-card-bg:#ffffff;--school-badge-bg:#e7e7e7;--school-content-width:calc(100vw - 32px);--school-header-width:100vw;--school-footer-width:var(--school-content-width);--school-design-ratio:calc(1200 / 1160);--school-design-inset:20px;--school-footer-ratio:calc(1200 / 1180);--school-footer-inset:10px;--school-canvas-width:calc(var(--school-content-width) * var(--school-design-ratio));--school-shell-canvas-width:var(--school-header-width)}
/* Input contract from ChinaChild My, styles/ds-figma-tokens.css. */
:root{--ds-field-bg:#ffffff;--ds-field-bg-hover:#f5f5f8;--ds-field-border:#e7e8ef;--ds-field-border-hover:#dfe1ea;--ds-field-border-focus:#292933;--ds-field-text:#292933;--ds-field-placeholder:#8d91a3;--ds-field-height:56px;--ds-field-radius:16px;--ds-field-border-width:2px}
/* Native shared chrome; no UI framework or layout engine. */
[data-school-shell]{font-family:Onest,Arial,sans-serif;color:#1a1a1a;display:block;line-height:1.55;text-size-adjust:100%}[data-school-shell] *{box-sizing:border-box;font-family:inherit}[data-school-shell] a{color:inherit;text-decoration:none}[data-school-shell] a:focus-visible,[data-school-shell] button:focus-visible{outline:2px solid #978aff;outline-offset:4px}[data-school-shell] p{margin:0;padding:0}[data-school-shell="header"]{background:#fff}.shell-layout{position:relative;overflow:hidden}.shell-canvas{position:relative;width:1200px;overflow:hidden;transform-origin:top left}.shell-item{position:absolute;box-sizing:border-box;display:table}.shell-atom{display:table-cell;vertical-align:middle;width:100%;height:100%}.shell-image{display:block;width:100%;height:auto}.shell-flow>.shell-flex{position:relative!important;left:initial!important;top:initial!important;height:fit-content;flex-shrink:0}.shell-item[data-kind=button]{display:block}.shell-item[data-kind=button]>.shell-atom{display:flex;box-sizing:border-box;width:100%;height:100%;align-items:center;justify-content:center;position:relative;overflow:hidden}.shell-button-content{display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0;width:100%}.shell-button-text{flex:1 1 0}.shell-button-icon{flex:0 0 auto;position:relative}.shell-button-icon:before{content:'';position:absolute;inset:0;background-image:var(--icon,none);background-position:center;background-size:contain;background-repeat:no-repeat}#school-header-desktop .shell-canvas{height:100px;background-color:#ffffff}#school-header-desktop .shell-filter{height:100px}#school-header-desktop .shell-carrier{height:100px;background-attachment:scroll;background-repeat:no-repeat}@media screen and (max-width:1199px){#school-header-desktop .shell-canvas,#school-header-desktop .shell-filter,#school-header-desktop .shell-carrier{height:100px}#school-header-desktop .shell-carrier{background-attachment:scroll}}@media screen and (max-width:959px){#school-header-desktop .shell-canvas,#school-header-desktop .shell-filter,#school-header-desktop .shell-carrier{height:100px}#school-header-desktop .shell-carrier{background-attachment:scroll}}@media screen and (max-width:639px){#school-header-desktop .shell-canvas,#school-header-desktop .shell-filter,#school-header-desktop .shell-carrier{height:100px}#school-header-desktop .shell-carrier{background-attachment:scroll}}@media screen and (max-width:479px){#school-header-desktop .shell-canvas,#school-header-desktop .shell-filter,#school-header-desktop .shell-carrier{height:100px}#school-header-desktop .shell-carrier{background-attachment:scroll}}#school-header-desktop .shell-group[data-node="1766657166908000002"]{z-index:3;position:absolute;top:27px;left:calc(50% - 600px + 985px);width:197px;height:47px}#school-header-desktop .shell-group[data-node="1766657166908000002"] #shell-flow-1766657166908000002{width:100%;height:100%;position:relative;display:flex;overflow:visible visible;padding:0px 0px 0px 0px;border-style:solid;box-sizing:border-box;border-radius:0px 0px 0px 0px;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out}@media screen and (max-width:1199px){#school-header-desktop .shell-group[data-node="1766657166908000002"]{top:27px;left:calc(50% - 480px + 770px);width:180px;height:40px}#school-header-desktop .shell-group[data-node="1766657166908000002"] #shell-flow-1766657166908000002{display:flex}}@media screen and (max-width:959px){#school-header-desktop .shell-group[data-node="1766657166908000002"]{display:flex;top:26px;left:calc(50% - 320px + 345px);width:267px;height:47px}#school-header-desktop .shell-group[data-node="1766657166908000002"] #shell-flow-1766657166908000002{display:flex;overflow:visible visible;flex-direction:row;flex-wrap:unset;column-gap:10px;align-items:flex-start;justify-content:flex-start;align-content:flex-start}@supports (-webkit-touch-callout:none) and (not (translate:none)){#school-header-desktop .shell-group[data-node="1766657166908000002"] #shell-flow-1766657166908000002{gap:0}#school-header-desktop .shell-group[data-node="1766657166908000002"] #shell-flow-1766657166908000002 > *:not(:last-child){margin-right:10px}}}@media screen and (max-width:639px){#school-header-desktop .shell-group[data-node="1766657166908000002"]{display:flex;top:26px;left:calc(50% - 240px + 222px);width:244px;height:47px}#school-header-desktop .shell-group[data-node="1766657166908000002"] #shell-flow-1766657166908000002{display:flex}}@media screen and (max-width:479px){#school-header-desktop .shell-group[data-node="1766657166908000002"]{display:flex;top:26px;left:calc(50% - 160px + 250px);width:47px;height:47px}#school-header-desktop .shell-group[data-node="1766657166908000002"] #shell-flow-1766657166908000002{display:flex}}#school-header-desktop .shell-item[data-node="1766657166908000003"]{display:none;z-index:3;top:-2px;left:147px;width:47px;flex-shrink:0;height:auto;margin:0 0 0 0}#school-header-desktop .shell-item[data-node="1766657166908000003"] .shell-atom{border-radius:0px 0px 0px 0px;border-width:0;border-style:solid;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out}#school-header-desktop .shell-item[data-node="1766657166908000003"] .shell-image{border-radius:0px 0px 0px 0px;object-position:center center}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166908000003"]{display:none;top:0px;left:193px;width:47px;height:auto;flex-shrink:0}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166908000003"]{display:table;top:0px;left:220px;width:47px;height:auto;flex-shrink:0}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166908000003"]{display:table;top:0px;left:197px;width:47px;height:auto;flex-shrink:0}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166908000003"]{display:table;top:0px;left:0px;width:47px;height:auto;flex-shrink:0;border-radius:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166908000003"] .shell-atom{border-radius:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166908000003"] .shell-image{border-radius:0px 0px 0px 0px}}#school-header-desktop .shell-item[data-node="1766657166909000004"]{color:#fefefe;text-align:center;z-index:3;top:0px;left:0px;width:190px;flex-shrink:0;height:47px;margin:0 0 0 0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom{color:#fefefe;font-size:20px;font-family:Arial;line-height:1.55;font-weight:500;letter-spacing:-0.5px;border-radius:10px;--shell-speedhover:0.1s;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out;--shell-bgcolor-color:#1a1a1a;--shell-bgcolor-image:none;--shell-bgcolor-hover-color:#3e3e3e;--shell-bgcolor-hover-image:none;background-color:transparent;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom .shell-button-content{column-gap:10px;padding:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom .shell-button-text{transition:color 0s ease-in-out;color:#fefefe}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover{animation-name:none;background-color:transparent}}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover{color:#fefefe}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover .shell-button-text{color:#fefefe}}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover{box-shadow:var(--uc-button-shadowhover-TOPuWYXVrdv0,0px 15px 30px -10px rgba(0,11,48,0.2))}}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166909000004"]{display:block;top:0px;left:0px;width:180px;height:45px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom{white-space:normal;background-color:transparent}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166909000004"]{display:block;top:0px;left:0px;width:210px;height:47px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom{white-space:normal;background-color:transparent}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166909000004"]{display:block;top:0px;left:0px;width:187px;height:47px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom{white-space:normal;background-color:transparent}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166909000004"]{display:none;top:-24px;left:-724px;width:170px;height:47px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom{white-space:normal;background-color:transparent}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000004"] .shell-atom:hover{animation-name:none;background-color:transparent}}}#school-header-desktop .shell-item[data-node="1766657166909000011"]{z-index:3;top:20px;left:calc(50% - 600px + 20px);width:60px;height:auto}#school-header-desktop .shell-item[data-node="1766657166909000011"] .shell-atom{border-radius:0px 0px 0px 0px;border-width:0;border-style:solid;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out}#school-header-desktop .shell-item[data-node="1766657166909000011"] .shell-image{border-radius:0px 0px 0px 0px;object-position:center center}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166909000011"]{display:table;top:20px;left:calc(50% - 480px + 11px);width:50px;height:auto}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166909000011"]{display:table;top:25px;left:calc(50% - 320px + 20px);width:50px;height:auto}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166909000011"]{display:table;top:25px;left:calc(50% - 240px + 10px);width:50px;height:auto}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166909000011"]{display:table;top:25px;left:calc(50% - 160px + 10px);width:50px;height:auto}}#school-header-desktop .shell-group[data-node="1766657166908000001"]{z-index:3;position:absolute;top:27px;left:calc(50% - 600px + 140px);width:781px;height:49px}#school-header-desktop .shell-group[data-node="1766657166908000001"] #shell-flow-1766657166908000001{width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:row;column-gap:15px;align-items:center;justify-content:space-between;align-content:flex-start;padding:0px 0px 0px 0px;border-style:solid;box-sizing:border-box;border-radius:0px 0px 0px 0px;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out}@supports (-webkit-touch-callout:none) and (not (translate:none)){#school-header-desktop .shell-group[data-node="1766657166908000001"] #shell-flow-1766657166908000001{gap:0}#school-header-desktop .shell-group[data-node="1766657166908000001"] #shell-flow-1766657166908000001 > *:not(:last-child){margin-right:15px}}@media screen and (max-width:1199px){#school-header-desktop .shell-group[data-node="1766657166908000001"]{display:flex;top:25px;left:calc(50% - 480px + 75px);width:676px;height:45px}#school-header-desktop .shell-group[data-node="1766657166908000001"] #shell-flow-1766657166908000001{display:flex}}@media screen and (max-width:959px){#school-header-desktop .shell-group[data-node="1766657166908000001"]{display:flex;top:26px;left:calc(50% - 320px + 410px);width:210px;height:0px}#school-header-desktop .shell-group[data-node="1766657166908000001"] #shell-flow-1766657166908000001{display:flex;padding:0px 0px 0px 0px}}@media screen and (max-width:639px){#school-header-desktop .shell-group[data-node="1766657166908000001"]{display:flex;top:26px;left:calc(50% - 240px + 222px);width:248px;height:0px}#school-header-desktop .shell-group[data-node="1766657166908000001"] #shell-flow-1766657166908000001{display:flex}}@media screen and (max-width:479px){#school-header-desktop .shell-group[data-node="1766657166908000001"]{display:flex;top:26px;left:calc(50% - 160px + 250px);width:51px;height:0px}#school-header-desktop .shell-group[data-node="1766657166908000001"] #shell-flow-1766657166908000001{display:flex}}#school-header-desktop .shell-group[data-node="1766657166909000005"]{z-index:3;position:absolute;top:0px;left:0px;width:577px;height:auto;flex-shrink:0;margin:0 0 0 0}#school-header-desktop .shell-group[data-node="1766657166909000005"] #shell-flow-1766657166909000005{width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:row;column-gap:5px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:0px 0px 0px 0px;border-style:solid;box-sizing:border-box;border-radius:0px 0px 0px 0px;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out}@supports (-webkit-touch-callout:none) and (not (translate:none)){#school-header-desktop .shell-group[data-node="1766657166909000005"] #shell-flow-1766657166909000005{gap:0}#school-header-desktop .shell-group[data-node="1766657166909000005"] #shell-flow-1766657166909000005 > *:not(:last-child){margin-right:5px}}@media screen and (max-width:1199px){#school-header-desktop .shell-group[data-node="1766657166909000005"]{display:flex;top:0px;left:0px;width:704px;height:auto;flex-shrink:0;order:;align-self:auto}#school-header-desktop .shell-group[data-node="1766657166909000005"] #shell-flow-1766657166909000005{display:flex}}@media screen and (max-width:959px){#school-header-desktop .shell-group[data-node="1766657166909000005"]{display:none;top:0px;left:0px;width:577px;height:auto;flex-shrink:0;order:;align-self:auto;margin:0 0 0 0}#school-header-desktop .shell-group[data-node="1766657166909000005"] #shell-flow-1766657166909000005{display:flex}}@media screen and (max-width:639px){#school-header-desktop .shell-group[data-node="1766657166909000005"]{display:none;width:577px;height:auto;flex-shrink:0;order:;align-self:auto}#school-header-desktop .shell-group[data-node="1766657166909000005"] #shell-flow-1766657166909000005{display:flex}}@media screen and (max-width:479px){#school-header-desktop .shell-group[data-node="1766657166909000005"]{display:none;width:577px;height:auto;flex-shrink:0;order:;align-self:auto}#school-header-desktop .shell-group[data-node="1766657166909000005"] #shell-flow-1766657166909000005{display:flex}}#school-header-desktop .shell-item[data-node="1766657166909000006"]{color:#1f1e22;text-align:center;z-index:3;top:0px;left:566px;width:200px;flex-shrink:0;height:49px;margin:0 0 0 0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom{color:#1f1e22;font-size:20px;font-family:Arial;line-height:1.55;font-weight:500;letter-spacing:-0.5px;border-radius:10px 10px 10px 10px;--shell-speedhover:0.1s;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out;--shell-bgcolor-hover-color:#ededed;--shell-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom .shell-button-content{column-gap:10px;padding:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom .shell-button-text{transition:color 0s ease-in-out;color:#1f1e22}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover{animation-name:none;background-color:transparent}}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover{color:#1a1a1a}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover .shell-button-text{color:#1a1a1a}}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166909000006"]{display:block;top:0px;left:520px;width:161px;height:45px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom{white-space:normal;font-size:16px}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166909000006"]{display:block;top:0px;left:500px;width:180px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166909000006"]{display:block;width:180px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166909000006"]{display:block;width:180px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000006"] .shell-atom:hover{animation-name:none;background-color:transparent}}}#school-header-desktop .shell-item[data-node="1766657166909000007"]{color:#1f1e22;text-align:center;z-index:3;top:0px;left:411px;width:150px;flex-shrink:0;height:49px;margin:0 0 0 0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom{color:#1f1e22;font-size:20px;font-family:Arial;line-height:1.55;font-weight:500;letter-spacing:-0.5px;border-radius:10px 10px 10px 10px;--shell-speedhover:0.1s;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out;--shell-bgcolor-hover-color:#ededed;--shell-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom .shell-button-content{column-gap:10px;padding:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom .shell-button-text{transition:color 0s ease-in-out;color:#1f1e22}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover{animation-name:none;background-color:transparent}}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover{color:#1a1a1a}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover .shell-button-text{color:#1a1a1a}}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166909000007"]{display:block;top:0px;left:385px;width:130px;height:45px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom{white-space:normal;font-size:16px}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166909000007"]{display:block;top:0px;left:365px;width:130px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166909000007"]{display:block;width:130px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166909000007"]{display:block;width:130px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000007"] .shell-atom:hover{animation-name:none;background-color:transparent}}}#school-header-desktop .shell-item[data-node="1766657166909000008"]{color:#1f1e22;text-align:center;z-index:3;top:0px;left:276px;width:130px;flex-shrink:0;height:48px;margin:0 0 0 0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom{color:#1f1e22;font-size:20px;font-family:Arial;line-height:1.55;font-weight:500;letter-spacing:-0.5px;border-radius:10px 10px 10px 10px;--shell-speedhover:0.1s;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out;--shell-bgcolor-hover-color:#ededed;--shell-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom .shell-button-content{column-gap:10px;padding:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom .shell-button-text{transition:color 0s ease-in-out;color:#1f1e22}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover{animation-name:none;background-color:transparent}}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover{color:#1a1a1a}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover .shell-button-text{color:#1a1a1a}}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166909000008"]{display:block;top:0px;left:260px;width:120px;height:45px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom{white-space:normal;font-size:16px}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166909000008"]{display:block;top:0px;left:250px;width:110px;height:48px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166909000008"]{display:block;width:110px;height:48px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166909000008"]{display:block;width:110px;height:48px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000008"] .shell-atom:hover{animation-name:none;background-color:transparent}}}#school-header-desktop .shell-item[data-node="1766657166909000009"]{color:#1f1e22;text-align:center;z-index:3;top:0px;left:171px;width:100px;flex-shrink:0;height:49px;margin:0 0 0 0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom{color:#1f1e22;font-size:20px;font-family:Arial;line-height:1.55;font-weight:500;letter-spacing:-0.5px;border-radius:10px 10px 10px 10px;--shell-speedhover:0.1s;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out;--shell-bgcolor-hover-color:#ededed;--shell-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom .shell-button-content{column-gap:10px;padding:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom .shell-button-text{transition:color 0s ease-in-out;color:#1f1e22}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover{animation-name:none;background-color:transparent}}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover{color:#1a1a1a}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover .shell-button-text{color:#1a1a1a}}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166909000009"]{display:block;top:0px;left:165px;width:90px;height:45px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom{white-space:normal;font-size:16px}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166909000009"]{display:block;top:0px;left:155px;width:90px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166909000009"]{display:block;width:90px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166909000009"]{display:block;width:90px;height:49px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000009"] .shell-atom:hover{animation-name:none;background-color:transparent}}}#school-header-desktop .shell-item[data-node="1766657166909000010"]{color:#1f1e22;text-align:center;z-index:3;top:0px;left:0px;width:166px;flex-shrink:0;height:47px;margin:0 0 0 0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom{color:#1f1e22;font-size:20px;font-family:Arial;line-height:1.55;font-weight:500;letter-spacing:-0.5px;border-radius:10px 10px 10px 10px;--shell-speedhover:0.1s;transition:background-color 0s ease-in-out,color 0s ease-in-out,border-color 0s ease-in-out,box-shadow 0.2s ease-in-out;--shell-bgcolor-hover-color:#ededed;--shell-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom .shell-button-content{column-gap:10px;padding:0px 0px 0px 0px}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom .shell-button-text{transition:color 0s ease-in-out;color:#1f1e22}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover{animation-name:none;background-color:transparent}}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover{color:#1a1a1a}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover .shell-button-text{color:#1a1a1a}}@media screen and (max-width:1199px){#school-header-desktop .shell-item[data-node="1766657166909000010"]{display:block;top:0px;left:0px;width:160px;height:45px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom{white-space:normal;font-size:16px}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:959px){#school-header-desktop .shell-item[data-node="1766657166909000010"]{display:block;top:0px;left:0px;width:150px;height:48px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:639px){#school-header-desktop .shell-item[data-node="1766657166909000010"]{display:block;width:150px;height:48px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover{animation-name:none;background-color:transparent}}}@media screen and (max-width:479px){#school-header-desktop .shell-item[data-node="1766657166909000010"]{display:block;width:150px;height:48px;flex-shrink:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom{white-space:normal}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom .shell-button-text{overflow:visible}@media (hover),(min-width:0\0){#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover::after{opacity:0}#school-header-desktop .shell-item[data-node="1766657166909000010"] .shell-atom:hover{animation-name:none;background-color:transparent}}}.shell-item[data-kind=text]{height:auto!important;min-height:0}.shell-group.shell-flex{height:auto!important}#school-header-desktop .shell-item[data-kind=image]{transition:transform .2s,opacity .2s}#school-header-desktop .shell-item[data-kind=image]:hover{transform:scale(.95);opacity:.95}#school-header-desktop .shell-atom{white-space:nowrap}#school-header-desktop{display:block}.glass-menu-wrap{position:fixed;top:20px;left:0;width:100%;display:flex;justify-content:center;z-index:9999;pointer-events:none;font-family:'Onest'}.glass-menu{pointer-events:auto;width:calc(100% - 40px);box-sizing:border-box;background:rgba(255,255,255,0.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:60px;border:1px solid rgba(255,255,255,0.5);padding:0 40px;box-shadow:0 10px 40px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.7);overflow:hidden;height:90px;transition:height .7s cubic-bezier(.77,0,.175,1)}.glass-menu.open{height:650px}.glass-menu-top{height:90px;display:flex;align-items:center;position:relative}.glass-logo img{height:70px;display:block}.glass-burger{position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.glass-nav{margin-top:10px;opacity:0;transform:translateY(-10px);transition:opacity .4s ease, transform .4s ease;display:flex;flex-direction:column;height:calc(100% - 100px)}.glass-menu.open .glass-nav{opacity:1;transform:translateY(0)}.glass-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;flex:1}.glass-nav ul li{width:100%}.glass-menu .glass-nav ul li a{text-decoration:none !important;color:#1A1A1A !important;font-size:32px !important;font-weight:400 !important;font-synthesis:none !important;-webkit-font-smoothing:antialiased !important;padding:10px 18px !important;border-radius:16px !important;display:block !important;width:100% !important;box-sizing:border-box !important;transition:background .2s ease, color .2s ease !important}.glass-menu .glass-nav ul li a:hover{color:#000000 !important}.glass-nav-btn-wrap{padding:20px 0 30px 18px}.glass-menu .glass-nav .glass-nav-btn{display:inline-block !important;text-decoration:none !important;background:#1A1A1A !important;color:#ffffff !important;font-family:'Onest',Arial,sans-serif!important;font-size:24px !important;font-weight:400 !important;font-synthesis:none !important;padding:16px 48px !important;border-radius:15px !important;border:none !important;cursor:pointer !important;transition:background .25s ease !important;letter-spacing:0.01em !important;-webkit-font-smoothing:antialiased !important}.glass-menu .glass-nav .glass-nav-btn:hover{color:#ffffff !important}@media(max-width: 900px){.glass-menu{width:calc(100% - 10px);border-radius:40px;height:80px;padding:0 24px}.glass-menu.open{height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}.glass-logo img{height:50px}.glass-menu-top{height:80px}.glass-nav{height:calc(100% - 90px)}.glass-menu .glass-nav ul li a{font-size:28px !important}.glass-menu .glass-nav .glass-nav-btn{font-size:20px !important;padding:14px 36px !important}}[data-school-shell] .glass-burger{border:0;padding:0;background:transparent}[data-school-shell] .glass-logo img{width:auto;max-width:none}[data-school-shell] .glass-menu-wrap{display:none}@media(max-width:900px){#school-header-desktop{display:none}[data-school-shell] .glass-menu-wrap{display:flex}}@media(min-width:1200px){.shell-canvas{width:1200px}}@media(min-width:960px) and (max-width:1199px){.shell-canvas{width:960px}}@media(min-width:640px) and (max-width:959px){.shell-canvas{width:640px}}@media(min-width:480px) and (max-width:639px){.shell-canvas{width:480px}}@media(max-width:479px){.shell-canvas{width:320px}}[data-school-shell],[data-school-shell] *{font-family:Onest,Arial,sans-serif!important}

[data-school-shell] .shell-group,[data-school-shell] .shell-flow,[data-school-shell] .shell-atom{border:0 solid transparent}
.shell-canvas>.shell-group{position:absolute}
/* Button colors are native declarations, independent of exported runtime variables. */
#school-header-desktop .shell-item[data-node="1766657166909000004"]>.shell-atom{background:#1a1a1a;color:#fefefe}
#school-header-desktop .shell-item[data-node="1766657166909000004"]>.shell-atom:hover{background:#3e3e3e}

/* Layout is final before the first paint; navigation never waits for JS sizing. */
@media(min-width:1200px){.shell-canvas{zoom:calc(var(--school-shell-canvas-width) / 1200px)}}
@media(min-width:960px) and (max-width:1199px){.shell-canvas{zoom:calc(var(--school-shell-canvas-width) / 960px)}}
@media(min-width:640px) and (max-width:959px){.shell-canvas{zoom:calc(var(--school-shell-canvas-width) / 640px)}}
@media(min-width:480px) and (max-width:639px){.shell-canvas{zoom:calc(var(--school-shell-canvas-width) / 480px)}}
@media(max-width:479px){.shell-canvas{zoom:calc(var(--school-shell-canvas-width) / 320px)}}
@view-transition{navigation:auto}
[data-school-shell="header"]{view-transition-name:none}
@media(min-width:901px){.school-desktop-pill{view-transition-name:school-shared-header}}
@media(max-width:900px){#glassMenu{view-transition-name:school-shared-header}}
::view-transition-group(school-shared-header){animation:none}
::view-transition-old(school-shared-header){animation:none;opacity:0}
::view-transition-new(school-shared-header){animation:none;opacity:1}
::view-transition-group(root){animation-duration:180ms}
::view-transition-old(root){animation-duration:180ms;animation-timing-function:ease-out}
::view-transition-new(root){animation-duration:180ms;animation-timing-function:ease-out}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* Shared page surface, breadcrumbs and navigation states. */
html,html body,html body .school-records{background-color:var(--school-page-bg)!important}
[data-school-shell="header"],#school-footer-body,[data-school-shell="footer"]{background-color:var(--school-page-bg)!important}
.r[data-bg-color="#f0f0f0"],.r[data-bg-color="#f3f4f6"],.breadcrumbs-wrap{background:var(--school-page-bg)!important}
html body .school-breadcrumbs{box-sizing:border-box;max-width:1200px;width:100%;margin:0 auto;padding:22px 20px 26px;background:var(--school-page-bg);font:18px/1.55 Onest,Arial,sans-serif;color:#42464b;overflow-wrap:anywhere}
html body .school-breadcrumbs ol{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
html body .school-breadcrumbs li+li:before{content:'›';margin-right:10px;color:#737373}
html body .school-breadcrumbs a{color:#ff8643;text-decoration:none}
html body .school-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
html body .school-breadcrumbs span{font-weight:500}
#school-header-desktop .shell-item[data-kind="button"] .shell-atom[href^="/"]{border-radius:10px;transition:background-color .15s,color .15s}
#school-header-desktop .shell-item[data-kind="button"] .shell-atom[href^="/"]:hover{background:#ededed;color:#1a1a1a}
#school-header-desktop .shell-item[data-kind="button"] .shell-atom[href^="https://my."]:hover{background:#ededed;color:#1a1a1a}
[data-school-shell="footer"]{view-transition-name:school-shared-footer}
::view-transition-group(school-shared-footer){animation:none}
::view-transition-old(school-shared-footer){animation:none;opacity:0}
::view-transition-new(school-shared-footer){animation:none;opacity:1}
@media(max-width:900px){html body .school-breadcrumbs{max-width:1200px;padding:var(--school-public-header-clearance,80px) 20px 24px;font-size:16px}}

/* The transition layer must remain above page canvases, including the fixed glass menu. */
[data-school-shell="header"]{position:relative;z-index:1000}
/* Match the original menu's row rhythm without inheriting the page line height. */
.glass-menu .glass-nav ul li a{line-height:1.2142857143!important}
.glass-menu .glass-nav .glass-nav-btn{line-height:1.2!important}
/* Short landscape windows scroll the navigation instead of clipping links/CTA. */
.glass-menu.open .glass-nav{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.glass-nav ul{flex:1 0 auto}
.glass-nav-btn-wrap{flex-shrink:0}
@media(min-width:1200px){#school-header-desktop{height:round(down,calc(var(--school-header-width) / 12),1px);overflow:hidden}}
@media(min-width:901px) and (max-width:1199px){#school-header-desktop{height:round(down,calc(var(--school-header-width) / 9.6),1px);overflow:hidden}}
/* Width constraints measured from Skyeng; each shared shell component remains centered. */
#school-header-desktop{width:var(--school-header-width);margin-inline:auto}
.glass-menu{width:var(--school-header-width)}
@media(max-width:900px){.glass-menu{width:var(--school-header-width)}}

/* Shared content-width contract: mobile, tablet, desktop, large desktop. */
@media(min-width:768px){:root{--school-content-width:620px}}
@media(min-width:1024px){:root{--school-content-width:940px;--school-header-width:1004px}}
@media(min-width:1366px){:root{--school-content-width:1232px;--school-header-width:1280px}}
@media(min-width:1920px){:root{--school-content-width:1324px;--school-header-width:1324px}}
@media(min-width:960px) and (max-width:1199px){:root{--school-design-ratio:calc(960 / 940);--school-design-inset:10px;--school-footer-ratio:calc(960 / 950);--school-footer-inset:5px}}
@media(min-width:640px) and (max-width:959px){:root{--school-design-ratio:calc(640 / 620);--school-design-inset:10px;--school-footer-ratio:calc(640 / 630);--school-footer-inset:5px}#school-footer-body .shell-item[data-node="1766338974892"]{left:5px}}
@media(min-width:480px) and (max-width:639px){:root{--school-design-ratio:calc(480 / 460);--school-design-inset:10px;--school-footer-ratio:calc(480 / 470);--school-footer-inset:5px}}
@media(max-width:479px){:root{--school-design-ratio:calc(320 / 310);--school-design-inset:5px;--school-footer-ratio:calc(320 / 310);--school-footer-inset:5px}}

/* Neutral surfaces in the remaining exported content. Colored sections and
   interaction states retain their own colors; no renderer is added. */
#rec1976539381 .t396__artboard,#rec514640893 .t396__artboard,#rec522359051 .t396__artboard{background-color:var(--school-page-bg)!important}
html body :is(.t806__test,.t668__wrapper,.t959__card-inner,.t-feed__row-grid__post-wrapper_panel,.t-popup__container,.t-slds__container){background-color:var(--school-card-bg)!important}
#rec1851142891 .tn-elem[data-elem-id="1687069587042"] .tn-atom{background-color:var(--school-card-bg)!important}
html body :is(.t-input,.t-select,.t-input-phonemask__wrap){background-color:var(--ds-field-bg)!important}
/* These are resting panels, rather than selected/hover states in the test. */
#hsk2-root :is(.hsk2__bank,.hsk2__errCard){background-color:var(--school-card-bg)}

/* Keep the shared navigation over the registration artwork without shifting its canvas. */
body.registration-page>[data-school-shell="header"]{position:relative;z-index:20;height:0;background:transparent}
body.registration-page #school-header-desktop{height:0}
body.registration-page .school-desktop-cta-wrap,
body.registration-page .glass-nav-btn-wrap{display:none}
body.registration-page>[data-school-shell="footer"]{display:none}

/* Photo-led pages place the shared glass navigation directly over their hero. */
@media(min-width:901px){
  body.school-photo-hero [data-school-shell="header"]{height:0;background:transparent!important}
  body.school-photo-hero #school-header-desktop{height:0}
  body.school-photo-hero .school-desktop-pill{background:rgba(255,255,255,.68)}
}

/* Floating desktop navigation and a separate bottom-centred application action. */
@media(min-width:901px){
  #school-header-desktop{width:100%;height:112px;overflow:visible}
  .school-desktop-pill,.school-desktop-cta-wrap{position:fixed;z-index:1001;box-sizing:border-box;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.7)}
  .school-desktop-pill{top:16px;left:50%;transform:translateX(-50%);width:min(calc(100vw - 32px),var(--school-header-width));min-height:76px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:clamp(4px,1vw,16px);padding:8px clamp(14px,1.8vw,28px);overflow:hidden}
  .school-desktop-pill>a{display:flex;align-items:center;justify-content:center;min-height:68px;padding:10px clamp(18px,1.4vw,24px);border-radius:999px;white-space:nowrap;color:#1a1a1a!important;font-size:clamp(13px,1.12vw,18px);font-weight:500;line-height:1.2;transition:background-color .15s ease}
  .school-desktop-pill>.school-desktop-logo{padding:0;flex:0 0 auto}
  .school-desktop-logo img{display:block;width:54px;height:54px}
  .school-desktop-cta-wrap{bottom:24px;left:50%;transform:translateX(-50%);padding:13px 18px;border-radius:32px}
  .school-desktop-cta{display:block;padding:13px 28px;border-radius:16px;background:#1a1a1a;color:#fff!important;font-size:18px;font-weight:500;line-height:1.25;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}
}

/* Shared typography: roles, not page-specific sizes. White text inherits its surface. */
:root{--school-font:Onest,Arial,sans-serif;--school-ink:#1a1a1a;--school-muted:#666;--school-inverse:#fff;--school-link:#ff8643;--school-type-display:clamp(36px,4.2vw,64px);--school-type-section:clamp(30px,3vw,40px);--school-type-subheading:clamp(24px,2.2vw,30px);--school-type-lead:clamp(20px,1.7vw,24px);--school-type-body:20px;--school-type-control:20px;--school-type-small:14px;--school-type-caption:12px;--school-weight-heading:500;--school-weight-body:400;--school-leading-heading:1.1;--school-leading-body:1.45;--school-tracking-heading:-.045em;--school-tracking-body:-.015em}
@media(max-width:767px){:root{--school-type-body:16px;--school-type-control:18px}}
/* Flow-based legacy blocks share the scale while retaining their layout and surface colors. */
.t-title_xl,.t-title_xxl{font-size:var(--school-type-display)!important;font-weight:var(--school-weight-heading)!important;line-height:var(--school-leading-heading)!important;letter-spacing:var(--school-tracking-heading)!important}
.t-title_xs,.t-title_sm,.t-title_md,.t-title_lg{font-size:var(--school-type-section)!important;font-weight:var(--school-weight-heading)!important;line-height:var(--school-leading-heading)!important}
.t-descr_md,.t-descr_lg,.t-descr_xl,.t-descr_xxl{font-size:var(--school-type-lead)!important;line-height:var(--school-leading-body)!important}
.t-text_md,.t-text_sm{font-size:var(--school-type-body)!important;line-height:var(--school-leading-body)!important}
.t-descr_xs,.t-descr_xxs,.t-text_xs{font-size:var(--school-type-small)!important;line-height:var(--school-leading-body)!important}

/* The remaining exported text blocks consume the same semantic scale. */
[data-elem-type="text"][data-field-fontsize-value="14"] .tn-atom{font-size:var(--school-type-small)!important;line-height:var(--school-leading-body)!important;letter-spacing:var(--school-tracking-body)!important;}
[data-elem-type="text"][data-field-fontsize-value="20"] .tn-atom{font-size:var(--school-type-body)!important;line-height:var(--school-leading-body)!important;letter-spacing:var(--school-tracking-body)!important;}
[data-elem-type="text"][data-field-fontsize-value="30"] .tn-atom{font-size:var(--school-type-subheading)!important;line-height:var(--school-leading-heading)!important;letter-spacing:var(--school-tracking-heading)!important;font-weight:var(--school-weight-heading)!important;}
/* Shared Yandex SVG set: same controls, one cached local sprite. */
.school-icon{display:inline-block;width:24px;height:24px;flex:0 0 auto;vertical-align:middle;fill:currentColor;pointer-events:none}
[data-school-shell] .glass-burger{width:44px;height:44px;right:-6px;display:block;border-radius:50%}
/* Ghost menu control. The same 20px frame is used in both states. */
html body [data-school-shell] .glass-burger{background:transparent;box-shadow:none;color:var(--school-ink,#1a1a1a);transition:color .24s ease}
html body [data-school-shell] .glass-burger:is(:hover,:focus-visible){background:transparent;box-shadow:none;color:var(--school-ink,#1a1a1a)}
/* Adapted from Hamburgers / slider, https://github.com/jonsuh/hamburgers
 * The MIT License (MIT)
 * Copyright (c) 2016 Jonathan Suh <hello@jonsuh.com> (jonsuh.com)
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
 * of the Software, and to permit persons to whom the Software is furnished to do
 * so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
[data-school-shell] .menu-bars{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none}
[data-school-shell] .menu-line,[data-school-shell] .menu-line::before,[data-school-shell] .menu-line::after{position:absolute;display:block;width:100%;height:2px;border-radius:0;background:currentColor;transform-origin:center;transition:transform .22s ease,opacity .15s ease,width .22s ease,left .22s ease}
[data-school-shell] .menu-line{left:0;top:3px}
[data-school-shell] .menu-line::before,[data-school-shell] .menu-line::after{content:"";left:0}
[data-school-shell] .menu-line::before{top:6px}
[data-school-shell] .menu-line::after{top:12px}
/* A rotated 26.284px line has a 20px footprint: the cross never looks smaller. */
[data-school-shell] .glass-menu.open .menu-line{left:-3.142px;width:26.284px;transform:translate3d(0,6px,0) rotate(45deg)}
[data-school-shell] .glass-menu.open .menu-line::before{opacity:0;transform:rotate(-45deg) translate3d(-3.75px,-4px,0)}
[data-school-shell] .glass-menu.open .menu-line::after{transform:translate3d(0,-12px,0) rotate(-90deg)}
@media(prefers-reduced-motion:reduce){[data-school-shell] .menu-line,[data-school-shell] .menu-line::before,[data-school-shell] .menu-line::after{transition:none}}

/* Compact public navigation; safe-area is only added when the viewport needs it. */
@media(max-width:900px){
 :root{--school-mobile-menu-height:56px;--school-mobile-menu-top:max(8px,env(safe-area-inset-top,0px));--school-public-header-clearance:calc(var(--school-mobile-menu-top) + var(--school-mobile-menu-height) + 16px)}
 html{scroll-padding-top:var(--school-public-header-clearance)}
 [data-school-shell] .glass-menu-wrap{top:var(--school-mobile-menu-top)}
 [data-school-shell] .glass-menu{height:var(--school-mobile-menu-height);width:min(var(--school-header-width),calc(100% - 16px));padding:0 16px;border-radius:28px}
 [data-school-shell] .glass-menu-top{height:calc(var(--school-mobile-menu-height) - 2px)}
 [data-school-shell] .glass-logo a{display:grid;place-items:center;width:44px;height:44px}
 [data-school-shell] .glass-logo img{height:36px;width:36px}
 [data-school-shell] .glass-menu-top>.school-theme-control::before{content:"";position:absolute;inset:-7px 0}
 [data-school-shell] .glass-nav{margin-top:8px;height:calc(100% - var(--school-mobile-menu-height) - 8px)}
 [data-school-shell] .glass-menu.open{height:min(500px,calc(100dvh - var(--school-mobile-menu-top) - max(8px,env(safe-area-inset-bottom,0px))));max-height:calc(100dvh - var(--school-mobile-menu-top) - max(8px,env(safe-area-inset-bottom,0px)))}
}

/* The standalone demo learning area uses its own rail, like registration.
   Public chrome is still composed once and controlled only from this shell. */
body.cabinet-page>[data-school-shell="header"],body.cabinet-page>[data-school-shell="footer"]{display:none}

/* One appearance preference for public pages and the learning area. */
.school-theme-control{position:relative;display:inline-block;flex:0 0 52px;width:52px;height:30px;min-width:52px;padding:4px;border:0;border-radius:999px;background:#d6dbe2;cursor:pointer;vertical-align:middle}
.school-theme-thumb{position:relative;display:block;width:22px;height:22px;border-radius:50%;background:#fff;pointer-events:none;transition:transform .18s ease}
.school-theme-control[aria-checked=true]{background:#52627a}
.school-theme-control[aria-checked=true] .school-theme-thumb{transform:translateX(22px)}
.school-theme-control:focus-visible{outline:2px solid #978aff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.school-theme-thumb{transition:none}}
.glass-menu-top>.school-theme-control{position:absolute;right:48px;top:50%;transform:translateY(-50%)}
@media(min-width:901px){.school-desktop-pill>a{padding-inline:clamp(10px,1vw,20px)}.school-desktop-pill{gap:4px}}
html[data-learning-theme=dark]{
 --school-page-bg:#101923;--school-card-bg:#1b2736;--school-badge-bg:#344151;
 --school-ink:#edf1f6;--school-muted:#b2becd;--school-link:#ffac7c;
 --school-home-ink:#edf1f6;--school-home-muted:#b2becd;--school-soft-bg:#263648;
 --school-blue-bg:#243c54;--school-yellow-bg:#4b4129;--school-sage-bg:#24443e;
 --school-action-bg:#e8edf5;--school-action-ink:#17202b;
 --school-success-bg:#203f32;--school-success-ink:#a9e4bd;--school-error-bg:#4c2830;--school-error-ink:#ffb4b4;
 --ds-field-bg:#263648;--ds-field-bg-hover:#2c3e52;--ds-field-border:#526174;--ds-field-border-hover:#718196;--ds-field-border-focus:#b8cbeb;--ds-field-text:#edf1f6;--ds-field-placeholder:#b2becd;
 --editorial-subtle:#b2becd;--editorial-orange:#ffac7c;
 background-color:var(--school-page-bg);color-scheme:dark
}
html[data-learning-theme=dark] body:not(.cabinet-page){background-color:var(--school-page-bg)!important;color:var(--school-ink)}
html[data-learning-theme=dark] :is(.school-desktop-pill,.school-desktop-cta-wrap,.glass-menu){background:#1b2736c4!important;border-color:#c8dcf326;box-shadow:0 10px 40px #0004,inset 0 1px 0 #e1edff1a;color:var(--school-ink)}
html[data-learning-theme=dark] .school-desktop-pill>a,html[data-learning-theme=dark] .glass-menu .glass-nav ul li a{color:var(--school-ink)!important}
html[data-learning-theme=dark] .glass-burger{color:var(--school-ink)}

html[data-learning-theme=dark] :is(.school-desktop-cta,.glass-menu .glass-nav .glass-nav-btn){background:var(--school-action-bg)!important;color:var(--school-action-ink)!important}
html[data-learning-theme=dark] :is(.school-contact-dialog,dialog:not(.school-newsletter):not(.learning-settings):not(.course-program)){background:var(--school-card-bg);color:var(--school-ink)}
html[data-learning-theme=dark] .school-contact-dialog>button{background:var(--school-soft-bg);color:var(--school-ink)}
html[data-learning-theme=dark] :is(.dialog-close,.school-contact-close){color:var(--school-ink)}
html[data-learning-theme=dark] :is(.button,.native-button,.editorial-button,.hsk-card-action,.payment-page button,.registration-form button,.school-contact-dialog>a){background:var(--school-action-bg);color:var(--school-action-ink)!important}
html[data-learning-theme=dark] :is(.button-light,.editorial-button-secondary){background:var(--school-soft-bg);color:var(--school-ink)!important}
html[data-learning-theme=dark] :is(.form-status,.school-newsletter-status,.test-answers label.is-correct,.editorial-quiz label.is-correct){background:var(--school-success-bg);color:var(--school-success-ink)}
html[data-learning-theme=dark] .test-answers label.is-wrong{background:var(--school-error-bg);color:var(--school-error-ink)}
html[data-learning-theme=dark] .editorial-quiz label:has(input:checked):not(.is-correct){background:#493c2d;color:var(--school-ink)}
html[data-learning-theme=dark] :is(.guide-filters button,.test-intro>p:first-child,.native-test [data-quiz-progress],.payment-page .muted,.reviews-panel header p,.callback-content .form-policy){color:var(--school-muted)}
html[data-learning-theme=dark] .guide-filters button[aria-pressed=true]{background:var(--school-soft-bg);color:var(--school-ink)}
html[data-learning-theme=dark] .reader-content a:not(.editorial-button){color:var(--school-link)}
html[data-learning-theme=dark] .reader-table th{background:var(--school-soft-bg)}
html[data-learning-theme=dark] .guide-page .guide-card{--ink:var(--school-ink);--tile:#3b3553}
html[data-learning-theme=dark] .guide-page .guide-card[data-tone=orange]{--tile:#51392e}
html[data-learning-theme=dark] .guide-page .guide-card[data-tone=sage]{--tile:#24443e}
html[data-learning-theme=dark] .guide-page .guide-card[data-tone=lemon]{--tile:#4b4129}
html[data-learning-theme=dark] .guide-photo-cta{color:#171717}
html[data-learning-theme=dark] .hsk-card--one{--hsk-card-fill:#243c54}
html[data-learning-theme=dark] .hsk-card--two{--hsk-card-fill:#363758}
html[data-learning-theme=dark] .hsk-card--three{--hsk-card-fill:#493452}
html[data-learning-theme=dark] .hsk-card--four{--hsk-card-fill:#4c303f}
html[data-learning-theme=dark] :is(.registration-panel,.registration-status){background:var(--school-card-bg)}
html[data-learning-theme=dark] .registration-field input{background:var(--ds-field-bg);color:var(--ds-field-text)}
html[data-learning-theme=dark] .registration-field input::placeholder{color:var(--ds-field-placeholder)}
html[data-learning-theme=dark] .registration-field input:hover{background:var(--ds-field-bg-hover)}
html[data-learning-theme=dark] .registration-field input:focus{background:var(--ds-field-bg);border-color:var(--ds-field-border-focus)}
html[data-learning-theme=dark] :is(.legal-tools button,.phone-field select){color:var(--school-ink)}
/* The preserved independent diagnostic has its own class names. */
html[data-learning-theme=dark] body:not(.cabinet-page) .hsk2{color:var(--school-ink)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__head,.hsk2__card,.hsk2__bank,.hsk2__errCard,.hsk2__modal,.hsk2__selectList){background:var(--school-card-bg);color:var(--school-ink);border-color:var(--ds-field-border)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__choice,.hsk2__slot,.hsk2__token,.hsk2__selectTrigger,.hsk2__selectOption,.hsk2__textBox,.hsk2__input){background:var(--school-soft-bg);color:var(--school-ink);border-color:var(--ds-field-border)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__muted,.hsk2__sub){color:var(--school-muted)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__choice,.hsk2__token,.hsk2__selectOption).is-selected{background:#3a4f65}
/* Print documents keep paper colors independently of the chosen screen theme. */
@media print{html[data-learning-theme] body:not(.cabinet-page){background:#fff!important;color:#000}html[data-learning-theme] .legal-document{color:#000}}

html[data-learning-theme=dark] body .school-breadcrumbs,html[data-learning-theme=dark] .school-breadcrumbs li+li:before{color:var(--school-muted)}
html[data-learning-theme=dark] .school-breadcrumbs a{color:var(--school-link)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__nav,.hsk2__itemCard,.hsk2__modalHead,.hsk2__modalBody,.hsk2__modalFoot,.hsk2__scoreBox){background:var(--school-card-bg);color:var(--school-ink);border-color:var(--ds-field-border)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__btn,.hsk2__iconBtn,.hsk2__audioPlay,.hsk2__select,.hsk2__slots,.hsk2__pair,.hsk2__thumb,.hsk2__pill){background:var(--school-soft-bg);color:var(--school-ink);border-color:var(--ds-field-border)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__subtitle,.hsk2__progressText,.hsk2__navMeta,.hsk2__desc,.hsk2__audioTime,.hsk2__audioMeta,.hsk2__choiceSub,.hsk2__hint,.hsk2__modalSub,.hsk2__scoreLabel,.hsk2__rule){color:var(--school-muted)}
html[data-learning-theme=dark] body:not(.cabinet-page) .hsk2__selectLabel{color:var(--school-ink)}
html[data-learning-theme=dark] #hsk2-root .hsk2__navItem{background:var(--school-card-bg);color:var(--school-ink)}
html[data-learning-theme=dark] #hsk2-root .hsk2__navItem:hover{background:var(--school-soft-bg)}
html[data-learning-theme=dark] #hsk2-root .hsk2__navItem.is-active,html[data-learning-theme=dark] body:not(.cabinet-page) .hsk2__btn--primary{background:var(--school-action-bg);color:var(--school-action-ink)}
html[data-learning-theme=dark] #hsk2-root .hsk2__navItem.is-active .hsk2__navMeta{color:var(--school-action-ink)}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__choice:hover,.hsk2__audioPlay:hover,.hsk2__selectOption:hover){background:#34485f}
html[data-learning-theme=dark] body:not(.cabinet-page) :is(.hsk2__progressBar,.hsk2__hr){background:var(--school-soft-bg)}
html[data-learning-theme=dark] body:not(.cabinet-page) .hsk2__progressFill{background:var(--school-ink)}
html[data-learning-theme=dark] body:not(.cabinet-page) .hsk2__badgeBad{color:var(--school-error-ink)}
html[data-learning-theme=dark] :is(.editorial-card,.reader-cover){background:var(--school-card-bg)}
html[data-learning-theme=dark] .editorial-glass{background:#1b2736d4}
html[data-learning-theme=dark] .editorial-card:hover .editorial-glass{background:#1b2736e6}

html[data-learning-theme=dark]:has(.registration-page){background-color:var(--school-page-bg)!important}
html[data-learning-theme=dark] .school-newsletter form button{background:var(--school-action-bg);color:var(--school-action-ink)}
html[data-learning-theme=dark] body:not(.cabinet-page) main input:is([type=radio],[type=checkbox]){accent-color:var(--school-link)}

/* The shared footer always sits on a dark surface. */

/* Day/night marks use the same stroke icons as the learning settings. */
.school-theme-thumb svg{position:absolute;inset:3px;display:block;width:16px;height:16px;color:#344151;fill:none;stroke:currentColor;pointer-events:none}
.school-theme-thumb .school-theme-moon{display:none}
.school-theme-control[aria-checked=true] .school-theme-sun{display:none}
.school-theme-control[aria-checked=true] .school-theme-moon{display:block}

/* Answer choices: compact rounded rectangles, with one selected check indicator. */
:root{--answer-bg:var(--school-card-bg);--answer-ink:var(--school-ink);--answer-line:#e4e6e8;--answer-accent:#584487;--answer-on-accent:#fff;--answer-hover:#f5f3f9;--answer-success:#34724d;--answer-error:#ad3f45}
html[data-learning-theme=dark]{--answer-line:#536174;--answer-accent:#c5b7f3;--answer-on-accent:#251d37;--answer-hover:#283346;--answer-success:#a9e4bd;--answer-error:#ffb4b4}
body.cabinet-page{--answer-bg:var(--learning-card);--answer-ink:var(--learning-ink)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options){align-items:start;justify-items:start}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label{
 box-sizing:border-box;position:relative;display:flex;align-items:center;gap:14px;
 width:fit-content;min-width:min(120px,100%);max-width:min(560px,100%);min-height:60px;
 margin:0;padding:14px 18px;border:2px solid var(--answer-line);border-radius:16px;
 background:var(--answer-bg);color:var(--answer-ink);text-align:left;line-height:1.5;cursor:pointer;
 box-shadow:none;overflow-wrap:anywhere;transition:border-color .15s,background-color .15s
}
html:root body .editorial-quiz>label{margin-block:10px}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label>span{min-width:0}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label:hover:not(:has(input:disabled)){border-color:var(--answer-accent)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label:has(input:checked){border-color:var(--answer-accent);background:var(--answer-bg);color:var(--answer-ink)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label:has(input:focus-visible){outline:2px solid var(--answer-accent);outline-offset:3px}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label input[type=radio]{
 box-sizing:border-box;appearance:none;-webkit-appearance:none;position:relative;display:block;
 flex:0 0 24px;width:24px;height:24px;min-height:0;margin:0;padding:0;
 border:2px solid var(--answer-line);border-radius:50%;background:var(--answer-bg);box-shadow:none;outline:0;cursor:inherit;opacity:1
}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label input[type=radio]:checked{border-color:var(--answer-accent);background:var(--answer-accent)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label input[type=radio]:checked:after{
 content:'';position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid var(--answer-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)
}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label.is-correct,html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label.is-correct:has(input:checked){border-color:var(--answer-success);background:var(--answer-bg);color:var(--answer-success)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label.is-wrong,html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label.is-wrong:has(input:checked){border-color:var(--answer-error);background:var(--answer-bg);color:var(--answer-error)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label.is-correct input[type=radio]:checked{border-color:var(--answer-success);background:var(--answer-success)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label.is-wrong input[type=radio]:checked{border-color:var(--answer-error);background:var(--answer-error)}
html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label:has(input:disabled){cursor:default}
@media(max-width:600px){html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label{padding:12px 14px;gap:12px;min-height:56px}}
@media(prefers-reduced-motion:reduce){html:root body :is(.test-answers,.editorial-quiz,.intro-quiz-options)>label{transition:none}}

/* Shared glass material for public navigation and the student mobile dock. */
:root{--school-glass-fill:rgba(255,255,255,.25);--school-glass-stroke:rgba(255,255,255,.5);--school-glass-shadow:0 10px 40px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.7);--school-glass-blur:20px}
html[data-learning-theme=dark]{--school-glass-fill:#1b2736c4;--school-glass-stroke:#c8dcf326;--school-glass-shadow:0 10px 40px #0004,inset 0 1px 0 #e1edff1a}
[data-school-shell] .glass-menu{background:var(--school-glass-fill);border-color:var(--school-glass-stroke);box-shadow:var(--school-glass-shadow);backdrop-filter:blur(var(--school-glass-blur));-webkit-backdrop-filter:blur(var(--school-glass-blur))}

/* Original footer composition measured from go.chinachild.ru on 2026-10-26.
   Scale each authored layout within the agreed content frame, not the viewport.
   Child text remains native and unclipped; there are no off-canvas controls. */
#school-footer-body{width:var(--school-footer-width);margin-inline:auto;padding:30px 0;scroll-margin-top:120px}
.school-footer-panel{position:relative;margin:0;border-radius:30px;background:#1a1a1a;color:#fefefe;zoom:calc(var(--school-footer-width) / var(--footer-design-width));width:var(--footer-design-width);height:var(--footer-design-height)}
.school-footer-panel>*{position:absolute;margin:0;padding:0;box-sizing:border-box}
.school-footer-panel a{color:inherit;text-decoration:none}
.school-footer-panel h3,.school-footer-panel p{margin:0;padding:0}
.school-footer-links{display:flex;flex-direction:column;align-items:flex-start}
.school-footer-links h3{font:inherit;font-weight:700}
.school-footer-links a{font:inherit;font-weight:500;max-width:100%}
.school-footer-contacts>*{position:absolute;margin:0;white-space:nowrap}
.school-footer-contacts a{font-weight:500}
.school-footer-cta{display:flex;flex-direction:column;gap:15px;align-items:flex-start}
.school-footer-cta>a{display:flex;align-items:center;justify-content:center;gap:0;border-radius:10px;background:#fefefe;color:#1a1a1a;padding:0 12px;white-space:nowrap;box-sizing:border-box;max-width:100%}
.school-footer-cta>a span{min-width:0}
.school-footer-license img,.school-footer-license span{position:absolute;display:block}
.school-footer-license img{height:auto}
.school-footer-logo img{display:block;width:100%;height:auto}
.school-footer-social{display:flex;align-items:flex-start;gap:10px}
.school-footer-social a{display:block;flex:none}
.school-footer-social img{display:block;width:100%;height:auto}
.school-footer-payments{display:flex;flex-wrap:nowrap;align-items:flex-start}
.school-footer-payments img{display:block;flex:none;height:auto;max-width:none}
.school-footer-panel a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html[data-learning-theme=dark] .school-footer-panel{background:var(--school-card-bg)}
@media(min-width:1200px){
.school-footer-panel{--footer-design-width:1180px;--footer-design-height:600px}
.school-footer-main{left:416px;top:60px;width:137px}
.school-footer-main{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-other{left:610px;top:60px;width:150px}
.school-footer-other{font-size:15px;line-height:23.25px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-help{left:415px;top:240px;width:150px}
.school-footer-help{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-reference{left:610px;top:240px;width:150px}
.school-footer-reference{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-contacts{left:70px;top:60px;width:287px}
.school-footer-contacts>p:nth-of-type(1){left:0px;top:0px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(1){left:0px;top:33px;font-size:35px;line-height:31.5px;font-weight:500;letter-spacing:-2px}
.school-footer-contacts>p:nth-of-type(2){left:0px;top:104.5px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(2){left:0px;top:137.5px;font-size:35px;line-height:31.5px;font-weight:500;letter-spacing:-2px}
.school-footer-cta{left:850px;top:60px;width:281px}
.school-footer-cta{display:flex}
.school-footer-cta h3{font-size:22px;line-height:24.2px;font-weight:500;letter-spacing:-0.6px;width:max-content;white-space:nowrap}
.school-footer-cta p{font-size:15px;line-height:18.75px;font-weight:400;letter-spacing:-0.6px;width:270px}
.school-footer-cta>a{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-0.5px;width:270px;min-height:50px}
.school-footer-license{left:850px;top:338px;width:270px}
.school-footer-license img{left:0px;top:0px;width:93px}
.school-footer-license span{left:115px;top:16px;width:155px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-logo{left:70px;top:497px;width:70px}
.school-footer-policy{left:850px;top:516px;width:270px}
.school-footer-policy{font-size:13px;line-height:16px;font-weight:500;letter-spacing:normal}
.school-footer-cookies{left:850px;top:532px;width:270px}
.school-footer-cookies{font-size:13px;line-height:16px;font-weight:500;letter-spacing:normal}
.school-footer-social{left:70px;top:278px;width:152px}
.school-footer-social a:nth-child(1){width:47px}
.school-footer-social a:nth-child(2){width:38px}
.school-footer-social a:nth-child(3){width:47px}
.school-footer-payments{left:245px;top:509px;width:509px}
.school-footer-payments img:nth-child(1){width:40px;margin-top:0px;margin-right:14px}
.school-footer-payments img:nth-child(2){width:145px;margin-top:6px;margin-right:14px}
.school-footer-payments img:nth-child(3){width:59px;margin-top:15px;margin-right:14px}
.school-footer-payments img:nth-child(4){width:63px;margin-top:9px;margin-right:15px}
.school-footer-payments img:nth-child(5){width:145px;margin-top:8px;margin-right:0px}
}
@media(min-width:960px) and (max-width:1199px){
.school-footer-panel{--footer-design-width:950px;--footer-design-height:550px}
.school-footer-main{left:272px;top:60px;width:200px}
.school-footer-main{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-other{left:472px;top:60px;width:200px}
.school-footer-other{font-size:15px;line-height:23.25px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-help{left:272px;top:230px;width:200px}
.school-footer-help{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-reference{left:472px;top:230px;width:200px}
.school-footer-reference{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-contacts{left:35px;top:60px;width:201px}
.school-footer-contacts>p:nth-of-type(1){left:0px;top:0px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(1){left:0px;top:33px;font-size:25px;line-height:22.5px;font-weight:500;letter-spacing:-2px}
.school-footer-contacts>p:nth-of-type(2){left:0px;top:75.5px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(2){left:0px;top:108.5px;font-size:25px;line-height:22.5px;font-weight:500;letter-spacing:-2px}
.school-footer-cta{left:685px;top:60px;width:235px}
.school-footer-cta{display:flex}
.school-footer-cta h3{font-size:22px;line-height:24.2px;font-weight:500;letter-spacing:-0.6px;width:230px;white-space:normal}
.school-footer-cta p{font-size:15px;line-height:18.75px;font-weight:400;letter-spacing:-0.6px;width:230px}
.school-footer-cta>a{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-0.5px;width:230px;min-height:46px}
.school-footer-license{left:670px;top:313px;width:260px}
.school-footer-license img{left:0px;top:0px;width:85px}
.school-footer-license span{left:100px;top:13px;width:160px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-logo{left:33px;top:460px;width:64px}
.school-footer-policy{left:670px;top:457px;width:236px}
.school-footer-policy{font-size:13px;line-height:16px;font-weight:500;letter-spacing:normal}
.school-footer-cookies{left:670px;top:494px;width:236px}
.school-footer-cookies{font-size:13px;line-height:16px;font-weight:500;letter-spacing:normal}
.school-footer-social{left:35px;top:232px;width:161px}
.school-footer-social a:nth-child(1){width:47px}
.school-footer-social a:nth-child(2){width:47px}
.school-footer-social a:nth-child(3){width:47px}
.school-footer-payments{left:131px;top:469px;width:516px}
.school-footer-payments img:nth-child(1){width:40px;margin-top:0px;margin-right:16px}
.school-footer-payments img:nth-child(2){width:145px;margin-top:6px;margin-right:16px}
.school-footer-payments img:nth-child(3){width:59px;margin-top:15px;margin-right:16px}
.school-footer-payments img:nth-child(4){width:63px;margin-top:9px;margin-right:16px}
.school-footer-payments img:nth-child(5){width:145px;margin-top:8px;margin-right:0px}
}
@media(min-width:640px) and (max-width:959px){
.school-footer-panel{--footer-design-width:630px;--footer-design-height:730px}
.school-footer-main{left:40px;top:271px;width:200px}
.school-footer-main{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-other{left:210px;top:271px;width:130px}
.school-footer-other{font-size:15px;line-height:23.25px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-help{left:40px;top:438px;width:200px}
.school-footer-help{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-reference{left:210px;top:438px;width:121px}
.school-footer-reference{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:15px}
.school-footer-contacts{left:40px;top:36px;width:213px}
.school-footer-contacts>p:nth-of-type(1){left:0px;top:0px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(1){left:0px;top:33px;font-size:25px;line-height:22.5px;font-weight:500;letter-spacing:-2px}
.school-footer-contacts>p:nth-of-type(2){left:0px;top:75.5px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(2){left:0px;top:108.5px;font-size:25px;line-height:22.5px;font-weight:500;letter-spacing:-2px}
.school-footer-cta{left:310px;top:28px;width:290px}
.school-footer-cta{display:flex}
.school-footer-cta h3{font-size:22px;line-height:24.2px;font-weight:500;letter-spacing:-0.6px;width:max-content;white-space:nowrap}
.school-footer-cta p{font-size:15px;line-height:18.75px;font-weight:400;letter-spacing:-0.6px;width:281px}
.school-footer-cta>a{font-size:15px;line-height:23.25px;font-weight:500;letter-spacing:-0.5px;width:280px;min-height:44px}
.school-footer-license{left:410px;top:272px;width:148px}
.school-footer-license img{left:0px;top:0px;width:80px}
.school-footer-license span{left:0px;top:83px;width:148px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-logo{left:407px;top:438px;width:68px}
.school-footer-policy{left:407px;top:526px;width:196px}
.school-footer-policy{font-size:15px;line-height:18px;font-weight:500;letter-spacing:normal}
.school-footer-cookies{left:407px;top:572px;width:139px}
.school-footer-cookies{font-size:15px;line-height:18px;font-weight:500;letter-spacing:normal}
.school-footer-social{left:40px;top:187px;width:161px}
.school-footer-social a:nth-child(1){width:47px}
.school-footer-social a:nth-child(2){width:47px}
.school-footer-social a:nth-child(3){width:47px}
.school-footer-payments{left:108px;top:678px;width:424px}
.school-footer-payments img:nth-child(1){width:31px;margin-top:0px;margin-right:19px}
.school-footer-payments img:nth-child(2){width:111px;margin-top:4px;margin-right:20px}
.school-footer-payments img:nth-child(3){width:46px;margin-top:12px;margin-right:18px}
.school-footer-payments img:nth-child(4){width:49px;margin-top:7px;margin-right:19px}
.school-footer-payments img:nth-child(5){width:111px;margin-top:6px;margin-right:0px}
}
@media(min-width:480px) and (max-width:639px){
.school-footer-panel{--footer-design-width:470px;--footer-design-height:820px}
.school-footer-main{left:35px;top:270px;width:160px}
.school-footer-main{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-other{left:235px;top:270px;width:160px}
.school-footer-other{font-size:15px;line-height:23.25px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-help{left:35px;top:410px;width:160px}
.school-footer-help{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-reference{left:235px;top:410px;width:160px}
.school-footer-reference{font-size:16px;line-height:24.8px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-contacts{left:35px;top:40px;width:180px}
.school-footer-contacts>p:nth-of-type(1){left:0px;top:0px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(1){left:0px;top:33px;font-size:20px;line-height:18px;font-weight:500;letter-spacing:-1.5px}
.school-footer-contacts>p:nth-of-type(2){left:0px;top:71px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(2){left:0px;top:104px;font-size:20px;line-height:18px;font-weight:500;letter-spacing:-1.5px}
.school-footer-cta{left:235px;top:30px;width:205px}
.school-footer-cta{display:flex}
.school-footer-cta h3{font-size:20px;line-height:22px;font-weight:500;letter-spacing:-0.6px;width:200px;white-space:normal}
.school-footer-cta p{font-size:15px;line-height:18.75px;font-weight:400;letter-spacing:-0.6px;width:200px}
.school-footer-cta>a{font-size:15px;line-height:23.25px;font-weight:500;letter-spacing:-0.5px;width:200px;min-height:44px}
.school-footer-license{left:235px;top:606px;width:124px}
.school-footer-license img{left:0px;top:0px;width:66px}
.school-footer-license span{left:0px;top:87px;width:124px;font-size:12px;line-height:14px;font-weight:500;letter-spacing:-0.6px}
.school-footer-logo{left:35px;top:596px;width:66px}
.school-footer-policy{left:35px;top:699px;width:193px}
.school-footer-policy{font-size:12px;line-height:12px;font-weight:500;letter-spacing:normal}
.school-footer-cookies{left:35px;top:719px;width:196px}
.school-footer-cookies{font-size:12px;line-height:12px;font-weight:500;letter-spacing:normal}
.school-footer-social{left:35px;top:185px;width:161px}
.school-footer-social a:nth-child(1){width:47px}
.school-footer-social a:nth-child(2){width:47px}
.school-footer-social a:nth-child(3){width:47px}
.school-footer-payments{left:32px;top:762px;width:405px}
.school-footer-payments img:nth-child(1){width:34px;margin-top:0px;margin-right:12px}
.school-footer-payments img:nth-child(2){width:105px;margin-top:8px;margin-right:12px}
.school-footer-payments img:nth-child(3){width:42px;margin-top:14px;margin-right:12px}
.school-footer-payments img:nth-child(4){width:53px;margin-top:8px;margin-right:12px}
.school-footer-payments img:nth-child(5){width:123px;margin-top:7px;margin-right:0px}
}
@media(max-width:479px){
.school-footer-panel{--footer-design-width:310px;--footer-design-height:800px}
.school-footer-main{left:30px;top:285px;width:105px}
.school-footer-main{font-size:13px;line-height:20.15px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-other{left:160px;top:285px;width:105px}
.school-footer-other{font-size:13px;line-height:20.15px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-help{left:30px;top:410px;width:105px}
.school-footer-help{font-size:13px;line-height:20.15px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-reference{left:160px;top:410px;width:125px}
.school-footer-reference{font-size:13px;line-height:20.15px;font-weight:700;letter-spacing:-0.5px;font-weight:500;gap:5px}
.school-footer-contacts{left:25px;top:42px;width:268px}
.school-footer-contacts>p:nth-of-type(1){left:0px;top:0px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(1){left:0px;top:33px;font-size:30px;line-height:27px;font-weight:500;letter-spacing:-1.5px}
.school-footer-contacts>p:nth-of-type(2){left:0px;top:80px;font-size:15px;line-height:18px;font-weight:500;letter-spacing:-0.6px}
.school-footer-contacts>a:nth-of-type(2){left:0px;top:113px;font-size:30px;line-height:27px;font-weight:500;letter-spacing:-1.5px}
.school-footer-cta{left:-453px;top:294px;width:240px}
.school-footer-cta{display:none}
.school-footer-cta h3{font-size:19px;line-height:20.9px;font-weight:500;letter-spacing:-0.6px;width:234px;white-space:normal}
.school-footer-cta p{font-size:14px;line-height:17.5px;font-weight:400;letter-spacing:-0.6px;width:240px}
.school-footer-cta>a{font-size:15px;line-height:23.25px;font-weight:500;letter-spacing:-0.5px;width:240px;height:40px}
.school-footer-license{left:30px;top:595px;width:97px}
.school-footer-license img{left:0px;top:0px;width:61px}
.school-footer-license span{left:0px;top:85px;width:97px;font-size:12px;line-height:14px;font-weight:500;letter-spacing:-0.6px}
.school-footer-logo{left:160px;top:601px;width:49px}
.school-footer-policy{left:160px;top:696px;width:131px}
.school-footer-policy{font-size:11px;line-height:11px;font-weight:500;letter-spacing:normal}
.school-footer-cookies{left:160px;top:661px;width:126px}
.school-footer-cookies{font-size:11px;line-height:11px;font-weight:500;letter-spacing:normal}
.school-footer-social{left:25px;top:208px;width:161px}
.school-footer-social a:nth-child(1){width:47px}
.school-footer-social a:nth-child(2){width:47px}
.school-footer-social a:nth-child(3){width:47px}
.school-footer-payments{left:25px;top:745px;width:259px}
.school-footer-payments img:nth-child(1){width:20px;margin-top:0px;margin-right:5px}
.school-footer-payments img:nth-child(2){width:73px;margin-top:5px;margin-right:6px}
.school-footer-payments img:nth-child(3){width:29px;margin-top:9px;margin-right:3px}
.school-footer-payments img:nth-child(4){width:35px;margin-top:5px;margin-right:6px}
.school-footer-payments img:nth-child(5){width:82px;margin-top:5px;margin-right:0px}
}

/* Theme defaults, with explicit surface roles for panels whose colour stays fixed. */
:root{--school-logo-on-light:url('/brand/favicon-light.svg');--school-logo-on-dark:url('/brand/favicon-dark.svg');--school-logo-image:var(--school-logo-on-light)}
html[data-learning-theme=dark]{--school-logo-image:var(--school-logo-on-dark)}
[data-school-logo-surface=light]{--school-logo-image:var(--school-logo-on-light)}
[data-school-logo-surface=dark]{--school-logo-image:var(--school-logo-on-dark)}
html body img[src="/brand/ch-logo.svg"]{content:var(--school-logo-image);filter:none}

.school-analytics-banner{position:fixed;z-index:1200;bottom:max(16px,env(safe-area-inset-bottom));left:16px;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:22px;border:1px solid var(--school-muted);border-radius:24px;box-shadow:0 12px 48px #0003;color:var(--school-ink);background:var(--school-card-bg);font-family:Onest,sans-serif}
.school-analytics-banner[hidden]{display:none}
.school-analytics-banner h2{margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.school-analytics-banner p{margin:0 0 18px;font-size:14px;line-height:1.5;color:var(--school-muted)}
.school-analytics-banner a{color:inherit;text-decoration:underline}
.school-analytics-banner>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.school-analytics-banner button{font:inherit;font-size:14px;font-weight:500;line-height:1.3;min-height:48px;cursor:pointer;border:0;padding:12px;border-radius:14px;background:var(--school-page-bg);color:var(--school-ink)}
.school-analytics-banner [data-analytics-accept]{background:var(--school-ink);color:var(--school-card-bg)}
.school-analytics-banner button:focus-visible{outline:2px solid var(--school-ink);outline-offset:3px}
@media(max-width:400px){.school-analytics-banner{padding:18px;left:12px;width:calc(100% - 24px)}}

/* School-only interaction tokens. A neutral 5% overlay changes the surface,
   preserving text, icons, selected answers and the original resting colour. */
:root{--school-hover-lighten:rgb(255 255 255 / .05);--school-hover-darken:rgb(0 0 0 / .05);--school-hover-image-opacity:.95;--school-hover-duration:180ms;--school-hover-easing:cubic-bezier(.4,0,.2,1)}
html body [data-surface-hover]{transition:var(--surface-base-transition),background-color var(--school-hover-duration) var(--school-hover-easing),box-shadow var(--school-hover-duration) var(--school-hover-easing)!important}
@media(hover:hover) and (pointer:fine){
 html body [data-surface-hover][data-surface-hovered]{transition:var(--surface-base-transition),background-color var(--school-hover-duration) var(--school-hover-easing),box-shadow var(--school-hover-duration) var(--school-hover-easing)!important}
 html body [data-surface-hover=shape][data-surface-hovered]{box-shadow:var(--surface-base-shadow),inset 0 0 0 9999px var(--surface-hover-tint)!important}
 html body [data-surface-hover][data-learning-squircle][data-surface-hovered]{box-shadow:none!important}
 html body [data-surface-hover][data-learning-squircle]::before{box-shadow:inset 0 0 0 9999px transparent;transition:box-shadow var(--school-hover-duration) var(--school-hover-easing)}
 html body [data-surface-hover][data-learning-squircle][data-surface-hovered]::before{box-shadow:inset 0 0 0 9999px var(--surface-hover-tint);transition-delay:0s}
 html body [data-surface-hover=image][data-surface-hovered]>:is(img,svg){opacity:var(--school-hover-image-opacity);transition:opacity var(--school-hover-duration) var(--school-hover-easing)}
}
@media(prefers-reduced-motion:reduce){html body [data-surface-hover],html body [data-surface-hover][data-surface-hovered],html body [data-surface-hover]::before,html body [data-surface-hover] :is(img,svg){transition:none!important}}
html body.learning-reduce-motion [data-surface-hover],html body.learning-reduce-motion [data-surface-hover][data-surface-hovered],html body.learning-reduce-motion [data-surface-hover]::before,html body.learning-reduce-motion [data-surface-hover] :is(img,svg){transition:none!important}

.school-toast{position:fixed;z-index:2000;left:50%;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:flex-start;gap:12px;width:min(480px,calc(100% - 32px));max-height:40svh;overflow-y:auto;margin:0;padding:18px 16px 18px 20px;border:1px solid #e1e3e8;border-radius:20px;background:var(--learning-card,var(--school-card-bg,#fff));color:var(--learning-ink,var(--school-ink,#26262b));font-family:Onest,Arial,sans-serif;box-shadow:0 12px 48px rgb(0 0 0 / .14);transform:translateX(-50%);font-size:var(--school-type-small,15px);line-height:1.5;animation:school-toast-in .22s ease-out}
.school-toast[data-kind=error]{background:var(--learning-error-bg,var(--school-error-bg,#fff0f1));color:var(--learning-error-ink,var(--school-error-ink,#a72232));border-color:color-mix(in srgb,currentColor 22%,transparent)}
.school-toast[data-kind=success]{background:var(--learning-success-bg,var(--school-success-bg,#e5f4ec));color:var(--learning-success-ink,var(--school-success-ink,#245b41));border-color:color-mix(in srgb,currentColor 22%,transparent)}
.school-toast-icon{width:24px;height:24px;flex-shrink:0;margin-top:1px}
.school-toast [data-school-message]{flex:1;min-width:0;align-self:center;overflow-wrap:anywhere}
.school-toast-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;margin:-6px -4px -6px 0;padding:6px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}
.school-toast-close svg{width:22px;height:22px}
.school-toast-close:hover,.school-toast-close:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent);outline:none}
@keyframes school-toast-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.school-toast{animation:none}}

.school-toast[hidden]{display:none!important}

/* Shared form surface: public contact, free registration and course access. */
.school-form-dialog{box-sizing:border-box;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:24px;overflow:auto;overscroll-behavior:contain;background:var(--school-card-bg,#fff);color:var(--school-ink,#1a1a1a);font:16px/1.5 Onest,Arial,sans-serif;box-shadow:0 24px 80px #0003;text-align:left}
.school-form-dialog *{box-sizing:border-box}
.school-form-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
html body .school-form-dialog>.school-contact-close{position:sticky;top:12px;display:grid;margin:12px 12px -56px auto;z-index:2}
.school-form-content{padding:64px 32px 32px}
.school-form-content h2{margin:0 0 12px;font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.025em}
.school-form-content>p{margin:0 0 24px;color:var(--school-muted,#666);overflow-wrap:anywhere}
.school-form-content form{display:grid;gap:7px;margin:0}
.school-form-content label{display:block;min-width:0}
.school-form-content label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.school-form-content input,.school-form-content textarea{display:block;width:100%;min-width:0;height:var(--ds-field-height,56px);padding:0 20px;border:var(--ds-field-border-width,1px) solid var(--ds-field-border,#ddd);border-radius:var(--ds-field-radius,12px);background:var(--ds-field-bg,#f4f5f6);color:var(--school-ink,#1a1a1a);font:400 14px/1.5 Onest,Arial,sans-serif;outline:0;box-shadow:none;transition:background-color .15s,border-color .15s}
.school-form-content textarea{padding:16px 20px;height:128px;resize:vertical;max-height:300px}
.school-form-content input::placeholder,.school-form-content textarea::placeholder{color:var(--ds-field-placeholder,#777);opacity:1}
.school-form-content :is(input,textarea):hover{background:var(--ds-field-bg-hover);border-color:var(--ds-field-border-hover)}
html body .school-form-content :is(input,textarea):is(:focus,:focus-visible){background:var(--ds-field-bg);border-color:var(--ds-field-border-focus);outline:0;box-shadow:none}
.school-form-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 18px;border:0;border-radius:12px;background:var(--school-ink,#1a1a1a);color:var(--school-card-bg,#fff);font:500 18px/1.4 Onest,Arial,sans-serif;cursor:pointer}
.school-form-submit:disabled{opacity:.6;cursor:wait}
.school-form-content .school-form-policy{font-size:12px;line-height:1.5;margin:16px 0 0}
.school-form-content .school-form-login{font-size:14px;margin:24px 0 0;text-align:center}
.school-form-content a{color:inherit;text-underline-offset:3px}
.school-form-status{font:400 14px/1.5 Onest,Arial,sans-serif;overflow-wrap:anywhere;margin:12px 0 0;color:var(--school-ink,#1a1a1a)}
html:has(.school-form-dialog[open]){overflow:hidden}
.school-access-banner{padding:18px 24px;border-radius:16px;background:var(--school-card-bg,#fff);color:var(--school-ink,#1a1a1a);font:400 15px/1.5 Onest,Arial,sans-serif;margin:0 0 24px}
.school-access-banner a{color:inherit;text-underline-offset:3px}
a[data-school-locked]{color:var(--school-muted,#666)}
html body a>.school-lock-label{flex:0 0 auto;font:400 12px/1.4 Onest,Arial,sans-serif;white-space:nowrap;margin-inline-start:auto;padding-inline-start:12px}
@media(max-width:479px){.school-form-content{padding:60px 24px 24px}.school-form-content h2{font-size:28px}.school-form-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}

.school-contact-dialog .school-form-content{padding:64px 45px 40px;text-align:center}
.school-contact-dialog .school-form-content h2{font-size:32px;line-height:1.23;margin-bottom:11px}
.school-contact-dialog .school-form-content>p{font-size:14px}
.school-contact-dialog .school-form-content .school-form-policy{font-size:14px;margin-top:20px}
@media(max-width:640px){.school-contact-dialog .school-form-content{padding:60px 20px 24px}.school-contact-dialog .school-form-content h2{font-size:28px}.school-form-content input,.school-form-content textarea{font-size:16px}}
a.cabinet-activity>.school-lock-label{margin:12px 0 0;padding:0;align-self:flex-start;max-width:100%;white-space:normal}

/* One set of category tabs for the knowledge base and the guide. */
.guide-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%}
.guide-filters[hidden]{display:none}
.guide-main .guide-filters{margin:0 auto;padding:16px 0 36px}
.editorial-main .guide-filters{margin:0 0 28px;padding:0}
.guide-filters button{font:inherit;font-size:18px;line-height:1.4;font-weight:500;min-height:48px;padding:12px 20px;border:0;border-radius:999px;background:transparent;color:var(--school-muted);cursor:pointer;text-decoration:none;transition:background-color .24s,color .24s}
.guide-filters button[aria-pressed=true]{background:var(--school-ink);color:var(--school-inverse)}
.guide-filters button:hover{background:var(--school-card-bg);color:var(--school-ink)}
.guide-filters button[aria-pressed=true]:hover{background:#373c37;color:#fff}
.guide-filters button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--school-muted)}
@media(max-width:767px){.guide-filters button{padding:10px 16px}.guide-main .guide-filters{padding-bottom:24px}}
@media(max-width:550px){.guide-filters{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.guide-filters button{transition:none}}

/* Icon-only close actions share one quiet treatment; text close buttons retain
   their regular button appearance. Keep a 44px hit area without a visible tile. */
html body :is(button[aria-label^="Закрыть"],.dialog-close,.school-contact-close,.school-newsletter-close,.school-toast-close){display:inline-grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;width:44px;height:44px;padding:8px;border:0;font-size:32px;line-height:1;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--school-muted,#666)!important;cursor:pointer;transition:color .24s ease!important}
html body :is(button[aria-label^="Закрыть"],.dialog-close,.school-contact-close,.school-newsletter-close,.school-toast-close)::before{display:none!important}
html body :is(button[aria-label^="Закрыть"],.dialog-close,.school-contact-close,.school-newsletter-close,.school-toast-close):is(:hover,:focus-visible){background:transparent!important;box-shadow:none!important;color:var(--school-ink,#1a1a1a)!important;outline:none}
html body :is(button[aria-label^="Закрыть"],.dialog-close,.school-contact-close,.school-newsletter-close,.school-toast-close) svg{width:28px!important;height:28px!important;flex:0 0 28px!important}
@media(prefers-reduced-motion:reduce){html body :is(button[aria-label^="Закрыть"],.dialog-close,.school-contact-close,.school-newsletter-close,.school-toast-close){transition:none!important}}