/* Only adapt the article content; header and footer remain controlled by mobile.css. */
@media (max-width: 700px) {
	.content.margin-auto {
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: 24px 0 30px;
		overflow-x: hidden;
	}

	.content.margin-auto .sidebar,
	.content.margin-auto .container {
		float: none;
		width: 100%;
		margin: 0;
	}

	.content.margin-auto .sidebar {
		margin-bottom: 24px;
	}
.sidebar{
    display: none;
}
.banner{
    display: none;
}
	.sidebar-ul {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.sidebar-ul .sd-title {
		width: 100%;
		margin: 0;
	}

	.sidebar-ul .sd-title h1 {
		margin: 0;
		padding: 12px 16px;
		font-size: 20px;
		line-height: 1.4;
	}

	.sidebar-ul > li {
		display: inline-block;
		width: 50%;
		margin: 0;
		vertical-align: top;
	}

	.sidebar-ul > li > a {
		display: block;
		min-height: 42px;
		padding: 11px 8px;
		overflow: hidden;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
.cont .smal{
    display: none;
}
.container .position{
    background-image: none;
}
	.content.margin-auto .position {
		width: 100%;
		margin: 0 0 18px;
		padding: 0 2px;
		overflow: hidden;
		font-size: 12px;
		line-height: 22px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content.margin-auto .container {
		font-size: 14px;
		line-height: 1.8;
	}

	.content.margin-auto .container h1 {
		font-size: 20px !important;
		line-height: 1.5;
	}

	.content.margin-auto .container h2 {
		font-size: 18px !important;
		line-height: 1.5;
	}

	.content.margin-auto .container h3,
	.content.margin-auto .container h4 {
		font-size: 16px !important;
		line-height: 1.5;
	}

	.content.margin-auto .container p,
	.content.margin-auto .container li,
	.content.margin-auto .container td,
	.content.margin-auto .container th,
	.content.margin-auto .container span,
	.content.margin-auto .container strong {
		font-size: 14px !important;
		line-height: 1.8;
	}

	.content.margin-auto .container > * {
		max-width: 100%;
	}

	.content.margin-auto .container img,
	.content.margin-auto .container video,
	.content.margin-auto .container iframe {
		max-width: 100%;
		height: auto;
	}

	.content.margin-auto .container table {
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		border-collapse: collapse;
	}

	.content.margin-auto .container pre,
	.content.margin-auto .container code {
		max-width: 100%;
		overflow-x: auto;
		white-space: pre-wrap;
		word-break: break-all;
	}
.content-list .position{
    background-image: none;
}
.content-list li a .time{
    display:none;
}
	.content.margin-auto .container p,
	.content.margin-auto .container li,
	.content.margin-auto .container td,
	.content.margin-auto .container th {
		max-width: 100%;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	/* List pages use .content-list instead of .container. */
	.content.margin-auto > .content-list {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 1.8;
		list-style: none;
	}

	.content.margin-auto > .content-list .position {
		width: 100%;
		margin: 0 0 18px;
		padding: 0 2px;
		overflow: hidden;
		font-size: 12px;
		line-height: 22px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content.margin-auto > .content-list h1 {
		font-size: 20px !important;
		line-height: 1.5;
	}

	.content.margin-auto > .content-list h2,
	.content.margin-auto > .content-list h3 {
		font-size: 17px !important;
		line-height: 1.5;
        width: 100%;
	}

	.content.margin-auto > .content-list p,
	.content.margin-auto > .content-list li,
	.content.margin-auto > .content-list td,
	.content.margin-auto > .content-list th,
	.content.margin-auto > .content-list span,
	.content.margin-auto > .content-list strong,
	.content.margin-auto > .content-list a {
		max-width: 100%;
		font-size: 14px !important;
		line-height: 1.8;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.content.margin-auto > .content-list img,
	.content.margin-auto > .content-list video,
	.content.margin-auto > .content-list iframe {
		max-width: 100%;
		height: auto;
	}

	.content.margin-auto > .content-list table {
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		border-collapse: collapse;
	}

	.content.margin-auto > .content-list > li {
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 12px 0;
		overflow: hidden;
	}

	.content.margin-auto > .content-list > li > a:first-of-type {
		display: block;
		width: 100%;
		min-width: 0;
		padding: 0 8px 0 28px;
		overflow: hidden;
		font-size: 14px !important;
		line-height: 1.8;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content.margin-auto > .content-list > li > span,
	.content.margin-auto > .content-list > li > em,
	.content.margin-auto > .content-list > li > time {
		display: block;
		padding: 0 8px;
		font-size: 13px !important;
		line-height: 1.7;
		text-align: right;
		white-space: nowrap;
	}

	/* Keep generated list titles and pagination inside the mobile viewport. */
	.content.margin-auto > .content-list > li > a:not(:first-of-type),
	.content.margin-auto > .content-list > li a.title,
	.content.margin-auto > .content-list > li .title {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content.margin-auto > .content-list .page,
	.content.margin-auto > .content-list .pagination,
	.content.margin-auto > .content-list .fy,
	.content.margin-auto > .content-list .pagebar,
	.content.margin-auto > .content-list [class*="page"],
	.content.margin-auto > .content-list [class*="Page"],
	.content.margin-auto > .content-list [class*="fy"] {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 4px;
		width: 100%;
		max-width: 100%;
		margin: 22px 0 0;
		padding: 8px 0;
		overflow: hidden;
		font-size: 13px;
		line-height: 28px;
		white-space: normal;
	}

	.content.margin-auto > .content-list .page a,
	.content.margin-auto > .content-list .pagination a,
	.content.margin-auto > .content-list .fy a,
	.content.margin-auto > .content-list .pagebar a,
	.content.margin-auto > .content-list [class*="page"] a,
	.content.margin-auto > .content-list [class*="Page"] a,
	.content.margin-auto > .content-list [class*="fy"] a,
	.content.margin-auto > .content-list .page span,
	.content.margin-auto > .content-list .pagination span,
	.content.margin-auto > .content-list .fy span,
	.content.margin-auto > .content-list .pagebar span,
	.content.margin-auto > .content-list [class*="page"] span,
	.content.margin-auto > .content-list [class*="Page"] span,
	.content.margin-auto > .content-list [class*="fy"] span {
		display: inline-block;
		max-width: 64px;
		min-width: 28px;
		padding: 0 6px;
		overflow: hidden;
		font-size: 13px !important;
		line-height: 28px;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* Exact markup from the generated news list. */
	.content.margin-auto > .content-list > li > a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		padding: 0 8px 0 28px;
		text-decoration: none;
	}

	.content.margin-auto > .content-list > li > a > h3 {
		display: block;
		flex: 1 1 auto;
		width: auto;
		max-width: 100%;
		min-width: 0;
		margin: 0;
		float: none;
		overflow: hidden;
		word-break: normal;
		overflow-wrap: normal;
		font-size: 14px !important;
		font-weight: normal;
		line-height: 28px;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	.content.margin-auto > .content-list > li > a > .time {
		display: block !important;
		flex: 0 0 78px;
		width: 78px;
		margin-left: 6px;
		overflow: hidden;
		word-break: normal;
		overflow-wrap: normal;
		font-size: 12px !important;
		line-height: 28px;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.content.margin-auto > .page,
	.content.margin-auto > .content-list > .page {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 3px;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		margin: 22px 0 0;
		padding: 8px 14px;
		overflow: hidden;
		font-size: 12px;
		line-height: 28px;
		text-align: center;
		white-space: normal;
	}

	.content.margin-auto > .page a,
	.content.margin-auto > .page span,
	.content.margin-auto > .content-list > .page a,
	.content.margin-auto > .content-list > .page span {
		display: inline-block;
		max-width: none;
		min-width: 0;
		margin: 2px 1px;
		padding: 0 2px;
		overflow: visible;
		font-size: 11px !important;
		line-height: 26px;
		text-align: center;
		text-overflow: clip;
		vertical-align: middle;
		white-space: nowrap;
	}

	/* The CMS renders ${pageBar} as a table inside .page. */
	.content.margin-auto > .page,
	.content.margin-auto > .content-list > .page {
		display: block;
		padding: 8px 0;
		overflow-x: auto;
		text-align: center;
	}

	.content.margin-auto > .page > table,
	.content.margin-auto > .content-list > .page > table {
		display: table !important;
		width: auto !important;
		max-width: 100%;
		margin: 0 auto;
		border-collapse: collapse;
		table-layout: auto;
	}

	.content.margin-auto > .page > table td,
	.content.margin-auto > .content-list > .page > table td {
		padding: 2px 3px;
		font-size: 11px !important;
		line-height: 24px;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
	}

	.content.margin-auto > .page > table a,
	.content.margin-auto > .page > table input,
	.content.margin-auto > .page > table select,
	.content.margin-auto > .content-list > .page > table a,
	.content.margin-auto > .content-list > .page > table input,
	.content.margin-auto > .content-list > .page > table select {
		box-sizing: border-box;
		max-width: 100%;
		font-size: 11px !important;
		line-height: 22px;
		vertical-align: middle;
		white-space: nowrap;
	}

	.content.margin-auto > .page > table input,
	.content.margin-auto > .content-list > .page > table input {
		min-height: 22px;
		padding: 0 4px;
	}

	/* Teacher directory pages use .tc lists inside .content-list. */
	.content.margin-auto .content-list > .tc {
		width: 100%;
		max-width: 100%;
		margin: 0 0 18px;
		padding: 0;
		overflow: hidden;
	}

	.content.margin-auto .content-list > .tc h2 {
		margin: 0;
		padding: 8px 0;
		font-size: 18px !important;
		line-height: 1.5;
		text-align: left;
	}

	.content.margin-auto .content-list > .tc h2 a {
		font-size: inherit !important;
		white-space: nowrap;
        padding: 0 0 0 10px;
	}

	.content.margin-auto .content-list > .tc > li {
		display: inline-block;
		box-sizing: border-box;
		width: 33.3333%;
		min-width: 0;
		margin: 0 !important;
		padding: 4px 0;
		list-style: none;
		vertical-align: top;
		line-height: 1.6;
	}

	.content.margin-auto .content-list > .tc > li > a {
		display: block;
		width: 100%;
		min-width: 0;
		padding: 0 17px;
		overflow: hidden;
		font-size: 12px !important;
		line-height: 1.5;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* Teacher detail page: selected content section */
	.content.margin-auto .cont-left,
	.content.margin-auto .cont-right {
		float: none;
		width: 100%;
		margin: 0;
	}

	.content.margin-auto .cont-left {
		padding: 0;
	}

	.content.margin-auto .cont-left > h2 {
		margin: 0 0 14px;
		padding: 13px 12px;
		font-size: 28px;
		line-height: 1.3;
		font-weight: 700;
		text-align: center;
		color: #075f58;
		background: linear-gradient(135deg, #f1faf8, #f7fbfb);
		border: 1px solid #dbece9;
		border-radius: 10px;
		box-shadow: 0 3px 10px rgba(0, 95, 88, .06);
	}

	.content.margin-auto .teacher-intro {
		margin: 0 0 20px;
		padding: 20px 16px 16px;
		background: #fff;
		border: 1px solid #e5efed;
		border-radius: 10px;
		box-shadow: 0 4px 16px rgba(15, 74, 68, .06);
	}

	.content.margin-auto .teacher-pic {
		width: 58%;
		max-width: 230px;
		margin: 0 auto 20px;
		padding: 5px;
		background: #f0f7f6;
		border-radius: 8px;
	}

	.content.margin-auto .teacher-pic img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 5px;
		box-shadow: none;
		background: #f6f6f6;
	}
.cont-right dt a{
    display: none;
}
 .cont-right .date{
   display: none;
 }
	.content.margin-auto .intro {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.content.margin-auto .intro li {
		display: grid;
		grid-template-columns: 82px minmax(0, 1fr);
		align-items: start;
		gap: 10px;
		margin: 0 0 8px;
		padding: 10px 11px;
		font-size: 14px;
		line-height: 1.55;
		color: #263937;
		background: #f7faf9;
		border-radius: 6px;
	}

	.content.margin-auto .intro li.is-empty {
		display: none;
	}

	.content.margin-auto .intro .info-label {
		font-size: 14px;
		line-height: 1.55;
		font-weight: 700;
		color: #08796f;
	}

	.content.margin-auto .intro .info-value {
		min-width: 0;
		color: #263937;
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	.content.margin-auto .cont-left .position {
		display: none;
	}

	.content.margin-auto .cont-right .position {
		display: none;
	}

	.content.margin-auto .cont-right > h3 {
		display: none;
	}

	.content.margin-auto .study-exe {
		margin: 0 0 18px;
		padding: 12px 10px;
		border: 1px solid #ececec;
		border-radius: 8px;
		background: #fff;
	}

	.content.margin-auto .study-exe dt {
		display: flex;
		align-items: center;
		position: relative;
		min-height: 40px;
		margin: 0 0 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		color: #1a4d8f;
	}

	/* The legacy icon and return-link are positioned independently; center both
	 * against the title text so their visual baseline stays aligned. */
	.content.margin-auto .study-exe dt::before,
	.content.margin-auto .study-exe dt > a {
		top: 50%;
		transform: translateY(-50%);
	}

	.content.margin-auto .study-exe dd {
		margin: 0;
	}

	.content.margin-auto .study-exe pre {
		margin: 0;
		padding: 0;
		font-family: inherit;
		font-size: 14px;
		line-height: 1.9;
		white-space: pre-wrap;
		word-break: break-word;
		overflow-wrap: anywhere;
		background: transparent;
	}

	.content.margin-auto .date {
		margin-top: 12px;
		font-size: 13px;
		line-height: 1.8;
		color: #666;
		text-align: left;
	}

	.content.margin-auto .date span {
		color: #333;
	}
}