/* Home resources (TODO 00001.5.13). FINAL design/home/inspiration/sections/resources/r3/v3.png.
   The margin rule (section 7): a 2px navy rule down the left of each document card's text block; under it a
   1px line hairline, then a navy download link with the 20px download icon. White ground, 1px line hairline on top. */
.p-home-resources {
  box-sizing: border-box; background: var(--wp--preset--color--white);
  border-top: 1px solid var(--wp--preset--color--line);
  padding: var(--wp--custom--section--desktop) var(--wp--custom--gutter--desktop);
}
.p-home-resources *, .p-home-resources *::before, .p-home-resources *::after { box-sizing: border-box; }
.p-home-resources__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.p-home-resources__head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wp--preset--spacing--60);
  margin-bottom: var(--wp--preset--spacing--90);
}
.p-home-resources__eyebrow {
  display: flex; align-items: center; gap: var(--wp--preset--spacing--50); margin: 0;
  color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label);
  font-weight: var(--wp--custom--font-weight--label); letter-spacing: var(--wp--custom--letter-spacing--label);
  line-height: 1.3; text-transform: uppercase;
}
.p-home-resources__eyebrow::before { content: ""; flex: none; width: 32px; height: 3px; background: var(--wp--preset--color--orange); }
.p-home-resources .p-home-resources__title {
  margin: var(--wp--preset--spacing--40) 0 0; color: var(--wp--preset--color--navy);
  font-size: var(--wp--preset--font-size--h-2); font-weight: var(--wp--custom--font-weight--h-2);
  letter-spacing: var(--wp--custom--letter-spacing--h-2); line-height: 1.15;
}
.p-home-resources__all { margin: 0; flex: none; }
.p-home-resources__all a {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--30); min-height: var(--wp--custom--touch);
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--body); font-weight: 600; text-decoration: none;
}
.p-home-resources__all a::after {
  content: ""; width: 20px; height: 20px; background: currentColor; transition: transform 0.2s cubic-bezier(.22, .61, .36, 1);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
.p-home-resources a:focus-visible {
  outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: var(--wp--custom--focus--offset);
}
@media (hover: hover) and (pointer: fine) {
  .p-home-resources__all a:hover::after { transform: translateX(3px); }
  .p-home-resources__dl:hover span { text-decoration-thickness: 2px; }
}
.p-home-resources__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--60); }
.p-home-resources__card {
  display: flex; flex-direction: column; padding: var(--wp--preset--spacing--70);
  background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--default);
}
.p-home-resources__entry { border-left: 2px solid var(--wp--preset--color--navy); padding-left: var(--wp--preset--spacing--60); }
.p-home-resources__purpose {
  margin: 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label);
  font-weight: var(--wp--custom--font-weight--label); letter-spacing: var(--wp--custom--letter-spacing--label);
  line-height: 1.3; text-transform: uppercase;
}
.p-home-resources .p-home-resources__name {
  margin: var(--wp--preset--spacing--30) 0 0; color: var(--wp--preset--color--navy);
  font-size: var(--wp--preset--font-size--h-3); font-weight: var(--wp--custom--font-weight--h-1); line-height: 1.25;
}
.p-home-resources__desc { margin: var(--wp--preset--spacing--30) 0 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--body); line-height: 1.6; }
.p-home-resources__dl {
  display: flex; align-items: center; gap: var(--wp--preset--spacing--40); min-height: var(--wp--custom--touch);
  margin-top: auto; padding-top: var(--wp--preset--spacing--50);
  border-top: 1px solid var(--wp--preset--color--line);
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--body); font-weight: 500;
  text-decoration: none;
}
.p-home-resources__entry { margin-bottom: var(--wp--preset--spacing--70); }
.p-home-resources__dl span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media (max-width: 991.98px) {
  .p-home-resources { padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet); }
  .p-home-resources__grid { gap: var(--wp--preset--spacing--50); }
  .p-home-resources__card { padding: var(--wp--preset--spacing--60); }
}
@media (max-width: 719.98px) {
  .p-home-resources__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599.98px) {
  .p-home-resources { padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone); }
  .p-home-resources__head { flex-direction: column; align-items: flex-start; margin-bottom: var(--wp--preset--spacing--70); }
  .p-home-resources__card { padding: var(--wp--preset--spacing--60); }
}