/* Scoped to both the standalone rules page and the framework sidepanel. */
.pdRules {font:1rem/1.65 system-ui,sans-serif;color:#343c35;max-width:980px;margin:auto;padding:clamp(12px,3%,30px);container-type:inline-size;background:#fffdf7;}
.pdRules * {box-sizing:border-box;}
.pdRules header {border-bottom:3px solid #63816c;padding-bottom:16px;margin-bottom:20px;}
.pdRules .pdEyebrow {font-size:.78rem;letter-spacing:.16em;color:#597362;font-weight:700;}
.pdRules h1 {font:600 clamp(1.7rem,6cqi,2.7rem)/1.15 Georgia,serif;margin:8px 0;color:#274b36;}
.pdRules h2 {font:600 1.45rem/1.25 Georgia,serif;color:#274b36;border-bottom:1px solid #cad3c7;padding-bottom:7px;margin:28px 0 12px;scroll-margin-top:15px;}
.pdRules nav {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}
.pdRules nav a {font-size:.85rem;padding:5px 10px;border-radius:20px;background:#e9efe4;color:#355a40;text-decoration:none;}
.pdRules p {margin:0 0 14px;}
.pdRules .pdExamples {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:20px 0;}
.pdRules figure {margin:0;padding:14px;background:#f1f0e6;border:1px solid #dedfce;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:12px;}
.pdRules figure img {display:block;width:auto;max-width:100%;max-height:230px;height:auto;object-fit:contain;border-radius:4px;}
.pdRules figcaption {width:100%;font-size:.92rem;line-height:1.5;}
.pdRules figcaption em {font-style:normal;}
.pdRules .pdScoring {width:100%;max-width:420px;table-layout:fixed;overflow-wrap:anywhere;border-collapse:collapse;border:0;margin:18px 0;font-variant-numeric:tabular-nums;}
.pdRules .pdScoring th {background:#355a40;color:white;}
.pdRules .pdScoring td,.pdRules .pdScoring th {padding:7px 14px;border:1px solid #d6dfd2;text-align:center;}
.pdRules .pdScoring tr:nth-child(even) {background:#edf1e7;}