/* ===== General Content Page Styles ===== */
.page-content{padding:0;background:var(--white)}
.page-content .container{max-width:var(--max-width);margin:0 auto;padding:0 16px}
.page-content .page-body{padding:40px 0 60px}
@media(min-width:768px){.page-content .page-body{padding:50px 0 70px}}

/* ===== Content Typography ===== */
.page-body .page-title{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:700;color:var(--primary-dark);margin-bottom:20px;line-height:1.35;border-bottom:2px solid var(--accent);padding-bottom:12px}

.page-body .content-wrap h2{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--primary-dark);margin:28px 0 14px;padding-left:14px;border-left:4px solid var(--accent)}
.page-body .content-wrap h3{font-size:1.05rem;color:var(--primary);margin:22px 0 12px}
.page-body .content-wrap h4{font-size:0.95rem;color:var(--primary-dark);margin:16px 0 10px}
.page-body .content-wrap p{color:var(--text-light);line-height:1.9;margin-bottom:16px;font-size:0.95rem}
.page-body .content-wrap ul,.page-body .content-wrap ol{padding-left:24px;margin-bottom:16px;color:var(--text-light);line-height:1.9}
.page-body .content-wrap ul li,.page-body .content-wrap ol li{margin-bottom:6px}
.page-body .content-wrap ul li{list-style:disc}
.page-body .content-wrap ol li{list-style:decimal}
.page-body .content-wrap a{color:var(--primary);text-decoration:underline}
.page-body .content-wrap a:hover{color:var(--primary-light)}
.page-body .content-wrap blockquote{padding:16px 20px;background:var(--bg);border-left:4px solid var(--accent);margin:20px 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-light);font-style:italic}
.page-body .content-wrap table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.9rem}
.page-body .content-wrap table th,.page-body .content-wrap table td{padding:10px 14px;border:1px solid var(--border);text-align:left}
.page-body .content-wrap table th{background:var(--primary-dark);color:var(--white);font-weight:600}
.page-body .content-wrap table tr:nth-child(even){background:var(--bg)}
.page-body .content-wrap table tr:hover{background:#eef4f8}
.page-body .content-wrap img{max-width:100%;height:auto;border-radius:var(--radius);margin:16px 0;box-shadow:var(--shadow)}
.page-body .content-wrap .aligncenter{display:block;margin:20px auto}
.page-body .content-wrap .alignleft{float:left;margin:6px 20px 10px 0;max-width:40%}
.page-body .content-wrap .alignright{float:right;margin:6px 0 10px 20px;max-width:40%}
@media(max-width:575px){.page-body .content-wrap .alignleft,.page-body .content-wrap .alignright{float:none;display:block;margin:16px auto;max-width:100%}}

/* ===== Responsive ===== */
@media(max-width:575px){.page-content .page-body{padding:20px 0 30px}.page-body .page-title{font-size:1.2rem}.page-body .content-wrap p{font-size:0.88rem}.page-body .content-wrap table{font-size:0.75rem}.page-body .content-wrap table th,.page-body .content-wrap table td{padding:6px 8px}}