@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#152e3d;--paper:#f5f4ef;--gold:#c5a56a;--line:#d9dfdc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--navy);background:#fff;font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #bd8636;outline-offset:5px}.skip{position:fixed;top:-70px;background:white;padding:15px;z-index:20}.skip:focus{top:0}.top{background:var(--navy);color:white;padding:10px 5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.4px}.top div{display:flex;gap:26px}.top button{background:none;border:0;color:white;padding:0}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:15px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;margin-top:5px}.crest{border:1px solid var(--gold);border-radius:0 0 16px 16px;padding:8px 12px;font:24px Georgia;color:#836431;text-align:center}.crest span{display:block;font:7px sans-serif;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:28px;font-size:13px;font-weight:600}nav a:hover{color:#886326}#menu{display:none}.hero{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;min-height:540px}.hero-copy{padding:65px 8% 30px 10%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:block}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.8px}h1{font-size:clamp(38px,4.2vw,66px);line-height:1.13;margin:25px 0}h1 em{font:italic 1.12em Georgia;color:#937344}p{font-size:15px;line-height:1.85;color:#5a6970;max-width:470px}.button{display:inline-flex;align-items:center;gap:45px;background:var(--navy);color:white;padding:16px 22px;font-size:13px;margin-top:20px}.button span{font-size:20px}.hero-note{border-top:1px solid #d9dcd4;margin-top:45px;padding-top:20px;font-size:11px;color:#697473}.hero-note span{color:#997a45;margin-right:15px}.hero-photo{position:relative;min-height:460px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102632bf)}.photo-label{position:absolute;z-index:1;bottom:35px;left:35px;color:white;font-size:11px;letter-spacing:1.8px}.photo-label span{display:block;letter-spacing:0;font-size:12px;margin-top:9px}.quick{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5%;border-bottom:1px solid var(--line)}.quick a{padding:27px 20px;border-right:1px solid var(--line);font-size:14px;font-weight:600;display:flex;gap:17px;align-items:center}.quick a:first-child{border-left:1px solid var(--line)}.quick span{font-size:10px;color:#947e57}.quick b{margin-left:auto}section:not(.hero){padding:75px 5%}h2{font-size:34px;line-height:1.25;margin:16px 0 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.textbutton{background:none;border:0;border-bottom:1px solid #aaa;padding:8px 0;font-size:12px}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news img{width:100%;height:225px;object-fit:cover}.news .date{display:block;font-size:10px;letter-spacing:1px;margin:20px 0 10px;color:#6a777b}.news h3{font-size:20px;letter-spacing:-.6px;line-height:1.5;margin:0 0 15px}.news a:hover h3{text-decoration:underline}.read{font-size:12px}.about{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%}.about h2{font-size:43px}.linklist a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.linklist a:hover{color:#96743e}.zones{display:grid;grid-template-columns:1fr 1fr;gap:10%}.zones>div:last-child{padding-left:10%;border-left:1px solid var(--line)}.docs{background:#eef2ef;display:grid;grid-template-columns:1fr 1fr;gap:12%}footer{background:var(--navy);color:white;padding:55px 5% 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer .brand{display:block;font-size:23px}footer a{display:block;margin-top:15px;font-size:14px}.footbottom{grid-column:1/-1;border-top:1px solid #ffffff30;margin-top:25px;padding-top:22px;font-size:10px;display:flex;justify-content:space-between;color:#bdc9cd}dialog{border:0;width:min(950px,94vw);max-height:90vh;padding:0;color:var(--navy)}dialog::backdrop{background:#10232cba}.dialogbar{position:sticky;top:0;background:var(--paper);padding:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;z-index:2}.dialogbar button{border:0;background:none}article{padding:25px 45px 50px;line-height:1.9;overflow-wrap:anywhere}article h1{font-size:34px}article img{max-width:100%;height:auto}article a{text-decoration:underline}article figure{margin:15px 0}article iframe{max-width:100%}.wp-block-gallery{display:flex;flex-wrap:wrap;gap:10px}.wp-block-gallery figure{width:45%}.high{--navy:#000;--paper:#fff;--gold:#000;--line:#000}.high p{color:#000}.high a{text-decoration:underline}@media(min-width:1550px){body{max-width:1600px;margin:auto}}@media(max-width:900px){nav{gap:15px;font-size:12px}.brand{font-size:16px}.hero-copy{padding-top:45px}.hero{min-height:500px}.quick a{padding:22px 12px;font-size:12px;gap:9px}.news img{height:180px}}@media(max-width:700px){.top>span{display:none}.top{justify-content:flex-end}.top div{gap:20px}header{padding:18px 5%;flex-wrap:wrap}#menu{display:block;border:1px solid var(--line);background:white;padding:10px;font-size:12px}nav{display:none;width:100%;flex-direction:column;padding:10px 0;font-size:15px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 25px}h1{font-size:43px}.hero-note{margin-top:28px}.hero-photo{min-height:300px}.quick{grid-template-columns:1fr 1fr}.quick a{border-bottom:1px solid var(--line)}section:not(.hero){padding:45px 6%}.section-heading{align-items:flex-start;gap:20px}h2{font-size:28px}.section-heading .textbutton{font-size:10px;min-width:100px;margin-top:30px}.news{grid-template-columns:1fr}.news img{height:240px}.news a{padding-bottom:20px}.about,.zones,.docs{grid-template-columns:1fr;gap:30px}.about h2{font-size:35px}.zones>div:last-child{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}footer{grid-template-columns:1fr}.footbottom{flex-direction:column;gap:15px}article{padding:20px}article h1{font-size:28px}}
/* School community layout */
:root{--navy:#174e40;--paper:#f1f6f1;--gold:#ce713b;--line:#dbe5dc}body{font-family:Arial,sans-serif;background:#fafbf8;color:#213e34}h1,h2,h3,.brand{font-family:Arial,sans-serif;letter-spacing:-.5px}.top{background:#e8f0e7;color:#315444;padding:9px 5%}.top button{color:#315444}header{background:white;padding:20px 5% 0;flex-wrap:wrap;gap:18px}.brand{font-size:21px}.brand small{font-family:Arial,sans-serif;font-size:14px}.crest{border:0;background:#e7f0df;border-radius:50%;padding:12px;color:#2e6345;font-size:0}nav{width:100%;border-top:1px solid var(--line);gap:0;font-size:14px}nav a{padding:17px 25px}nav a:first-child{padding-left:0}nav a:last-child{margin-left:auto}nav a:hover{color:#174e40;text-decoration:underline}.hero{display:block;height:390px;min-height:0;position:relative;background:#356b54;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123e32eb 0%,#123e32a6 40%,#123e3220 80%)}.hero-copy{position:relative;z-index:1;padding:60px 5%;color:white}.hero h1{font-size:46px;margin:20px 0 15px;line-height:1.15;letter-spacing:-1px}.hero h1 span{font-size:30px;font-weight:400}.hero p{color:#f5faf5;font-size:17px}.hero .button{background:#f7d47a;color:#183c30;border-radius:7px;margin-top:10px;padding:13px 20px;font-weight:bold}.hero .eyebrow{color:#f7d47a;font-size:11px}.school-tag{position:absolute;z-index:1;bottom:25px;right:5%;background:#fffef2;color:#315444;border-radius:5px;padding:11px 15px;font-size:10px;letter-spacing:1px}.quick{background:white;gap:14px;padding:20px 5%;border:0;grid-template-columns:repeat(4,1fr)}.quick a,.quick a:first-child{border:0;background:#edf3e9;border-radius:8px;padding:20px;font-size:15px}.quick a:nth-child(2){background:#fff0d9}.quick a:nth-child(3){background:#eaf1f8}.quick a:nth-child(4){background:#f5eaf0}.quick span{display:none}.quick b{font-size:20px}section:not(.hero){padding:42px 5%}h2{font-size:30px;margin:10px 0 16px}.section-heading{margin-bottom:15px}.eyebrow{letter-spacing:1.3px}.school-board{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.news-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px}.news-tabs button{border:0;border-radius:20px;padding:10px 17px;background:transparent;font-size:13px}.news-tabs button.selected{background:#215c45;color:white}.news{grid-template-columns:1fr 1fr;gap:24px}.news>a{background:white;border-radius:10px;overflow:hidden;border:1px solid #e0e7df;padding-bottom:20px}.news img{height:200px}.news .date,.news h3,.news .read{margin-left:20px;margin-right:20px}.news .date{font-size:11px;color:#61766a;margin-top:16px}.news h3{font-size:18px;line-height:1.4;font-weight:700;min-height:50px}.read{color:#2b6346;font-weight:600}aside{background:#eef3e9;padding:25px;border-radius:10px;align-self:start}aside h3{font-size:22px;margin:12px 0 20px}aside>a{display:block;padding:17px 0;border-top:1px solid #d5dfd0}aside strong{font-size:14px}aside a>span{display:block;font-size:12px;color:#57715f;margin-top:8px;line-height:1.5}.office{margin:15px -10px -10px;background:white;border-radius:7px;padding:20px;display:flex;flex-direction:column;gap:10px;font-size:13px}.office>a:first-of-type{font-size:22px;font-weight:700}.office>span{font-size:12px}.about{background:#eaf1e5;border-radius:14px;margin:10px 5%;padding:35px!important;gap:8%;position:relative}.about h2{font-size:34px}.zones{gap:6%}.zones>div{background:white;padding:25px;border-radius:12px;border:1px solid #e0e7df}.zones>div:last-child{padding:25px;border:1px solid #e0e7df}.zones>div:first-child{border-top:5px solid #dfae55}.zones>div:last-child{border-top:5px solid #6a9ac0}.docs{background:#f2eee2}footer{background:#22513e;padding-top:38px}footer .brand{font-size:21px}.high .hero:after{background:#000c}.high .quick a,.high aside,.high .zones>div,.high .about{background:#fff;color:#000}.high .hero-copy{color:white}.high .top{background:#fff;color:#000}@media(max-width:900px){.school-board{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.news{gap:15px}.news img{height:160px}nav a{padding:16px 18px}.hero h1{font-size:40px}}@media(max-width:700px){header{padding:15px 5%;gap:12px}.brand{font-size:16px}.brand small{font-size:12px}.crest{padding:9px}nav{padding:5px 0}nav a,nav a:first-child{padding:11px 4px}nav a:last-child{margin-left:0}.hero{height:340px}.hero-copy{padding:45px 6%}.hero h1{font-size:32px}.hero h1 span{font-size:22px}.hero p{font-size:14px;max-width:310px}.school-tag{display:none}.hero:after{background:#123e32b3}.quick{padding:14px 5%;gap:10px}.quick a{padding:17px 12px;font-size:13px}.school-board{grid-template-columns:1fr}.news{grid-template-columns:1fr 1fr;gap:12px}.news img{height:130px}.news h3{font-size:15px;margin-left:12px;margin-right:12px}.news .date,.news .read{margin-left:12px;margin-right:12px}.news .date{font-size:10px}.news .read{font-size:11px}.news-tabs{gap:3px}.news-tabs button{padding:9px 12px;font-size:12px}section:not(.hero){padding:30px 5%}.section-heading{gap:10px}.section-heading h2{font-size:25px}.section-heading .textbutton{margin-top:20px;min-width:90px}.about{margin:10px 5%;padding:25px!important}.about h2{font-size:29px}.zones>div:last-child{padding:25px}.zones{gap:20px}.footbottom{line-height:1.6}}
/* Navy editorial direction */
:root{--navy:#102c4c;--paper:#f3f6fa;--gold:#70b9ef;--line:#d9e2ec}body{background:white;color:#132f4d;font-family:Arial,sans-serif}.top{background:#0b213b;color:#dce9f5;font-size:11px}.top button{color:#dce9f5}header{position:absolute;top:33px;left:0;right:0;z-index:3;background:transparent;color:white;padding:24px 6%;display:flex;flex-wrap:nowrap;border:0}.brand{font-size:19px;flex-shrink:0}.brand small{font-size:12px;color:#dce6f1}.crest{background:transparent;color:#87c7f4;border:1px solid #87c7f4;border-radius:0;padding:10px}nav{border:0;width:auto;margin-left:auto;font-size:12px;gap:21px}nav a,nav a:first-child{padding:12px 0}nav a:last-child{margin-left:0}nav a:hover{color:#8bcafa}.hero{height:590px;background:#102c4c}.hero>img{object-position:center 48%}.hero:after{background:linear-gradient(90deg,#0b2544ee,#102f51a6 55%,#0b254455),linear-gradient(0deg,#102c4c,transparent 50%)}.hero-copy{padding:174px 8% 90px}.hero .eyebrow{color:#91cffa;letter-spacing:2.3px}.hero h1{font-family:Georgia,serif;font-size:57px;line-height:1.1;font-weight:400;letter-spacing:-1px;margin:24px 0}.hero h1 span{font-size:39px}.hero p{font-size:16px;color:#e2ebf4}.hero .button{border-radius:0;background:#83c4f1;padding:14px 23px;color:#102c4c}.school-tag{background:none;border-left:2px solid #80c4f0;border-radius:0;color:#dce9f5;bottom:105px;padding:8px 14px;font-size:10px;right:7%}.quick{position:relative;z-index:2;margin:-60px 8% 0;padding:0;background:transparent;gap:18px;grid-template-columns:repeat(4,1fr)}.quick a,.quick a:first-child{border-radius:0;background:white!important;min-height:132px;box-shadow:0 12px 30px #102c4c17;padding:25px 20px;border-bottom:4px solid #82bfe9;color:#132f4d;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:17px}.quick a:hover{transform:translateY(-4px);transition:transform .2s}.quick span{display:block;font-size:10px;letter-spacing:1px;color:#597d9c}.quick b{align-self:flex-end;margin-top:-22px;color:#2f6d9e}.quick a:nth-child(2){border-bottom-color:#4e99d0}.quick a:nth-child(3){border-bottom-color:#2b709f}.quick a:nth-child(4){border-bottom-color:#153b62}section:not(.hero){padding:65px 8%}h2{font-family:Georgia,serif;font-size:35px;letter-spacing:-.7px;font-weight:400}.eyebrow{color:#477ba3;font-size:10px;letter-spacing:1.8px}.section-heading{margin-bottom:24px}.textbutton{color:#275d86;border-color:#9eb7ca;font-size:12px}.school-board{grid-template-columns:minmax(0,1fr) 270px;gap:32px}.news-tabs button{border-radius:0;color:#284b6b}.news-tabs button.selected{background:#153b62;color:white}.news>a{border-radius:0;box-shadow:none;border:0;background:#f4f7fa}.news img{height:185px}.news h3{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.35}.news .date{color:#53748e}.news .read{color:#2b6795}aside{background:#edf3f8;border-radius:0;border-top:4px solid #234f78;padding:24px}aside h3{font:26px Georgia,serif;color:#173b5c}aside>a{border-color:#ccdae6}aside a>span{color:#54718a}.office{border-radius:0;color:#173b5c}.about{border-radius:0;background:#112e4d;color:white;margin:0;padding:65px 8%!important;gap:9%;isolation:isolate;overflow:hidden}.about:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102c4cf5,#102c4cd9),url('assets/budynek.webp') center/cover}.about .eyebrow{color:#8cc7ee}.about h2{font:40px/1.18 Georgia,serif}.about p{color:#d0deeb}.about .linklist a{border-color:#ffffff30;color:white}.about .linklist a:hover{color:#98d3fa}.zones{gap:7%}.zones>div,.zones>div:last-child{background:white;border:0;border-radius:0;padding:0;border-top:2px solid #9ecbec;padding-top:22px}.zones>div:last-child{border-top:2px solid #254f78}.linklist a{color:#214e74;border-color:#d8e2ec}.linklist a:hover{color:#0872b8}.docs{background:#eef3f8;border-top:1px solid #dfe8ef}.docs .linklist a{color:#204d73}footer{background:#0b233d;color:#eff6fb;padding:45px 8% 25px}footer .eyebrow{color:#96c9ec}footer .brand{font-family:Georgia,serif;font-weight:400;font-size:26px}footer .brand small{font-family:Arial,sans-serif}.footbottom{color:#b7c9d9}.dialogbar{background:#edf3f8;color:#173c60}article h1{font-family:Georgia,serif;color:#173c60}#menu{color:white;border-color:#ffffff50;background:transparent}.high{--navy:#000;--paper:#fff;--gold:#000;--line:#000}.high .top,.high footer,.high .about{background:#000;color:white}.high .quick a,.high aside,.high .docs{background:white!important;color:black}.high .hero:after{background:#000d}.high p{color:inherit}@media(min-width:1550px){header{max-width:1600px;left:50%;transform:translateX(-50%)}}@media(max-width:1050px){nav{gap:14px;font-size:11px}.brand{font-size:16px}.brand small{font-size:11px}.hero-copy{padding-left:6%}.quick{margin-left:6%;margin-right:6%}.school-board{grid-template-columns:minmax(0,1fr) 245px}.news img{height:160px}}@media(max-width:700px){.top{height:33px;padding:10px 5%}.top>span{display:none}header{top:33px;padding:18px 5%;flex-wrap:wrap;gap:12px}.brand{font-size:16px}.brand small{font-size:11px}.crest{padding:8px}.crest svg{width:25px;height:25px}nav{width:100%;background:#102c4c;padding:10px 15px;margin:0}nav a,nav a:first-child{padding:9px 0;font-size:13px}#menu{border-radius:0}.hero{height:505px}.hero-copy{padding:135px 6% 100px}.hero h1{font-size:37px}.hero h1 span{font-size:27px}.hero p{font-size:14px;max-width:320px}.hero .eyebrow{font-size:9px}.hero:after{background:linear-gradient(90deg,#102c4ce8,#102c4ca6),linear-gradient(0deg,#102c4c,transparent)}.school-tag{display:none}.quick{margin:-45px 5% 0;gap:10px;grid-template-columns:1fr 1fr}.quick a,.quick a:first-child{min-height:105px;padding:18px;font-size:15px}.quick span{font-size:9px}.quick b{font-size:19px}.quick a:hover{transform:none}section:not(.hero){padding:38px 5%}.school-board{grid-template-columns:1fr;gap:25px}.section-heading h2{font-size:27px}.news img{height:130px}.news h3{font-size:17px}.about{padding:38px 6%!important}.about h2{font-size:33px}.zones>div:last-child{padding:22px 0 0;border:0;border-top:2px solid #254f78}.zones{gap:35px}.docs{gap:10px}h2{font-size:29px}footer{padding:35px 6% 22px}}
.quick a,.quick a:first-child{position:relative;min-height:235px;padding:26px 24px 23px;align-items:flex-start;justify-content:flex-start;gap:12px;background:#e9f3fc!important;color:#123957;border:1px solid #b8d6ed;border-bottom:4px solid #79b6e2;box-shadow:0 12px 28px #102c4c18}.quick a:nth-child(2){background:#d6e9f8!important;border-color:#abcde5;border-bottom-color:#5d9dca}.quick a:nth-child(3){background:#24547c!important;color:white;border-color:#24547c;border-bottom-color:#80bfea}.quick a:nth-child(4){background:#153854!important;color:white;border-color:#153854;border-bottom-color:#4a86b3}.tile-icon{width:37px;height:37px;margin-bottom:3px;color:#286d9e}.quick span{font-size:9px;color:#416985;letter-spacing:1.1px}.quick strong{font-size:20px;font-weight:600}.quick p{font-size:13px;line-height:1.6;margin:0 0 18px;color:#3f6079;max-width:220px}.quick b{position:absolute;right:23px;bottom:19px;margin:0;font-size:23px;color:#205b87}.quick a:nth-child(n+3) .tile-icon,.quick a:nth-child(n+3) span{color:#a5d4f5}.quick a:nth-child(n+3) p{color:#e0ebf5}.quick a:nth-child(n+3) b{color:#a5d4f5}.quick a:hover{box-shadow:0 16px 32px #102c4c2b}.high .quick a{background:#fff!important;color:#000;border-color:#000}.high .quick a p,.high .quick a span,.high .quick a .tile-icon,.high .quick a b{color:#000}@media(max-width:900px){.quick{gap:12px}.quick a,.quick a:first-child{padding:22px 17px;min-height:250px}.quick strong{font-size:18px}}@media(max-width:700px){.quick{gap:10px}.quick a,.quick a:first-child{padding:19px 16px;min-height:218px;gap:9px}.tile-icon{width:30px;height:30px}.quick strong{font-size:17px}.quick span{font-size:8px;letter-spacing:.5px}.quick p{font-size:12px;line-height:1.5;margin-bottom:16px}.quick b{right:16px;bottom:12px;font-size:21px}}
#detail{width:min(1120px,96vw);max-height:94vh;background:white;padding:0;border:1px solid #d4e0eb;box-shadow:0 25px 100px #04172d55}.dialogbar{background:#102c4c;color:#dcebf8;padding:17px 30px;letter-spacing:1px}.dialogbar button{color:white;padding:8px 10px;border:1px solid #ffffff50;font-size:12px;letter-spacing:0}#article{padding:0;line-height:1.8}.detail-heading{padding:30px 6% 32px;background:#edf3f9;border-bottom:1px solid #dce6ef}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:#53728b;margin-bottom:25px}.breadcrumbs a{color:#315f83}#article .detail-heading h1{font:40px/1.2 Georgia,serif;letter-spacing:-.5px;margin:16px 0 0;max-width:850px}.detail-content{padding:30px 6% 40px;color:#293f53;font:16px/1.8 Arial,sans-serif}.detail-content p{font-size:16px;color:inherit;line-height:1.8;max-width:none;margin:0 0 18px}.detail-content h2{font:29px/1.3 Georgia,serif;margin:30px 0 15px}.detail-content h3{font:22px/1.4 Georgia,serif;margin-top:25px}.detail-content ul,.detail-content ol{padding-left:25px}.detail-content li{padding-left:4px;margin:7px 0}.detail-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:20px 0;font-size:14px}.detail-content td,.detail-content th{padding:14px 18px;border:1px solid #d8e3ed;text-align:left;min-width:110px}.detail-content tr:first-child{background:#173c60;color:white}.detail-content tr:nth-child(even){background:#f2f6fa}.detail-content table p{margin:0;font-size:14px;color:inherit}.detail-content a{color:#165c90;text-underline-offset:3px}.detail-content img{display:block;max-width:100%;height:auto;margin:20px auto;float:none}.detail-content img.alignleft{max-width:350px;float:left;margin:5px 25px 15px 0}.detail-content:after{content:'';display:block;clear:both}.detail-content .gallery,.detail-content .wp-block-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.detail-content .gallery-item,.detail-content .wp-block-gallery figure{width:auto!important;float:none!important;margin:0}.detail-content .gallery img{width:100%;height:200px;object-fit:cover;margin:0;border:0!important}.detail-content .gallery br{display:none}.detail-content .gallery-caption{font-size:12px;color:#5d7589;margin:8px 0}.archive-notice{margin:28px 6% 0;padding:18px 22px;background:#f8f3e8;border-left:3px solid #b19561;color:#604f32;font-size:14px}.archive-notice p{color:inherit;font-size:13px;line-height:1.6;margin:7px 0 0;max-width:none}.detail-footer{background:#f0f5fa;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dbe6ef;font-size:13px}.detail-footer a{color:#174f7b!important;font-weight:600}.document-link{display:inline-flex!important;align-items:center;gap:12px;border:1px solid #c9dcea;padding:12px 16px;background:#f2f7fb;margin:5px 5px 5px 0;text-decoration:none!important;font-size:14px;line-height:1.5}.document-link:hover{background:#e1eef8}.file-type{background:#1e527c;color:white;font-size:9px;font-weight:bold;letter-spacing:.5px;padding:5px 7px;flex-shrink:0}.empty-info{padding:20px;background:#f3f7fa}.empty-info h2{margin-top:0}@media(max-width:700px){#detail{width:100vw;max-height:100dvh;height:100dvh;margin:0;border:0}.dialogbar{padding:13px 5%;font-size:8px;letter-spacing:.5px}.dialogbar button{font-size:11px}.detail-heading{padding:25px 6%}.breadcrumbs{font-size:11px;margin-bottom:20px;gap:8px}#article .detail-heading h1{font-size:30px}.detail-content{padding:25px 6%;font-size:15px}.detail-content p{font-size:15px}.detail-content .gallery,.detail-content .wp-block-gallery{grid-template-columns:1fr 1fr;gap:10px}.detail-content .gallery img{height:145px}.detail-content img.alignleft{float:none;width:100%;max-width:100%;margin:15px 0}.detail-footer{align-items:flex-start;flex-direction:column;gap:10px}.archive-notice{font-size:13px;padding:15px}.document-link{max-width:100%;overflow-wrap:anywhere;font-size:13px}.detail-content td,.detail-content th{padding:11px}}
.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.document-grid .document-link{margin:0;min-height:78px;background:#f0f5fa;display:flex!important;line-height:1.5;padding:18px}.document-grid .document-link:hover{background:#deedf8}@media(max-width:700px){.document-grid{grid-template-columns:1fr;gap:10px}.document-grid .document-link{min-height:68px}}
.school-video{position:relative;aspect-ratio:16/9;width:100%;background:#102c4c}.school-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-fallback{margin-top:18px!important;font-size:14px!important}
.import-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.import-gallery a{display:block;background:#edf3f8;overflow:hidden}.detail-content .import-gallery img{width:100%;height:260px;object-fit:cover;margin:0;transition:transform .2s}.import-gallery a:hover img{transform:scale(1.025)}.source-note{font-size:13px!important;color:#5b758b!important}@media(max-width:700px){.import-gallery{gap:9px}.detail-content .import-gallery img{height:145px}}
.photo-count{font:12px Arial,sans-serif;color:#5b7890;vertical-align:middle;margin-left:12px}.photo-viewer[hidden]{display:none}.photo-viewer{position:fixed;inset:0;z-index:10;background:#071a2bf5;display:flex;align-items:center;justify-content:center;padding:75px 70px 30px}.viewer-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;color:white;background:#071a2b}.viewer-bar button,.viewer-prev,.viewer-next{border:1px solid #ffffff60;background:#143653;color:white;padding:12px 17px}.viewer-prev,.viewer-next{position:absolute;top:50%;font-size:24px}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-image{max-width:100%;max-height:calc(100dvh - 115px);object-fit:contain}.viewer-counter{font-size:14px}.photo-viewer button:disabled{opacity:.3;cursor:default}@media(max-width:700px){.photo-viewer{padding:65px 8px 75px}.viewer-prev,.viewer-next{top:auto;bottom:15px;padding:9px 20px}.viewer-prev{left:25%}.viewer-next{right:25%}.viewer-bar{padding:13px 16px}.viewer-image{max-height:calc(100dvh - 150px)}}
.document-catalog .document-search{display:block;font-size:13px;font-weight:600;color:#173f60;margin:25px 0 8px}.document-search input{display:block;width:100%;font:15px Arial,sans-serif;padding:15px 17px;margin-top:9px;border:1px solid #a9c2d6;background:#f8fbfe;color:#173c60;border-radius:0}.document-search input:focus{outline:2px solid #4c9ad1;outline-offset:2px}.detail-content .document-results{font-size:12px;color:#5b778e;margin:12px 0 30px}.detail-content .document-category{padding:0;margin:28px 0 36px}.detail-content .document-category h2{font:24px Georgia,serif;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #dbe6ee}.catalog-file{display:flex;align-items:center;gap:14px;padding:19px 17px;background:#f1f6fb;border:1px solid #d1e0ec;text-decoration:none!important;min-height:88px}.catalog-file:hover{background:#e0edf7;border-color:#8fb8d5}.catalog-file .file-label{flex:1;font-size:14px;line-height:1.5}.catalog-file small{display:block;font-size:11px;color:#647d90;margin-top:5px}.catalog-file .file-type{font-size:9px;padding:9px 7px;min-width:37px;text-align:center}.file-arrow{font-size:22px;color:#2a6693}.catalog-file[hidden],.document-category[hidden],.document-empty[hidden]{display:none!important}.document-catalog .catalog-intro{color:#516c81}.document-empty{padding:22px;background:#edf4fa}.document-search input::placeholder{color:#6a8296}@media(max-width:700px){.catalog-file{padding:15px;min-height:78px;gap:12px}.catalog-file .file-label{font-size:13px}.detail-content .document-category h2{font-size:22px}}
.document-featured .document-grid{grid-template-columns:1fr}.document-featured .catalog-file{background:#173c60;color:white;border-color:#173c60}.document-featured .catalog-file small{color:#d3e5f4}.document-featured .file-type{background:#8bc5ef;color:#123551}.document-featured .file-arrow{color:#a8d6f6}.document-featured .catalog-file:hover{background:#214e77}
/* Lighter school photograph with contrast retained behind the heading. */
.hero:after{background:linear-gradient(90deg,#0b2544d6 0%,#102f516b 48%,#0b254414 100%),linear-gradient(0deg,#102c4ce0 0%,transparent 42%)}
@media(max-width:700px){.hero:after{background:linear-gradient(90deg,#102c4cc7,#102c4c70),linear-gradient(0deg,#102c4cc9,transparent 45%)}}
.data-date{font-size:13px!important;color:#607b91!important;background:#f0f5fa;padding:15px 18px;border-left:3px solid #76b4e1}.class-picker{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.class-picker button{border:1px solid #b6cede;background:#f0f5fa;color:#1b4e76;padding:12px 18px;font-size:14px}.class-picker button[aria-pressed="true"]{background:#173c60;border-color:#173c60;color:white}.class-timetable[hidden]{display:none}.detail-content .class-timetable h2{font-size:27px;margin:25px 0 10px}.table-hint{font-size:12px!important;color:#5d7890!important}.timetable-scroll{overflow:auto;max-width:100%;border:1px solid #d4e2ed}.detail-content .timetable-scroll table{display:table;width:100%;min-width:930px;margin:0;font-size:12px}.timetable-scroll caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.detail-content .timetable-scroll th,.detail-content .timetable-scroll td{padding:12px 10px;vertical-align:top;min-width:0;line-height:1.6}.detail-content .timetable-scroll thead th{background:#173c60;color:white;font-weight:600}.detail-content .timetable-scroll tbody th{background:#e9f1f8;color:#173c60;text-align:center;width:45px}.detail-content .timetable-scroll tbody tr:first-child{background:white;color:#293f53}.detail-content .timetable-scroll td:not(.lesson-time){width:17%}.lesson-time{white-space:nowrap;font-size:11px}.no-lesson{color:#8ba1b3}.detail-content .staff-table{display:table}.high .data-date{color:black!important;background:white}
.timetable-notice{background:#edf5fc;border:1px solid #b7d4e9;border-left:4px solid #367eaf;padding:21px 23px;margin:22px 0;color:#183e5e}.timetable-notice>strong{font-size:16px}.detail-content .timetable-notice p{font-size:14px;line-height:1.75;margin:10px 0 14px}.timetable-notice a{font-size:13px;font-weight:600}
.calendar-days-off{background:#edf4fa;border-left:4px solid #4a8dbd;padding:20px 25px;margin:25px 0 35px}.detail-content .calendar-days-off h2{margin-top:0;font-size:25px}.calendar-days-off ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}.detail-content .calendar-days-off p,.detail-content .calendar-note{font-size:13px;color:#506d83}.detail-content .school-calendar{display:table;width:100%}.school-calendar td:last-child{width:42%}@media(max-width:700px){.calendar-days-off{padding:18px}.calendar-days-off ul{grid-template-columns:1fr}.detail-content .school-calendar{font-size:12px}.detail-content .school-calendar td,.detail-content .school-calendar th{padding:10px;min-width:0}}
.useful-links{display:grid;grid-template-columns:1fr 1.6fr;gap:8%;background:#f5f8fb;border-top:1px solid #d9e5ef}.institution-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.institution-links a{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:white;border:1px solid #cfdfeb;border-top:3px solid #548fb9;padding:22px}.institution-links strong{font-size:15px;line-height:1.5}.institution-links span{font-size:12px;color:#5c7890;line-height:1.6}.institution-links a:hover{background:#eaf3fa}.trust-phone{background:#edf5fc;border:1px solid #c3dcec;padding:28px}.detail-content .trust-phone h2{margin-top:15px}.trust-number{display:inline-block;font:bold 50px Arial,sans-serif;color:#164c75!important;text-decoration:none!important;margin:12px 0}.trust-online{display:inline-block;padding:13px 17px;border:1px solid #9dbdd4;background:white;font-size:14px}.detail-content .trust-phone p{font-size:15px}.high .useful-links{background:white;color:black}@media(max-width:900px){.useful-links{grid-template-columns:1fr;gap:20px}.institution-links{gap:12px}}@media(max-width:700px){.institution-links{grid-template-columns:1fr}.institution-links a{gap:8px;padding:19px}.trust-phone{padding:21px}.trust-number{font-size:43px}}
.institution-links{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.institution-links{grid-template-columns:1fr}}
.innovation-intro{padding:25px;background:#edf5fb;border-left:4px solid #5d9dc9}.detail-content .innovation-intro h2{margin-top:14px;font-size:34px}.detail-content .innovation-intro p{margin-bottom:0}.innovation-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 30px}.innovation-pillars>div{padding:20px;background:#f0f5fa;border-top:3px solid #4e89b3}.innovation-pillars strong{font-size:17px;color:#173e60}.detail-content .innovation-pillars p{font-size:14px;margin:10px 0 0}@media(max-width:700px){.innovation-pillars{grid-template-columns:1fr}.innovation-intro{padding:20px}.detail-content .innovation-intro h2{font-size:28px}}

/* School ceremony slideshow; copy and navigation stay in place. */
.hero-slides{position:absolute;inset:0;overflow:hidden}
.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;transition:opacity 1.3s ease}
.hero-slides img.active{opacity:1}
.hero-slides img:nth-child(2){object-position:center 38%}
.hero-slides img:nth-child(3){object-position:center 42%}
.hero-controls{position:absolute;z-index:3;right:5%;bottom:88px;display:flex;align-items:center;gap:8px;color:white}
.hero-controls button{width:40px;height:40px;border:1px solid #ffffff80;background:#102f518c;color:white;font-size:19px;cursor:pointer;border-radius:2px}
.hero-controls button:hover{background:#1b4c75}.hero-controls button:focus-visible{outline:3px solid #e9b65f;outline-offset:3px}
.hero-count{font-size:12px;min-width:39px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:700px){.hero-controls{bottom:78px;right:6%;gap:5px}.hero-controls button{width:36px;height:36px}.hero-slides img{object-position:63% center}.hero-slides img:nth-child(2){object-position:65% center}.hero-slides img:nth-child(3){object-position:42% center}}
@media(prefers-reduced-motion:reduce){.hero-slides img{transition:none}}

.hero .school-tag{display:none}

/* Fixed national emblem above the rotating photographs. */
.hero>img.hero-emblem{position:absolute;inset:auto;top:122px;right:6%;width:78px;height:auto;object-fit:contain;z-index:2;filter:drop-shadow(0 2px 5px #071b3540)}
@media(max-width:700px){.hero>img.hero-emblem{top:104px;right:6%;width:46px}}

/* School identity and navigation aligned with the banner copy. */
header{padding-left:8%;padding-right:8%;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px}
header .brand{gap:14px}header .brand-emblem{display:block;width:44px;height:auto;flex-shrink:0}
header nav{margin-left:0;justify-content:flex-start;gap:25px}
header nav a,header nav a:first-child{padding:5px 0}
.hero-copy{padding-top:194px}
@media(max-width:1050px){header{padding-left:6%;padding-right:6%}}
@media(max-width:700px){header{padding:15px 6%;flex-direction:row;align-items:center;gap:10px}header .brand{gap:10px}header .brand-emblem{width:35px}header #menu{margin-left:auto}header nav{gap:10px}.hero-copy{padding-top:135px}}
@media(max-width:380px){header .brand{font-size:14px}header .brand small{font-size:10px}header #menu{padding:8px;font-size:11px}}

/* Keep the identity directly above the welcome line, sharing its left edge. */
header{padding-left:8%;padding-right:8%}
@media(max-width:1050px){header{padding-left:6%;padding-right:6%}}
@media(min-width:701px){header{top:33px;padding-top:20px;gap:13px}.hero-copy{padding-top:174px}}
@media(min-width:1051px){.hero-copy{padding-left:8%}}

/* Put the masthead in the same flow as the welcome copy at every viewport. */
.hero .hero-copy{padding-top:22px}
.hero-copy>header{position:relative;inset:auto;transform:none;max-width:none;width:100%;padding:0;margin:0 0 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px}
.hero-copy>header nav{margin:0;flex-wrap:wrap;justify-content:flex-start}
@media(max-width:700px){.hero .hero-copy{padding-top:15px}.hero-copy>header{flex-direction:row;flex-wrap:wrap;align-items:center;margin-bottom:28px;gap:10px}.hero-copy>header nav{flex-basis:100%}.hero:has(nav.open){height:auto;min-height:650px}}

header .brand-emblem{transform:perspective(350px) rotateY(-12deg) rotate(7deg);filter:drop-shadow(-1px 1px 0 #690f22) drop-shadow(-2px 2px 0 #690f22) drop-shadow(4px 7px 5px #03122680);transform-origin:center}

/* A single school title, with navigation at the top of the banner. */
.hero-copy>header{margin-bottom:38px;min-height:26px}
@media(max-width:700px){.hero-copy>header{justify-content:flex-start;margin-bottom:34px}.hero-copy>header #menu{margin-left:0}}

/* Preserve students’ faces in the portrait cover photo. */
.news>a[href="#post/70002"] img{object-position:center 20%}

.news>a[href="#post/70002"] img{object-fit:contain;object-position:center;background:#edf3f8}

/* Keep the homeroom column heading on one line. */
.detail-content .staff-table th:last-child{white-space:nowrap;min-width:130px;word-break:normal;overflow-wrap:normal}