.nppf-kicker{display:block;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#8C2A24;font-weight:600;margin-bottom:12px}
.nppf-home{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.7fr);gap:40px;align-items:center}
.nppf-cover{display:block;padding:0;border:0;background:transparent;cursor:pointer;box-shadow:0 18px 40px rgba(11,39,72,.16);aspect-ratio:480/679;width:min(100%,420px)}
.nppf-cover img{width:100%;height:auto;aspect-ratio:480/679}
.nppf-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0 8px}
.nppf-facts div{border-top:2px solid var(--navy);padding-top:12px}
.nppf-facts strong{display:block;font-family:var(--display);color:var(--navy);font-size:1.05rem;line-height:1.3}
.nppf-facts span{display:block;color:var(--muted);font-size:.92rem;margin-top:4px}

.nppf-viewer[hidden]{display:none}
.nppf-viewer{position:fixed;inset:0;z-index:4000;background:rgba(8,18,32,.72);display:flex;align-items:stretch;justify-content:center;padding:16px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.nppf-panel{background:#fff;width:min(1180px,100%);height:100%;display:flex;flex-direction:column;border-radius:4px;overflow:hidden}
.nppf-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--navy);color:#EEEFF2}
.nppf-bar p{margin:0;font-family:var(--display);font-weight:700}
.nppf-bar button{background:transparent;color:#EEEFF2;border:1px solid rgba(238,239,242,.45);border-radius:3px;padding:8px 14px;font:inherit;cursor:pointer}
.nppf-layout{position:relative;min-height:0;flex:1}
.nppf-read{height:100%;overflow:auto;background:#d7dbe1;padding:18px;-webkit-user-select:none;user-select:none}
.nppf-pages{min-height:40vh}
.nppf-status{margin:0 0 12px;color:#3F4856}
.nppf-sheet{position:relative;width:min(820px,100%);margin:0 auto 16px;aspect-ratio:1/1.414;background:#fff center top / contain no-repeat;box-shadow:0 8px 24px rgba(11,39,72,.18);cursor:pointer}
.nppf-sheet::after{content:"DH Planning  ·  dhplanning.co.uk  ·  on-screen reading";position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-size:11px;letter-spacing:.04em;color:rgba(11,39,72,.45);pointer-events:none}
.nppf-ask[hidden]{display:none}
.nppf-ask{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,18,32,.55)}
.nppf-ask-card{width:min(440px,100%);max-height:100%;overflow:auto;background:#fff;padding:24px 22px 18px;border-radius:4px;box-shadow:0 18px 40px rgba(11,39,72,.28)}
.nppf-ask h2{font-size:1.35rem;margin:0 0 8px;color:var(--navy)}
.nppf-ask p{font-size:.95rem}
.nppf-ask .field{margin-bottom:12px}
.nppf-ask label{display:block;font-size:.88rem;margin-bottom:4px;color:var(--ink)}
.nppf-ask input,.nppf-ask textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--rule);border-radius:3px;color:var(--ink);-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.nppf-ask textarea{min-height:110px;resize:vertical}
.nppf-ask .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.nppf-ask-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.nppf-ask .form-note{font-size:.85rem;color:var(--muted);margin-top:12px}
.nppf-ask .form-error{color:#9c2f2f;font-size:.9rem;min-height:1.2em}
body.nppf-lock{overflow:hidden}
.nppf-print-note{display:none}

@media (max-width:800px){
  .nppf-home,.nppf-facts{grid-template-columns:1fr}
  .nppf-viewer{padding:0}
  .nppf-panel{border-radius:0}
  .nppf-ask{padding:12px;align-items:flex-end}
}
@media print{
  .nppf-viewer,.nppf-sheet,.nppf-cover{display:none !important}
  .nppf-print-note{display:block;margin:24px 0}
}