/* ToanAZ 1.5.0 — unified navy flat design */
.taz-accordion{font-family:inherit;margin:12px 0!important}
.taz-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.taz-category-grid.taz-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.taz-category-tile,.taz-category-tile:hover,.taz-category-tile:active{appearance:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-width:0;min-height:106px;height:100%;width:100%;padding:15px 17px;border:1px solid #123e80;border-radius:6px;background:#123e80;color:#fff;text-align:left;cursor:pointer;box-shadow:none;transform:none;transition:none;font-family:inherit}
.taz-category-tile:before{display:none!important}
.taz-category-tile:focus-visible{outline:3px solid #76b7ff;outline-offset:2px}
.taz-tile-icon{display:block;width:auto;height:auto;background:none;color:#fff;font-size:19px;line-height:1;box-shadow:none;border-radius:0}
.taz-tile-title{font-size:16px;font-weight:700;line-height:1.35;letter-spacing:0;color:#fff}
.taz-tile-description{font-size:12px;line-height:1.35;color:#d8e8ff}
.taz-tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:5px;font-size:12px;font-weight:500;color:#d8e8ff;width:100%}
.taz-tile-arrow{display:block;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;color:#fff;font-size:19px;line-height:1}
.taz-accordion-panels{display:contents}
.taz-expanded-panel[hidden]{display:none!important}
.taz-expanded-panel{position:fixed!important;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100001!important;width:min(880px,calc(100vw - 28px));max-height:85vh;display:flex;flex-direction:column;box-sizing:border-box;background:#fff;color:#243b55;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 16px 48px rgba(0,0,0,.25);overflow:hidden}
.taz-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;background:#123e80;color:#fff;border-bottom:1px solid #0c3168}
.taz-panel-eyebrow{display:block;color:#c4dcff;font-size:10px;font-weight:700;letter-spacing:1.4px;margin-bottom:4px}
.taz-panel-heading h3{font-size:20px;font-weight:700;line-height:1.3;color:#fff;margin:0}
.taz-panel-close{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:1px solid #b7d4fa;border-radius:4px;background:#fff;color:#123e80;font-size:25px;cursor:pointer;box-shadow:none}
.taz-panel-close:hover{background:#e8f1ff}
.taz-panel-tools{display:none!important}
.taz-expanded-posts{list-style:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0!important;padding:10px 22px 22px!important;overflow-y:auto;overscroll-behavior:contain}
.taz-expanded-posts li{list-style:none!important;min-width:0;margin:0!important;padding:12px 0!important;border-bottom:1px solid #e5ebf3;font-size:14px;line-height:1.5}
.taz-expanded-posts li:before{content:'▤';color:#1856a4;margin-right:9px}
.taz-expanded-posts a{color:#1d3553;text-decoration:none;overflow-wrap:anywhere}
.taz-expanded-posts a:hover{color:#0c55ad;text-decoration:underline}
.taz-no-match{display:none!important}
.taz-popup-backdrop{position:fixed;inset:0;background:rgba(9,20,37,.62);z-index:100000}
body.taz-modal-open{overflow:hidden!important}
@media(max-width:900px){.taz-category-grid,.taz-category-grid.taz-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.taz-category-grid,.taz-category-grid.taz-cols-2,.taz-expanded-posts{grid-template-columns:1fr}.taz-category-tile{min-height:95px;padding:13px 15px}.taz-panel-heading{padding:14px 16px}.taz-expanded-posts{padding:7px 16px 17px!important}.taz-expanded-panel{max-height:90vh}}

/* Grade navigation – flat navy design */
.taz-accordion .taz-grade-heading h2{font-size:23px;font-weight:700;margin:0 0 3px;color:inherit}
.taz-accordion .taz-grade-heading p{font-size:14px;margin:0 0 14px;color:inherit;opacity:.75}
.taz-grade-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.taz-grade-tab,.taz-grade-tab:hover,.taz-grade-tab:focus{appearance:none;min-height:65px;width:100%;border:1px solid #b7c6da;border-radius:6px;background:transparent;color:inherit;font:700 18px inherit;cursor:pointer;box-shadow:none;transform:none;transition:none}
.taz-grade-tab[aria-pressed="true"],.taz-grade-tab[aria-pressed="true"]:hover{background:#123e80;border-color:#123e80;color:#fff}
.taz-grade-tab:focus-visible{outline:3px solid #6fa8f5;outline-offset:2px}
.taz-grade-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 13px}
.taz-grade-summary h3{margin:0;font-size:19px;font-weight:700;color:inherit}
.taz-grade-count{font-size:13px;opacity:.8}
.taz-category-tile[hidden]{display:none!important}
@media(max-width:600px){.taz-grade-tab,.taz-grade-tab:hover{font-size:15px;min-height:55px}.taz-grade-tabs{gap:7px}}

/* v1.7 – compact centered grade selector, flat active pointer */
.taz-accordion .taz-grade-heading{display:none!important}
.taz-accordion .taz-grade-tabs{display:flex!important;justify-content:center!important;align-items:stretch!important;gap:12px!important;max-width:650px!important;margin:4px auto 24px!important;overflow:visible!important}
.taz-accordion .taz-grade-tab,.taz-accordion .taz-grade-tab:hover,.taz-accordion .taz-grade-tab:focus{position:relative!important;flex:1 1 0!important;min-width:0!important;max-width:200px!important;width:auto!important;min-height:46px!important;padding:9px 12px!important;border-radius:5px!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important;transform:none!important;transition:none!important}
.taz-accordion .taz-grade-tab[aria-pressed="true"]::after{content:"";position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #123e80;pointer-events:none}
.taz-accordion .taz-grade-count{display:none!important}
@media(max-width:600px){.taz-accordion .taz-grade-tabs{gap:7px!important;margin-bottom:22px!important}.taz-accordion .taz-grade-tab{font-size:14px!important;min-height:42px!important;padding:8px 5px!important}}

/* v1.8: Explicit row-first layout; newest appears at top left, then top right. */
.taz-expanded-posts{grid-auto-flow:row!important;direction:ltr!important}
.taz-expanded-posts li{direction:ltr}

/* v1.9: oldest first, left to right then next row */
.taz-expanded-posts{grid-auto-flow:row!important;direction:ltr!important}

/* v2.1.1: honor HTML hidden attribute even when grade tabs use display:flex!important */
.taz-accordion .taz-grade-tabs[hidden],
.taz-accordion .taz-grade-summary[hidden]{display:none!important;}

/* v2.1.2: readable, bold exam links in popup */
.taz-accordion .taz-expanded-posts li{font-size:17px!important;line-height:1.55!important;}
.taz-accordion .taz-expanded-posts li a{font-size:inherit!important;font-weight:700!important;line-height:inherit!important;color:#183b68!important;}
.taz-accordion .taz-expanded-posts li a:hover{color:#0c55ad!important;text-decoration:underline!important;}
@media(max-width:600px){.taz-accordion .taz-expanded-posts li{font-size:16px!important;}}