.tl{display:grid;gap:18px}.tl-filter,.tl-section{background:rgba(255,255,255,.94);border:1px solid #d7e8df;border-left:5px solid var(--school-accent);border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(22,77,55,.07)}#myschool-term-leaders-filter-form{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:12px;align-items:end}#myschool-term-leaders-filter-form label{display:grid;gap:6px}#myschool-term-leaders-filter-form :is(input,select,button){width:100%;box-sizing:border-box;border-radius:999px;padding:11px 14px;border:1px solid #c7ddd2}.tl-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.tl-actions :is(a,button){border:0;border-radius:999px;padding:10px 16px;background:var(--school-primary);color:#fff;text-decoration:none}.tl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.tl-leader{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #dce9e3;border-left:5px solid var(--school-accent);border-radius:15px;padding:14px}.tl-leader i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--school-primary);color:#fff}.tl-leader div{display:grid}.tl-leader strong{font-size:20px;color:var(--school-primary)}.tl-subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tl-subject{display:grid;gap:4px;padding:15px;border:1px solid #dce9e3;border-left:5px solid var(--school-accent);border-radius:15px}.tl-subject small{color:var(--school-primary);text-transform:uppercase;letter-spacing:.08em}.tl-subject strong{font-size:20px}.tl-poster{max-width:1000px;margin:25px auto;background:#fff;border:1px solid #d8e7df;border-radius:24px;padding:26px}.tl-poster header{display:flex;align-items:center;gap:18px;border-bottom:5px solid var(--school-accent);padding-bottom:18px}.tl-poster header img{width:90px;height:90px;object-fit:contain}.tl-poster header div{flex:1}.tl-poster main{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.tl-poster article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:14px;border:1px solid #dce9e3;border-left:5px solid var(--school-accent);border-radius:14px}.tl-poster article span{grid-column:2}.tl-poster article i{grid-row:1/3}@media(max-width:800px){#myschool-term-leaders-filter-form{grid-template-columns:1fr 1fr}.tl-poster main{grid-template-columns:1fr}}@media print{.tl-poster header button{display:none}}