/*border:1px solid red;*/

/*softyellow f79c2d; softyellow-dark e68a1f; brickred d14b4b; leafgreen 6cae75; leafgreen-dark: 588c5f; cream fff6eb; richcream ffeedc; teal 2b9da6; deepteal 23848c;*/

.term-dates-table{max-width:750px; margin:0 auto; font-family:Arial, sans-serif;}

.term-header{background-color:#2b9da6; color:#fff; font-weight:bold; padding:10px 15px; border-radius:8px 8px 0 0; margin-top:20px; font-size:1.2rem;}

.term-header.t1{background-image:url("/img/decor-leaves.svg"); background-repeat:round;}

.term-header.t2{background-image:url("/img/decor-snowflake.svg"); background-repeat:round;}

.term-header.t3{background-image:url("/img/decor-flower.svg"); background-repeat:round;}

.term-header.t4{background-image:url("/img/decor-sun.svg"); background-repeat:round;}

.term-row{display:grid; grid-template-columns:repeat(3, 1fr); padding:20px 10px; gap:15px; align-items:start; background-color:#fff; border-radius:0 0 8px 8px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.05); transition:background 0.2s;}

.term-cell{display:flex; flex-direction:column; align-items:center;}

.note-top{font-size:0.85rem; font-weight:600; margin-bottom:5px; text-align:center; padding:3px 8px; border-radius:4px; opacity:0.5;}

.note-top.first{color:#4f9a61;}/*background-color:#dff0d8;*/

.note-top.center{color:#7f4db3;}/*background-color:#e8e0f7;*/

.note-top.last{color:#d14b4b;}/*background-color:#f8d6d6;*/

.note-bottom.first{color:#4f9a61; opacity:0.5;}

.note-bottom.center{color:#7f4db3; opacity:0.5;}

.note-bottom.last{color:#d14b4b; opacity:0.5;}

.note-bottom{font-size:0.8rem; margin-top:5px; text-align:center;}

.date{font-size:1.5rem; font-weight:700; margin-bottom:5px;}

.term-row .term-cell:nth-child(1) .date{color:#4f9a61;}

.term-row .term-cell:nth-child(3) .date{color:#d14b4b;}

.holidays{margin:5px 0 0 0; padding:0; font-size:0.75rem; color:#7f4db3; text-align:center; list-style-type:none;}

.holidays li{margin-bottom:3px; color:#7f4db3; font-size:0.85rem; text-align:center;}

@media (max-width:600px){
    .term-dates-table{width:100%;}
    .term-row{grid-template-columns:1fr; width:100%; padding:12px 8px; gap:10px;}
    .term-cell{margin-bottom:12px;}
    .holidays{padding-left:15px;}
    .intro-pageflow p{padding-left:1.5rem;}
}

@media (max-width:400px){
    .date{font-size:1.3rem;}
}