/* Full course catalogue page (catalogue-page.php). Trident colours: navy #252652, teal #17a5bc. */
.tcat{--n:#252652;--t:#17a5bc;max-width:1100px;margin:0 auto 60px;color:#2b2d42}
.tcat-head{margin:0 0 24px}
.tcat-lead{font-size:19px;line-height:1.55;max-width:820px;margin:0 0 18px}
.tcat-facts{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0 0 14px;padding:0}
.tcat-facts li{background:#f0f8fa;border:1px solid #d5ecf1;border-radius:10px;padding:10px 18px;font-size:15px;color:#3b4a5a}
.tcat-facts b{font-size:22px;color:var(--n);margin-right:4px}
.tcat-note{color:#5a6475;font-size:15px;margin:0}
.tcat-filters{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;padding:12px 0;border-bottom:1px solid #e5e8ee;margin-bottom:10px}
.tcat-filters input,.tcat-filters select{font:inherit;font-size:15px;padding:10px 12px;border:1px solid #c9d1dc;border-radius:8px;background:#fff;color:#2b2d42;min-width:0}
.tcat-filters input{flex:1 1 320px}
.tcat-filters input:focus,.tcat-filters select:focus{outline:2px solid var(--t);border-color:var(--t)}
.tcat-count{font-size:14px;color:#5a6475;margin-left:auto}
.tcat-area{margin:30px 0 0}
.tcat-area[hidden]{display:none}
.tcat-area h2{font-size:24px;color:var(--n);margin:0 0 12px;padding-left:12px;border-left:5px solid var(--t)}
.tcat-list{display:grid;gap:10px}
.tcat-c{background:#fff;border:1px solid #e1e5ec;border-radius:12px;box-shadow:0 1px 2px rgba(37,38,82,.05);overflow:hidden}
.tcat-c[hidden]{display:none}
.tcat-c summary{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding:16px 18px;cursor:pointer;list-style:none}
.tcat-c summary::-webkit-details-marker{display:none}
.tcat-c summary:hover{background:#f7fbfc}
.tcat-c__lv{display:inline-block;font-size:12px;font-weight:700;white-space:nowrap;padding:4px 9px;border-radius:20px;color:#fff;background:var(--t);margin-top:2px}
.tcat-lv2{background:#138fab}.tcat-lv3{background:#0d6c8c}.tcat-lv4{background:var(--n)}
.tcat-c__t{display:flex;flex-direction:column;gap:3px;min-width:0}
.tcat-c__t strong{font-size:17px;color:var(--n);line-height:1.3}
.tcat-c__t small{font-size:13px;color:#6b7086}
.tcat-c__short{font-size:15px;color:#3b4a5a}
.tcat-std{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tcat-std i{font-style:normal;font-size:12.5px;font-weight:600;color:#0d6c8c;background:#e1f6f7;border:1px solid #bbebf0;border-radius:6px;padding:3px 8px}
.tcat-c__more{font-size:14px;font-weight:600;color:var(--t);white-space:nowrap;margin-top:2px}
.tcat-c__more:after{content:" ▾"}
.tcat-c[open] .tcat-c__more:after{content:" ▴"}
.tcat-c__body{padding:4px 18px 18px 18px;border-top:1px solid #eef1f5;font-size:15px;line-height:1.6}
.tcat-c__body h3{font-size:15px;color:var(--n);margin:14px 0 6px}
.tcat-c__body ul{margin:0 0 10px 20px;padding:0}
.tcat-btn{display:inline-block;background:var(--t);color:#fff!important;font-weight:700;text-decoration:none;padding:10px 20px;border-radius:8px}
.tcat-btn:hover{background:#138fab}
.tcat-none{text-align:center;color:#6b7086;padding:30px 0}
@media (max-width:640px){.tcat-c summary{grid-template-columns:1fr;gap:8px}.tcat-c__more{display:none}.tcat-count{margin-left:0}.tcat-filters select{flex:1}}
.tcat-ao{font-style:normal;font-weight:700;font-size:11px;color:#7a5a00;background:#fff3c4;border:1px solid #f2d675;border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:1px}
