/* v1.2.0: navy tiles with on-demand modal; strongly separated groups */
.tazhm-section{background:#eef4fb!important;border:2px solid #b9cde6!important;border-radius:16px!important;padding:16px!important;margin:22px 0 32px!important}
.tazhm-section .tazhm-heading{margin:0 0 18px!important;border:0!important;border-radius:10px!important;overflow:hidden!important}
.tazhm-section .tazhm-heading h2{background:#123e80!important;color:#fff!important;font-size:25px!important;font-weight:850!important;padding:18px 22px!important;margin:0!important}
.tazhm-section .tazhm-heading p{background:#fff!important;color:#365677!important;padding:11px 22px!important;font-size:15px!important;margin:0!important}
.tazhm-section .tazhm-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.tazhm-section .tazhm-cols-1{grid-template-columns:1fr!important}.tazhm-section .tazhm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tazhm-section .tazhm-tile{appearance:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;gap:0!important;width:100%!important;min-width:0!important;min-height:145px!important;border:0!important;border-radius:7px!important;background:#123e80!important;color:#fff!important;padding:20px 22px!important;cursor:pointer!important;box-shadow:none!important;transition:background .15s ease!important;font-family:inherit!important}
.tazhm-section .tazhm-tile:hover,.tazhm-section .tazhm-tile:focus-visible{background:#20549a!important;color:#fff!important;outline:2px solid #8fb4e4;outline-offset:2px}
.tazhm-section .tazhm-tile-icon{font-size:23px!important;line-height:1.1!important;color:#fff!important;margin-bottom:12px!important}
.tazhm-section .tazhm-tile-name{font-size:19px!important;line-height:1.35!important;font-weight:800!important;color:#fff!important;overflow-wrap:anywhere}
.tazhm-section .tazhm-tile-foot{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:auto!important;padding-top:16px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;width:100%!important}
.tazhm-section .tazhm-tile-foot span:last-child{font-size:24px!important;line-height:1!important}
.tazhm-dialog[hidden]{display:none!important}.tazhm-dialog{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;box-sizing:border-box!important}
.tazhm-dialog-backdrop{position:absolute!important;inset:0!important;background:rgba(8,25,49,.68)!important}
.tazhm-dialog-box{position:relative!important;z-index:1!important;background:#fff!important;border-radius:10px!important;width:min(100%,1040px)!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 20px 65px rgba(0,0,0,.25)!important}
.tazhm-dialog-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;background:#123e80!important;color:#fff!important;padding:20px 26px!important}
.tazhm-dialog-head small{font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;color:#e4efff!important}
.tazhm-dialog-head h3{font-size:23px!important;font-weight:800!important;color:#fff!important;margin:5px 0 0!important;line-height:1.35!important}
.tazhm-dialog-close{flex:0 0 auto!important;display:grid!important;place-items:center!important;width:43px!important;height:43px!important;background:#fff!important;color:#123e80!important;border:0!important;border-radius:5px!important;font-size:32px!important;cursor:pointer!important;line-height:1!important}
.tazhm-dialog-body{overflow-y:auto!important;padding:14px 26px 24px!important}
.tazhm-dialog-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important;list-style:none!important;padding:0!important;margin:0!important}
.tazhm-dialog-links li{min-width:0!important;margin:0!important;padding:0!important;border-bottom:1px solid #dfe8f3!important}
.tazhm-dialog-links a{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:17px 0!important;text-decoration:none!important;color:#173b69!important;font-size:17px!important;font-weight:700!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.tazhm-dialog-links a:hover{color:#0a62b5!important;text-decoration:underline!important}
.tazhm-dialog-links a span{flex:0 0 auto!important;color:#1e5ca3!important}
.tazhm-dialog-empty{color:#63758d!important;font-size:16px!important}
body.tazhm-modal-open{overflow:hidden!important}
@media(max-width:900px){.tazhm-section .tazhm-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.tazhm-section{padding:10px!important}.tazhm-section .tazhm-grid,.tazhm-section .tazhm-cols-3{grid-template-columns:1fr!important}.tazhm-section .tazhm-heading h2{font-size:21px!important}.tazhm-section .tazhm-tile{min-height:125px!important;padding:16px!important}.tazhm-dialog-links{grid-template-columns:1fr!important}.tazhm-dialog-head{padding:16px!important}.tazhm-dialog-head h3{font-size:19px!important}.tazhm-dialog-body{padding:8px 17px 18px!important}.tazhm-dialog-links a{font-size:16px!important}}

/* v1.3.0 – illustrated open-book design; preserve functional modal */
.tazhm-section{--tazhm-ink:#073d86;background:linear-gradient(150deg,#f5fbff,#eaf5ff)!important;border:1px solid #d0e8fa!important;border-radius:30px!important;padding:22px 24px 28px!important;box-shadow:0 12px 30px rgba(35,100,170,.09)!important;margin:22px 0 30px!important}
.tazhm-group-teacher{background:linear-gradient(150deg,#f7fff6,#edf9f2)!important;border-color:#d8eadf!important}
.tazhm-section .tazhm-heading{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:156px!important;margin:0 0 15px!important;background:linear-gradient(105deg,#e1f3ff 0%,#f7fcff 52%,#d9efff 100%)!important;border-radius:80px 80px 12px 12px!important;border:0!important;border-bottom:5px solid #f4b44e!important;overflow:hidden!important;padding:12px 180px!important;box-sizing:border-box!important}
.tazhm-group-teacher .tazhm-heading{background:linear-gradient(105deg,#e0f6eb,#f9fff9 55%,#d9f5e7)!important}
.tazhm-section .tazhm-heading-copy{position:relative!important;z-index:2!important;min-width:0!important}
.tazhm-section .tazhm-heading h2{background:none!important;color:#06428e!important;font-size:clamp(23px,3vw,37px)!important;font-weight:900!important;line-height:1.18!important;text-align:center!important;padding:0!important;margin:0 0 10px!important;text-shadow:none!important}
.tazhm-group-teacher .tazhm-heading h2{color:#086b62!important}
.tazhm-section .tazhm-heading p{background:none!important;color:#265b8d!important;text-align:center!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;padding:0!important;margin:0!important}
.tazhm-group-teacher .tazhm-heading p{color:#236f65!important}
.tazhm-heading-art{position:absolute!important;left:0!important;bottom:2px!important;width:172px!important;height:132px!important;background:url('icons/banner-book.svg') center bottom/contain no-repeat!important;pointer-events:none!important}
.tazhm-heading-art-right{left:auto!important;right:0!important;transform:scaleX(-1)!important}
.tazhm-section .tazhm-grid{gap:18px 20px!important}
.tazhm-section .tazhm-tile{position:relative!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) 36px!important;grid-template-rows:1fr auto!important;align-items:center!important;column-gap:12px!important;min-height:145px!important;border:0!important;border-radius:24px 24px 16px 16px!important;padding:15px 18px 23px!important;background:linear-gradient(130deg,#136bb6 0%,#094b99 55%,#073b84 100%)!important;box-shadow:0 7px 0 #9acdf4,0 10px 15px rgba(8,65,133,.15)!important;overflow:visible!important;transition:transform .15s,filter .15s!important}
.tazhm-section .tazhm-tile:before{content:'';position:absolute;top:0;left:0;right:0;height:19px;background:linear-gradient(#208ac9,#0c58a6);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}
.tazhm-section .tazhm-tile:after{content:'';position:absolute;bottom:-1px;left:1px;right:1px;height:18px;background:#a8d8f8;clip-path:polygon(0 0,43% 0,50% 45%,57% 0,100% 0,100% 75%,57% 75%,50% 100%,43% 75%,0 75%);pointer-events:none}
.tazhm-section .tazhm-tile:hover,.tazhm-section .tazhm-tile:focus-visible{background:linear-gradient(130deg,#2084d1,#0a5aa9,#06428e)!important;transform:translateY(-3px)!important;filter:brightness(1.06)!important;outline:2px solid #8bcdfc!important}
.tazhm-section .tazhm-tile-icon{grid-row:1/3!important;grid-column:1!important;display:block!important;width:94px!important;height:92px!important;margin:0!important}
.tazhm-section .tazhm-tile-icon img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 5px 5px rgba(0,20,50,.25))!important}
.tazhm-section .tazhm-tile-name{grid-column:2!important;grid-row:1!important;font-size:clamp(17px,1.8vw,22px)!important;line-height:1.3!important;font-weight:850!important;align-self:end!important;color:white!important}
.tazhm-section .tazhm-tile-foot{grid-column:2/4!important;grid-row:2!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0!important;padding-top:8px!important;font-size:15px!important;font-weight:500!important}
.tazhm-section .tazhm-arrow{position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;border:2px solid #43b6f6!important;border-radius:50%!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;font-size:21px!important}
@media(min-width:1050px){.tazhm-section .tazhm-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tazhm-group-teacher .tazhm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1100px){.tazhm-section .tazhm-tile{grid-template-columns:75px minmax(0,1fr) 28px!important;padding:12px 12px 21px!important;column-gap:8px!important}.tazhm-section .tazhm-tile-icon{width:74px!important;height:74px!important}.tazhm-section .tazhm-arrow{width:27px!important;height:27px!important;right:9px!important;font-size:17px!important}}
@media(max-width:750px){.tazhm-section .tazhm-heading{min-height:135px!important;padding:12px 92px!important}.tazhm-heading-art{width:94px!important;height:98px!important}.tazhm-section .tazhm-heading h2{font-size:23px!important}.tazhm-section .tazhm-heading p{font-size:12px!important}}
@media(max-width:620px){.tazhm-section{padding:12px!important;border-radius:19px!important}.tazhm-section .tazhm-heading{padding:14px 50px!important;min-height:125px!important;border-radius:35px 35px 8px 8px!important}.tazhm-heading-art{width:56px!important;height:70px!important}.tazhm-section .tazhm-heading h2{font-size:20px!important}.tazhm-section .tazhm-grid{gap:15px!important}.tazhm-section .tazhm-tile{min-height:120px!important;grid-template-columns:90px minmax(0,1fr) 36px!important}.tazhm-section .tazhm-tile-icon{width:86px!important;height:86px!important}.tazhm-section .tazhm-tile-name{font-size:20px!important}}

/* v1.3.1: balanced book cards: smaller illustrations, centered labels, no arrows */
.tazhm-section .tazhm-tile{grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;min-height:136px!important;padding:18px 15px 24px!important;align-content:center!important;align-items:center!important}
.tazhm-section .tazhm-tile-icon{grid-column:1!important;grid-row:1/3!important;width:54px!important;height:60px!important;align-self:center!important}
.tazhm-section .tazhm-tile-name{grid-column:2!important;grid-row:1!important;align-self:end!important;justify-self:center!important;width:100%!important;text-align:center!important;font-size:clamp(15px,1.45vw,19px)!important;line-height:1.28!important;font-weight:800!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.tazhm-section .tazhm-tile-foot{grid-column:2!important;grid-row:2!important;justify-content:center!important;text-align:center!important;padding-top:7px!important;font-size:13px!important;width:100%!important}
.tazhm-section .tazhm-arrow{display:none!important}
@media(max-width:1100px){.tazhm-section .tazhm-tile{grid-template-columns:48px minmax(0,1fr)!important;column-gap:7px!important;padding:16px 11px 23px!important}.tazhm-section .tazhm-tile-icon{width:46px!important;height:52px!important}.tazhm-section .tazhm-tile-name{font-size:16px!important}}
@media(max-width:620px){.tazhm-section .tazhm-tile{grid-template-columns:56px minmax(0,1fr)!important;min-height:118px!important;padding:14px 14px 22px!important}.tazhm-section .tazhm-tile-icon{width:54px!important;height:58px!important}.tazhm-section .tazhm-tile-name{font-size:18px!important}}

/* v1.3.2: compact classic flat navy tiles; keep illustrated group banners and popup */
.tazhm-section .tazhm-tile{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-content:center!important;align-items:center!important;min-height:92px!important;height:auto!important;padding:13px 16px!important;background:#123e80!important;border:0!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;filter:none!important}
.tazhm-section .tazhm-tile:before,.tazhm-section .tazhm-tile:after{content:none!important;display:none!important}
.tazhm-section .tazhm-tile:hover,.tazhm-section .tazhm-tile:focus-visible{background:#20549a!important;transform:none!important;filter:none!important;box-shadow:none!important}
.tazhm-section .tazhm-tile-icon{grid-column:1!important;grid-row:1/3!important;width:40px!important;height:44px!important;margin:0!important;align-self:center!important}
.tazhm-section .tazhm-tile-name{grid-column:2!important;grid-row:1!important;align-self:end!important;justify-self:stretch!important;text-align:center!important;font-size:17px!important;line-height:1.28!important;font-weight:800!important;width:100%!important;color:#fff!important}
.tazhm-section .tazhm-tile-foot{grid-column:2!important;grid-row:2!important;justify-content:center!important;text-align:center!important;align-self:start!important;margin:0!important;padding-top:4px!important;font-size:12px!important;line-height:1.3!important;color:#fff!important}
.tazhm-section .tazhm-grid{gap:12px!important}
@media(max-width:1100px){.tazhm-section .tazhm-tile{grid-template-columns:38px minmax(0,1fr)!important;min-height:88px!important;padding:12px 10px!important;column-gap:8px!important}.tazhm-section .tazhm-tile-icon{width:36px!important;height:40px!important}.tazhm-section .tazhm-tile-name{font-size:16px!important}}
@media(max-width:620px){.tazhm-section .tazhm-tile{grid-template-columns:42px minmax(0,1fr)!important;min-height:85px!important;padding:12px 14px!important}.tazhm-section .tazhm-tile-icon{width:40px!important;height:44px!important}.tazhm-section .tazhm-tile-name{font-size:17px!important}}

/* v1.3.3: shorter group banner, balanced title and larger tile illustrations */
.tazhm-section .tazhm-heading{min-height:112px!important;padding:12px 142px!important;margin-bottom:13px!important;border-radius:48px 48px 10px 10px!important}
.tazhm-section .tazhm-heading h2{font-size:clamp(22px,2.5vw,29px)!important;line-height:1.16!important;margin-bottom:6px!important}
.tazhm-section .tazhm-heading p{font-size:13px!important;line-height:1.4!important}
.tazhm-heading-art{width:126px!important;height:98px!important;bottom:0!important}
.tazhm-section .tazhm-tile{grid-template-columns:58px minmax(0,1fr)!important;column-gap:10px!important;min-height:92px!important;padding:12px 14px!important}
.tazhm-section .tazhm-tile-icon{width:56px!important;height:61px!important}
@media(max-width:1100px){.tazhm-section .tazhm-heading{min-height:105px!important;padding:10px 115px!important}.tazhm-heading-art{width:104px!important;height:86px!important}.tazhm-section .tazhm-tile{grid-template-columns:52px minmax(0,1fr)!important;column-gap:8px!important}.tazhm-section .tazhm-tile-icon{width:50px!important;height:55px!important}}
@media(max-width:750px){.tazhm-section .tazhm-heading{min-height:99px!important;padding:10px 85px!important}.tazhm-heading-art{width:76px!important;height:75px!important}.tazhm-section .tazhm-heading h2{font-size:21px!important}.tazhm-section .tazhm-heading p{font-size:12px!important}}
@media(max-width:620px){.tazhm-section .tazhm-heading{min-height:94px!important;padding:10px 50px!important;border-radius:28px 28px 8px 8px!important}.tazhm-heading-art{width:47px!important;height:60px!important}.tazhm-section .tazhm-heading h2{font-size:19px!important}.tazhm-section .tazhm-heading p{font-size:11px!important}.tazhm-section .tazhm-tile{grid-template-columns:55px minmax(0,1fr)!important;min-height:90px!important}.tazhm-section .tazhm-tile-icon{width:53px!important;height:58px!important}}