/*
Theme Name: Chemistry Malta 2.0
Author: Chemistry Malta
Description: Bright, accessible educational WordPress theme. Staging preview release.
Version: 0.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: chemistry-malta-2
*/
:root{--navy:#10365e;--blue:#1263a6;--teal:#009fb4;--pale:#eaf8ff;--text:#173452;--muted:#52657a}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6;background:#fff}a{color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid #f3a52d;outline-offset:3px}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.skip-link{position:absolute;top:-100px;left:12px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:12px}.top{background:#fff}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.brand{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:850;text-decoration:none;color:var(--navy);letter-spacing:-.04em}.brand span{color:var(--teal)}.tagline{font-size:.73rem;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);margin-top:-7px}.portal-links{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-block;border-radius:8px;padding:10px 17px;background:var(--teal);color:#fff;text-decoration:none;font-weight:750;border:2px solid var(--teal)}.button.alt{background:#fff;color:var(--blue);border-color:var(--blue)}.nav{background:var(--navy)}.nav .wrap{display:flex;align-items:center;flex-wrap:wrap}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.nav li{position:relative}.nav a{display:block;padding:13px 15px;color:#fff;text-decoration:none;font-weight:650}.nav a:hover,.nav a:focus{background:#087f9e}.nav .sub-menu{display:none;position:absolute;z-index:10;top:100%;left:0;background:var(--navy);min-width:210px;box-shadow:0 10px 25px #0002}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu li{width:100%}.hero{background:linear-gradient(105deg,#e6f8ff 0%,#f3fbff 60%,#d8f5f5 100%);padding:65px 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.eyebrow{letter-spacing:.24em;text-transform:uppercase;font-size:.85rem;font-weight:800;color:var(--blue)}h1{font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.1;letter-spacing:-.05em;margin:8px 0 14px}h1 span{color:var(--teal)}.lead{font-size:1.16rem;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.science-art{border-radius:30px;background:linear-gradient(135deg,#0b65a9,#08b6b6);padding:40px 20px;text-align:center;color:white;box-shadow:0 18px 40px #11619d30}.science-art .symbol{font-size:clamp(5rem,12vw,10rem);line-height:1}.science-art p{font-weight:800;letter-spacing:.04em}.section{padding:40px 0}.section h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border-radius:14px;padding:25px 20px;text-decoration:none;color:var(--navy);border:1px solid #dbe9f4;box-shadow:0 3px 12px #15395b0a;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #15395b20}.card .emoji{font-size:2.1rem}.card h3{margin:8px 0 3px;font-size:1.13rem}.card p{margin:0;color:var(--muted);font-size:.94rem}.card:nth-child(6n+1){background:#e7f3ff}.card:nth-child(6n+2){background:#e4faef}.card:nth-child(6n+3){background:#fff3df}.card:nth-child(6n+4){background:#ffebef}.card:nth-child(6n+5){background:#f0eaff}.card:nth-child(6n){background:#e0f8f8}.subjects{background:#f5faff}.subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.subject-grid .card{padding:20px 15px}.content{padding:45px 0;max-width:850px}.content h1{font-size:clamp(2rem,4vw,3rem)}.content img{max-width:100%;height:auto}.footer{background:var(--navy);color:#e8f7ff;padding:30px 0}.footer a{color:#fff}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:0}@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.science-art{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.cards,.subject-grid{grid-template-columns:1fr}.nav ul{display:block;width:100%}.nav li{display:inline-block}.nav .sub-menu{position:static}.portal-links .button{font-size:.88rem;padding:8px 11px}}

/* v0.2: spacious branding and accessible responsive primary navigation */
.top .wrap{min-height:102px;padding:20px 0}.brand{font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.15}.tagline{margin-top:5px;font-size:.72rem}.portal-links .button{box-shadow:0 4px 12px #10365e14}.nav{position:relative;z-index:30}.nav .wrap{min-height:51px}.nav .menu{align-items:stretch}.nav .menu>li>a{padding:14px 18px}.nav .menu-item-has-children>a::after{content:' ▾';font-size:.8em}.nav .sub-menu{border-radius:0 0 10px 10px;overflow:hidden}.nav .sub-menu a{padding:12px 16px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #ffffff88;border-radius:7px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:800px){.top .wrap{min-height:0}.portal-links{width:100%}.menu-toggle{display:block;margin:8px 0}.nav .wrap{display:block;padding:1px 0}.nav .menu{display:none;width:100%;padding-bottom:8px}.nav .menu.is-open{display:block}.nav .menu>li{display:block;width:100%}.nav .menu>li>a{padding:12px 14px}.nav .sub-menu{display:block;position:static;box-shadow:none;background:#0d456e;min-width:0;border-radius:0;padding-left:12px}.nav .sub-menu li{display:block}.nav .menu-item-has-children>a::after{content:''}}
@media(min-width:801px){.nav .menu{display:flex!important}}

/* v0.3: prominent portal destinations and illustrated chemistry hero */
.portal-links{align-items:center}.portal-links .button{padding:12px 19px;border-radius:9px;white-space:nowrap}.portal-links .button:first-child::before{content:'♙';margin-right:9px;font-size:1.15em}.portal-links .button:last-child::before{content:'♧';margin-right:9px;font-size:1.15em}.science-art{min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:16px 22px}.science-art .hero-chemistry{display:block;width:100%;max-width:480px;height:auto;max-height:265px}.science-art p{margin:2px 0 0;font-size:1.1rem}.hero-grid{grid-template-columns:1.12fr .88fr}@media(max-width:800px){.science-art{display:flex;min-height:240px}.science-art .hero-chemistry{max-height:205px}.hero{padding:42px 0}.portal-links{gap:8px}}@media(max-width:480px){.portal-links .button{flex:1;text-align:center;padding:9px 7px;font-size:.83rem}.portal-links .button::before{display:none}.science-art{min-height:200px}.science-art .hero-chemistry{max-height:165px}}

/* v0.4: homepage structure, three levels and informational panels */
.levels{background:#f6fbff;padding:48px 0}.section-kicker{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#1263a6;margin-bottom:4px}.level-grid,.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.level-card{min-height:160px;display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #dce6f2;border-radius:17px;box-shadow:0 5px 20px #14365e08}.level-alevel{background:#eaf4ff}.level-intermediate{background:#e8faf5}.level-olevel{background:#f6edff}.level-icon{font-size:2.8rem;flex:none;line-height:1.2}.level-card h3{font-size:1.2rem;line-height:1.25;margin:0 0 7px}.level-card p{font-size:.93rem;line-height:1.45;margin:0;color:#52657a}.information{background:#fff;padding:48px 0 60px}.info-panel{display:flex;flex-direction:column;border:1px solid #dce6ef;border-radius:14px;padding:24px;min-height:230px;box-shadow:0 3px 16px #14365e08}.info-panel h2{font-size:1.23rem;line-height:1.35;margin:0 0 16px}.info-panel p{margin:0 0 12px}.panel-note,.panel-empty{color:#52657a;font-size:.93rem}.panel-note{margin-top:auto!important}.cards article.card{cursor:default}.cards article.card:hover{transform:none;box-shadow:0 3px 12px #15395b0a}@media(max-width:850px){.level-grid,.info-grid{grid-template-columns:1fr}.level-card{min-height:125px}.info-panel{min-height:170px}}@media(max-width:480px){.level-card{padding:20px;gap:15px}.level-icon{font-size:2.3rem}}

/* Editable level cards retain the original appearance when linked. */
a.level-card{color:var(--text);text-decoration:none}a.level-card:hover{box-shadow:0 8px 24px #14365e18}a.level-card:focus-visible{outline:3px solid #f3a52d;outline-offset:3px}