/* Local Resources: the portal's own page styles (captured from the built portal, scoped to #page-resources) */
#page-resources{ --navy: #003268; --navy-2: #004783; --navy-3: #0a2d60; --gold: #c4a05a; --gold-soft: #f7ecd2; --ink: #082e67; --cream: #fffdf8; --paper: #ffffff; --line: #eadfca; --muted: #60708a; --shadow: 0 18px 44px rgba(0,50,104,.10); --shadow-strong: 0 22px 52px rgba(0,50,104,.16); --radius: 22px; }
#page-resources *{box-sizing: border-box;}
#page-resources a{font: inherit;}
#page-resources a{color: inherit; text-decoration: none;}
#page-resources .page{display: none; opacity: 0; transform: translateY(8px);}
#page-resources .page.active{display: block; animation: 0.38s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal forwards running pageIn;}
#page-resources .eyebrow{font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 12px;}
#page-resources .center-page{max-width: 1080px; margin: 0px auto;}
#page-resources .resources-header{max-width: 860px; margin: 0px auto 24px; text-align: center; padding: 28px 10px 10px;}
#page-resources .resources-header h2{margin: 0px 0px 10px; font-family: Georgia, serif; font-size: 42px; font-weight: 500; color: var(--ink);}
#page-resources .resources-header p{margin: 0px; color: var(--muted); line-height: 1.6;}
#page-resources .local-resource-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px;}
#page-resources .local-resource{border: 1px solid var(--line); background: white; border-radius: 15px; padding: 18px; min-height: 150px; display: flex; flex-direction: column; align-items: flex-start; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;}
@media (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource:hover{transform: translateY(-3px); box-shadow: rgba(0, 50, 104, 0.09) 0px 12px 26px; border-color: rgba(212, 154, 32, 0.55);}}
#page-resources .local-resource h3{margin: 0px 0px 8px; font-family: Georgia, serif; font-size: 21px; font-weight: 500; color: var(--gold);}
#page-resources .local-resource strong{display: block; margin-bottom: 8px; color: var(--ink); line-height: 1.35;}
#page-resources .local-resource a{color: var(--muted); line-height: 1.55; word-break: break-word;}
@media (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource a:hover{color: var(--navy-2); text-decoration: underline;}}
@media (max-width: 1050px){#page-resources .local-resource-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 760px){#page-resources .local-resource-grid{grid-template-columns: 1fr;}
#page-resources .resources-header h2{font-size: 34px;}}
@media print{#page-resources .page{display: none !important;}
#page-resources .page.active{display: block !important;}}
#page-resources .local-resource{cursor: pointer; overflow: hidden; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s;}
@media (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource:hover,#page-resources .local-resource:focus{transform: translateY(-2px); box-shadow: rgba(0, 36, 91, 0.08) 0px 10px 24px; border-color: rgb(205, 181, 124); outline: none;}}
@media not all and (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource:focus{transform: translateY(-2px); box-shadow: rgba(0, 36, 91, 0.08) 0px 10px 24px; border-color: rgb(205, 181, 124); outline: none;}}
#page-resources .vendor-help{max-height: 0px; opacity: 0; overflow: hidden; margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.45; transition: max-height 0.2s, opacity 0.2s, margin 0.2s;}
@media (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource:hover .vendor-help,#page-resources .local-resource:focus .vendor-help{max-height: 130px; opacity: 1; margin-top: 10px;}}
@media not all and (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource:focus .vendor-help{max-height: 130px; opacity: 1; margin-top: 10px;}}
#page-resources{ --champagne-foil: linear-gradient(135deg,#b78a43 0%,#e6c780 18%,#fff2c7 37%,#d9b15a 51%,#b98a36 67%,#f1d99b 86%,#d1a754 100%); --champagne-line: linear-gradient(90deg,#b88a3d,#efdb9f 27%,#c39a4c 48%,#fff0ba 68%,#b4893f); }
#page-resources{ --az-night-navy: radial-gradient(ellipse at 48% 14%,#294568 0%,#172e4c 40%,#0d213b 82%); --az-night-navy-hover: radial-gradient(ellipse at 48% 14%,#34547c 0%,#1e3a5e 40%,#122a48 82%); }
#page-resources .content > .page:not(#page-home){--ink: #183352; --muted: #5c6d7b; --navy: #183352; color: var(--ink);}
#page-resources .local-resource{--muted: #53636f; background: linear-gradient(110deg, rgb(255, 254, 250) 0%, rgb(252, 248, 242) 58%, rgb(248, 232, 220) 100%) !important; border-color: rgb(205, 177, 127) !important;}
@media (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource:hover,#page-resources .local-resource:focus{background: linear-gradient(110deg, rgb(255, 253, 250) 0%, rgb(251, 244, 233) 55%, rgb(245, 225, 209) 100%) !important;}}
@media not all and (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .local-resource:focus{background: linear-gradient(110deg, rgb(255, 253, 250) 0%, rgb(251, 244, 233) 55%, rgb(245, 225, 209) 100%) !important;}}
#page-resources .local-resource,#page-resources strong{--ink: #173653; --navy: #173653;}
#page-resources .local-resource{--muted: #53636f;}
#page-resources .local-resource h3{color: rgb(125, 95, 40) !important;}
@media not all and (hover: hover) and (pointer: fine) and (min-width: 701px){#page-resources .vendor-help{max-height: none !important; opacity: 1 !important; margin-top: 10px !important;}}
#page-resources{ --az-page-title: 36px; }
@media (max-width: 1100px){#page-resources{ --az-page-title: 30px; }}
@media (max-width: 700px){#page-resources{ --az-page-title: 28px; }}
#page-resources .resources-header{padding-top: 6px !important; padding-bottom: 16px !important; margin-bottom: 10px !important;}
#page-resources .resources-header{font-size: var(--az-page-title) !important; line-height: 1.12 !important; margin: 4px 0px 8px !important;}