/* ===== Judicial Principles ===== */
.principles-hero{position:relative;overflow:hidden}.principles-stat{display:inline-flex;align-items:baseline;gap:10px;margin-top:22px;padding:10px 16px;border:1px solid #e4d5ba;border-radius:10px;background:#fff}.principles-stat b{font-size:27px;color:var(--gold)}.principles-stat span{color:var(--muted);font-size:14px}.principles-section{background:#fbfaf7}.principles-filter{display:grid;grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) 160px 160px auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);margin-bottom:24px}.principles-filter label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:var(--navy)}.principles-filter input,.principles-filter select{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 13px;font:inherit;background:#fff;color:#24384c;outline:none}.principles-filter input:focus,.principles-filter select:focus{border-color:var(--gold)}.pf-actions{display:flex;gap:8px}.pf-actions button,.pf-actions a{border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}.pf-actions button{background:var(--navy);color:#fff}.pf-actions a{background:#f1ede6;color:var(--navy)}.principles-result-head{display:flex;gap:10px;align-items:center;margin:18px 2px;color:var(--muted);font-size:14px}.principles-result-head strong{color:var(--navy);font-size:17px}.principles-list{display:grid;gap:16px}.principle-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px 26px;box-shadow:0 8px 24px rgba(8,31,53,.045)}.principle-top{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#6c7a88;font-size:13px}.principle-no{color:#8a6326;background:#f6ead3;border-radius:999px;padding:4px 10px;font-weight:800}.principle-card h2{font-size:22px;line-height:1.65;color:var(--navy);margin:13px 0 10px}.principle-card p{font-size:16px;line-height:2;color:#46596c;margin:0 0 16px}.principle-meta{display:flex;gap:10px;flex-wrap:wrap;color:#6f7f8e;font-size:13px}.principle-meta span{padding-left:10px;border-left:1px solid #ddd5c8}.principle-meta span:last-child{border-left:0}.principle-open{display:inline-block;margin-top:17px;color:#ae7825;font-weight:800}.principles-pagination{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:28px}.principles-pagination a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--navy);font-weight:700}.principles-pagination a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.principle-detail{max-width:980px}.principle-detail-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}.principle-detail-meta>div{background:#f8f4ed;border:1px solid var(--line);border-radius:10px;padding:14px}.principle-detail-meta small{display:block;color:#7b8795;margin-bottom:6px}.principle-detail-meta b{display:block;color:var(--navy);font-size:14px;line-height:1.6}.principle-full{background:#fff;border:1px solid var(--line);border-right:5px solid var(--gold);border-radius:12px;padding:30px;box-shadow:var(--shadow)}.principle-full>span{display:inline-block;color:#8a6326;background:#f6ead3;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:800;margin-bottom:14px}.principle-full p{margin:0;color:#263b50;font-size:20px;line-height:2.25}.back-principles{display:inline-block;margin-top:22px;color:var(--gold);font-weight:800}.principle-search-card .principle-meta{margin-bottom:5px}
@media(max-width:1050px){.principles-filter{grid-template-columns:1fr 1fr}.pf-main{grid-column:1/-1}.pf-actions{align-self:end}.principle-detail-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.principles-filter{grid-template-columns:1fr}.pf-main{grid-column:auto}.pf-actions{width:100%}.pf-actions button,.pf-actions a{flex:1;text-align:center}.principle-card{padding:20px}.principle-top{align-items:flex-start;flex-direction:column}.principle-card h2{font-size:20px}.principle-detail-meta{grid-template-columns:1fr 1fr}.principle-full{padding:23px}.principle-full p{font-size:18px;line-height:2.15}}