/* ELEC Training V21 – streamlined site navigation, cards and learner guide */
.nav a{white-space:nowrap}
.tool-hero{padding:52px 0;background:linear-gradient(135deg,#08131D,#153248);color:#fff}
.tool-hero h1,.tool-hero h2{color:white}.tool-hero p{color:#d9e6ee}
.tool-wrap{max-width:940px;margin:0 auto;padding:48px 20px}
.tool-panel{background:#fff;border:1px solid #d9e2e8;border-radius:22px;padding:clamp(20px,4vw,36px);box-shadow:0 12px 32px #08131d0d}
.tool-panel h2{margin:0 0 8px}.tool-panel p{line-height:1.65}
.tool-action{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}
.tool-message{min-height:1.5em;color:#235573;font-weight:700;display:block}
.home-hero{padding:70px 0 58px;background:linear-gradient(128deg,#08131d,#133951);color:#fff}
.home-hero h1{color:#fff;font-size:clamp(2.3rem,5vw,4rem);line-height:1.09;max-width:860px;letter-spacing:-.035em}
.home-hero p{color:#d9e4ed;font-size:1.12rem;max-width:760px}
.home-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}
.home-tool{display:flex;flex-direction:column;background:#fff;border:1px solid #d8e1e9;border-radius:20px;padding:26px}
.home-tool h3{margin-top:0}.home-tool p{flex:1}
.home-tool .btn{align-self:flex-start}
.site-shortcuts{background:#eef3f6;padding:20px 0}.site-shortcuts .actions{margin-top:0}
.learner-dialog{border:0;padding:0;border-radius:20px;width:min(850px,calc(100vw - 32px));max-height:min(92vh,950px);box-shadow:0 24px 80px #0007;overflow:hidden;background:#fff;color:#1b2a37}
.learner-dialog::backdrop{background:#071422b8;backdrop-filter:blur(3px)}
.learner-dialog-bar{background:#113851;color:white;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:10px}
.learner-dialog-bar strong{color:white}.learner-dialog-close{font-size:22px;line-height:1;border:1px solid #ffffff88;color:#fff;background:transparent;border-radius:8px;padding:7px 12px;cursor:pointer}
.learner-dialog-scroll{overflow-y:auto;max-height:calc(min(92vh,950px) - 58px);padding:18px 24px 30px}
.learner-dialog .flow-box{margin:0}
@media(max-width:880px){.home-tools{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-tools{grid-template-columns:1fr}.home-hero{padding:45px 0 35px}.learner-dialog-scroll{padding:12px}.site-shortcuts .btn{width:100%;text-align:center}.nav{gap:6px 9px}.nav a{padding:7px}}