.ppl-resource {max-width: 960px;}
.ppl-resource h2 {margin-top: 2.1em;}
.ppl-resource h3 {font-size: 1.15rem;}
.ppl-resource pre {background: #f0efe6; padding: 1rem; border-radius: 8px; overflow-x: auto; font-size: .9rem; line-height: 1.65;}
.ppl-resource code {overflow-wrap: anywhere;}
.ppl-resource table {display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: .95rem;}
.ppl-resource th,.ppl-resource td {padding: .8rem; border: 1px solid #d8d9ce; text-align: left; vertical-align: top;}
.ppl-resource th {background: #f0efe6;}
.ppl-resource .ppl-resource-date {font-size: .85rem; color: #5b6157;}
.ppl-resource-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px;}
.ppl-resource-card {padding: 18px; border: 1px solid #d8d9ce; border-radius: 10px;}
.ppl-resource-card h3 {margin: 0 0 10px;}
.ppl-resource-card p {font-size: .95rem; margin: 0;}
.ppl-resource-next {border-top: 1px solid #d8d9ce; margin-top: 2rem; padding-top: 1rem;}
.ppl-resource a:focus-visible {outline: 3px solid #4e6b45; outline-offset: 3px;}
@media(max-width: 640px) {.ppl-resource-grid {grid-template-columns: 1fr;} .ppl-resource th,.ppl-resource td {min-width: 150px;}}
@media print {.lp-nav,.lp-footer,.ppl-resource-next,.lp-kicker,.ppl-resource-date {display: none;} .ppl-resource {max-width: 100%;}}
