/* Shared accessibility and layout for the senior and adaptive directories. */
.resource-directory-page .resource-skip-link{position:fixed;top:8px;left:8px;z-index:300;transform:translateY(-200%);padding:12px 16px;min-height:44px;background:var(--white);color:var(--purple);font-weight:700;border:2px solid var(--purple)}
.resource-directory-page .resource-skip-link:focus{transform:none;outline:3px solid var(--navy);outline-offset:2px}
.resource-directory-page .site-header :focus-visible{outline:3px solid #fff;outline-offset:3px}
.resource-directory-page .site-header :is(.nav-submenu,.header-search-panel) :focus-visible{outline-color:var(--purple)}
.oaf-directory:focus{outline:3px solid var(--purple);outline-offset:-3px}
.oaf-directory #resource-results:focus{outline:3px solid var(--purple);outline-offset:4px}
.oaf-directory .resource-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.oaf-directory .resource-results-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.oaf-directory{max-width:1100px;overflow-wrap:anywhere}
.oaf-directory>h1{margin-bottom:14px;font-size:clamp(32px,4vw,48px)}
.calculator-page .oaf-directory>.intro{display:block;-webkit-line-clamp:unset;overflow:visible;margin-bottom:24px}
.oaf-directory [hidden]{display:none!important}
.oaf-directory .directory-tools{margin-bottom:16px;padding:20px}
.oaf-directory .directory-tools>input{max-width:none}
.oaf-directory .oaf-resource-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.oaf-directory .oaf-resource-filters label{font-size:15px}
.oaf-directory .directory-count{margin-bottom:20px}
.oaf-directory .oaf-resource-group{margin:30px 0}
.oaf-directory .oaf-resource-group>h2{margin:0 0 14px;font-size:26px}
.oaf-directory .oaf-resource-row{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:22px;background:var(--white);border:1px solid var(--border)}
.oaf-directory .oaf-resource-row+.oaf-resource-row{border-top:0}
.oaf-directory .oaf-resource-row>div{min-width:0;flex:1}
.oaf-directory .oaf-resource-row h3{margin:0 0 6px;font-size:21px}
.oaf-directory .oaf-resource-row p{margin:0;line-height:1.5;color:var(--muted)}
.oaf-directory .oaf-resource-row .oaf-resource-source{font-size:14px;margin-bottom:8px}
.oaf-directory .oaf-resource-row>a{font-weight:700;flex:0 1 auto;max-width:40%;min-height:44px;padding:10px 0;text-underline-offset:3px}
.oaf-directory :is(a,button,input,select):focus-visible{outline:3px solid #7c3fc5;outline-offset:3px}
.oaf-directory .clear-filters:disabled{opacity:.6;cursor:default}
@media(max-width:640px){
  .oaf-directory>.intro{font-size:17px;margin-bottom:18px}
  .oaf-directory .directory-tools{padding:16px}
  .oaf-directory .directory-tools>label{font-size:16px}
  .oaf-directory .oaf-resource-filters{grid-template-columns:1fr;gap:12px}
  .oaf-directory .oaf-resource-row{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}
  .oaf-directory .oaf-resource-row>a{flex:auto;max-width:100%}
}
@media(max-width:980px){
  .resource-directory-page .site-header .nav-submenu :focus-visible{outline-color:#fff}
  .resource-directory-page .site-header-inner{grid-template-columns:max-content minmax(0,1fr) max-content}
  .resource-directory-page .mobile-menu-button,.resource-directory-page .header-search-link{min-width:44px}
  .resource-directory-page .site-header .nav:not(.site-nav){display:flex;position:static;grid-column:1/-1;grid-row:2;min-width:0;flex-wrap:wrap;gap:12px;padding:8px 0;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){html:has(.resource-directory-page){scroll-behavior:auto}}
@media(forced-colors:active){
  .resource-directory-page :focus-visible,.resource-directory-page .resource-skip-link:focus,.oaf-directory:focus,.oaf-directory #resource-results:focus{outline:3px solid Highlight!important}
  .resource-directory-page .resource-skip-link{background:Canvas;color:LinkText;border-color:CanvasText}
  .oaf-directory .oaf-resource-row,.oaf-directory .directory-tools{border-color:CanvasText}
  .resource-directory-page .site-footer :is(p,h2,.site-footer-year){color:CanvasText;opacity:1}
  .resource-directory-page :is(.site-header,.site-footer){background:Canvas;color:CanvasText}
  .resource-directory-page :is(.site-header,.site-footer) a{color:LinkText}
  .resource-directory-page .site-header button{color:ButtonText;background:ButtonFace;border:1px solid ButtonBorder}
}