/* Documents · Procurement collection */
.procurement-documents-page{
  --pd-ink:#073466;
  --pd-copy:#315d72;
  --pd-teal:#007a70;
  --pd-blue:#0b5c8c;
  --pd-line:rgba(112,166,170,.28);
  --pd-paper:#fff;
  --pd-soft:#edf7f3;
  --pd-cream:#fbf7ec;
  --pd-warm:#fff3df;
  --pd-risk:#99564f;
  background:linear-gradient(180deg,#fbfcf8 0%,#f7fbf8 52%,#eef8f5 100%);
  color:var(--pd-copy);
}

.procurement-documents-page main{overflow:hidden}
.procurement-documents-page a{text-decoration:none}
.procurement-documents-page .main-nav a.is-active{color:#007a70}

.pd-shell{width:min(1320px,calc(100% - 88px));margin-inline:auto}
.pd-kicker{margin:0 0 10px;color:var(--pd-teal);font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pd-kicker--risk{color:#8b5b17}

/* HERO */
.pd-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px;padding-top:52px;padding-bottom:28px}
.pd-hero-main,.pd-legend{border:1px solid var(--pd-line);border-radius:29px;box-shadow:0 22px 56px rgba(21,79,98,.08)}
.pd-hero-main{min-height:340px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,248,245,.91))}
.pd-hero-copy{align-self:center;padding:38px 10px 38px 40px}
.pd-hero-copy h1{max-width:720px;margin:0;color:var(--pd-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.15rem,3vw,2.75rem);line-height:1.02;letter-spacing:-.045em}
.pd-hero-copy>p:not(.pd-kicker){max-width:760px;margin:17px 0 0;font-size:1rem;line-height:1.6}
.pd-practical-link{display:inline-flex;margin-top:22px;color:#004b8d;font-size:.9rem;font-weight:900}

.pd-hero-art{position:relative;overflow:hidden;border-left:1px solid rgba(112,166,170,.2);background:radial-gradient(circle at 72% 24%,rgba(205,237,229,.92),transparent 13rem),linear-gradient(150deg,#f8fbf7,#ecf5f2 58%,#f6efdc)}
.pd-folder{position:absolute;width:160px;height:116px;border-radius:10px 10px 15px 15px;box-shadow:0 18px 32px rgba(32,88,101,.12)}
.pd-folder::before{content:"";position:absolute;width:66px;height:21px;left:12px;top:-15px;border-radius:8px 8px 0 0;background:inherit}
.pd-folder--one{right:34px;bottom:38px;background:#6eaaa0;transform:rotate(3deg)}
.pd-folder--two{right:110px;bottom:76px;background:#ddc37d;transform:rotate(-6deg)}
.pd-paper{position:absolute;width:126px;height:168px;border-radius:7px;background:rgba(255,255,255,.9);border:1px solid rgba(85,133,147,.2);box-shadow:0 12px 25px rgba(32,88,101,.1)}
.pd-paper::after{content:"";position:absolute;left:19px;right:19px;top:35px;height:5px;background:#b8d2d0;box-shadow:0 20px 0 #d2dfde,0 40px 0 #d2dfde,0 60px 0 #d2dfde}
.pd-paper--one{right:182px;top:62px;transform:rotate(-8deg)}
.pd-paper--two{right:54px;top:42px;transform:rotate(7deg)}
.pd-lens{position:absolute;right:105px;bottom:42px;width:86px;height:86px;border:8px solid #3e6478;border-radius:50%;background:rgba(255,255,255,.27);box-shadow:0 9px 20px rgba(26,61,78,.15)}
.pd-lens::after{content:"";position:absolute;width:61px;height:13px;right:-50px;bottom:-24px;border-radius:999px;background:#3e6478;transform:rotate(47deg);transform-origin:left center}

.pd-legend{padding:27px;background:rgba(255,255,255,.9)}
.pd-legend h2{margin:0 0 18px;color:var(--pd-ink);font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;line-height:1.06}
.pd-legend-item{padding:15px 0;border-top:1px solid rgba(112,166,170,.19)}
.pd-legend-item:first-of-type{border-top:0;padding-top:0}
.pd-legend-item p{margin:8px 0 0;font-size:.88rem;line-height:1.5}
.pd-legend>strong{display:block;margin-top:4px;padding:14px 15px;border-radius:15px;background:#fff5df;color:#73500f;font-size:.84rem;line-height:1.45}
.pd-source-label{display:inline-flex;align-items:center;width:fit-content;padding:5px 8px;border-radius:999px;background:rgba(11,92,140,.08);color:#0b5c8c;font-size:.7rem;font-weight:900;line-height:1}

/* BADGES */
.pd-type{display:inline-flex;align-items:center;width:fit-content;padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:900;line-height:1}
.pd-type--hub{background:rgba(0,122,112,.1);color:#007a70}

/* SECTIONS */
.pd-section{padding:38px 0 48px;scroll-margin-top:90px}
.pd-section--tint{background:linear-gradient(180deg,rgba(238,248,245,.75),rgba(247,251,248,.93))}
.pd-section--soft{background:linear-gradient(180deg,rgba(249,246,236,.78),rgba(247,251,248,.88))}
.pd-section--updates{background:linear-gradient(180deg,#edf7f3,#f8faf7)}
.pd-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,500px);gap:34px;align-items:end;margin-bottom:19px}
.pd-section-head h2,.pd-related h2{margin:0;color:var(--pd-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,2.35vw,2.2rem);line-height:1.05;letter-spacing:-.035em}
.pd-section-head>p{margin:0;font-size:.95rem;line-height:1.55}
.pd-anchor{display:block;position:relative;top:-90px;visibility:hidden}

.pd-grid{display:grid;gap:14px}
.pd-grid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.pd-grid--procedures{grid-template-columns:repeat(4,minmax(0,1fr))}
.pd-grid--tools{grid-template-columns:repeat(2,minmax(0,1fr))}
.pd-grid--risk{grid-template-columns:repeat(2,minmax(0,1fr))}
.pd-grid--updates{grid-template-columns:1fr}

/* COMMON CARDS */
.pd-card,.pd-procedure,.pd-tool,.pd-update,.pd-feature-card,.pd-risk-final{border:1px solid var(--pd-line);background:rgba(255,255,255,.92);box-shadow:0 13px 34px rgba(21,79,98,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pd-card:hover,.pd-procedure:hover,.pd-tool:hover,.pd-update:hover,.pd-feature-card:hover,.pd-risk-final:hover{transform:translateY(-3px);border-color:rgba(0,122,112,.38);box-shadow:0 20px 42px rgba(21,79,98,.1)}

/* DOCUMENT CARDS */
.pd-card{display:flex;flex-direction:column;min-height:230px;padding:19px;border-radius:21px}
.pd-card--risk{background:linear-gradient(145deg,#fff,rgba(255,248,238,.74))}
.pd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.pd-meta>span:not(.pd-type){color:#718590;font-size:.68rem;font-weight:850}
.pd-card h3,.pd-procedure h3,.pd-tool h3,.pd-update h3,.pd-feature-card h3,.pd-risk-final h3{margin:0;color:var(--pd-ink);line-height:1.18}
.pd-card h3{font-size:1.05rem}
.pd-card p{margin:9px 0 0;font-size:.84rem;line-height:1.49}
.pd-card>a,.pd-procedure>a,.pd-tool a,.pd-feature-card>a,.pd-risk-final>a{margin-top:auto;padding-top:15px;color:#005d90;font-size:.8rem;font-weight:900}

/* PROCEDURES */
.pd-procedure{display:flex;flex-direction:column;min-height:216px;padding:17px;border-radius:19px}
.pd-procedure-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:11px}
.pd-procedure-code{width:fit-content;padding:5px 8px;border-radius:999px;background:#edf6f2;color:#17665f;font-size:.66rem;font-weight:900}
.pd-procedure h3{font-size:.98rem}
.pd-procedure p{margin:8px 0 0;font-size:.8rem;line-height:1.45}

/* PMS FEATURE */
.pd-feature-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:23px 25px;border-radius:24px;background:linear-gradient(135deg,#fff,rgba(238,248,245,.9))}
.pd-feature-card h3{font-size:1.18rem}
.pd-feature-card p{max-width:900px;margin:8px 0 0;font-size:.87rem;line-height:1.5}
.pd-feature-card>a{padding-top:0;white-space:nowrap}

/* TOOLS */
.pd-tool{display:flex;flex-direction:column;gap:0;padding:18px;border-radius:20px}
.pd-tool--wide{grid-column:1/-1}
.pd-tool-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pd-tool h3{margin-top:10px;font-size:1rem}
.pd-tool p{margin:7px 0 0;font-size:.82rem;line-height:1.45}
.pd-tool a{display:inline-flex}

/* RISK FEATURE */
.pd-risk-final{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#fff8ea,#fff,rgba(244,239,246,.82))}
.pd-risk-final h3{font-size:1.08rem}
.pd-risk-final p{max-width:920px;margin:8px 0 0;font-size:.84rem;line-height:1.48}
.pd-risk-final>a{padding-top:0;white-space:nowrap}

/* UPDATES */
.pd-update{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 17px;border-radius:18px}
.pd-update-year{display:inline-flex;justify-content:center;padding:7px 9px;border-radius:999px;background:#edf6f2;color:#17665f;font-size:.7rem;font-weight:900}
.pd-update h3{margin-top:7px;font-size:.98rem}
.pd-update p{margin:5px 0 0;font-size:.8rem;line-height:1.42}
.pd-update>a{color:#005d90;font-size:.8rem;font-weight:900;white-space:nowrap}

/* RELATED / BACK */
.pd-related{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:42px;padding:26px 28px;border:1px solid var(--pd-line);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,248,245,.91));box-shadow:0 17px 42px rgba(21,79,98,.06)}
.pd-related h2{font-size:clamp(1.55rem,2vw,1.9rem)}
.pd-related p:not(.pd-kicker){max-width:900px;margin:12px 0 0;font-size:.9rem;line-height:1.52}
.pd-related>a,.pd-bottom-back a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid rgba(5,96,143,.22);border-radius:999px;background:#fff;color:#004b8d;font-size:.84rem;font-weight:900;white-space:nowrap}
.pd-bottom-back{display:flex;justify-content:center;padding:30px 0 50px}

/* ACCESSIBILITY */
.procurement-documents-page a:focus-visible{outline:3px solid rgba(11,92,140,.32);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.procurement-documents-page *{transition:none!important;scroll-behavior:auto!important}}

/* RESPONSIVE */
@media(max-width:1180px){
  .pd-shell{width:min(100% - 56px,1180px)}
  .pd-hero{grid-template-columns:1fr}
  .pd-grid--procedures{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pd-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
  .pd-shell{width:calc(100% - 40px)}
  .pd-hero-main{grid-template-columns:1fr}
  .pd-hero-copy{padding:30px 26px 20px}
  .pd-hero-art{min-height:230px;border-left:0;border-top:1px solid rgba(112,166,170,.2)}
  .pd-section-head,.pd-related{grid-template-columns:1fr}
  .pd-grid--procedures,.pd-grid--cards,.pd-grid--risk,.pd-grid--tools{grid-template-columns:1fr}
  .pd-tool--wide,.pd-risk-final{grid-column:auto}
  .pd-feature-card,.pd-risk-final{grid-template-columns:1fr}
  .pd-feature-card>a,.pd-risk-final>a{grid-column:auto;justify-self:start}
  .pd-related>a{justify-self:start}
}

@media(max-width:580px){
  .pd-shell{width:calc(100% - 30px)}
  .pd-hero{padding-top:36px}
  .pd-hero-main,.pd-legend,.pd-related{border-radius:22px}
  .pd-hero-copy h1{font-size:clamp(2rem,10vw,2.5rem)}
  .pd-section{padding:30px 0 38px}
  .pd-card,.pd-procedure{min-height:0}
  .pd-update{grid-template-columns:1fr}
  .pd-update>a{justify-self:start}
  .pd-feature-card,.pd-risk-final{grid-template-columns:1fr}
  .pd-feature-card>a,.pd-risk-final>a{grid-column:auto}
  .pd-related{padding:22px}
  .pd-bottom-back{padding-bottom:40px}
}
