/* A site-owned directory surface; independent of reading layouts. */
.resource-page{background:#f5f7f8;border-top:1px solid transparent}
.resource-directory{width:min(1440px,calc(100% - 80px));margin-inline:auto;padding-bottom:36px;color:#233b38}
.resource-directory .breadcrumb{padding-top:18px;font-size:12px}
.resource-directory-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 26px}
.resource-directory-header h1{font-size:34px;letter-spacing:-.025em;line-height:1.3;margin:8px 0 8px;font-weight:650}
.resource-directory-header p{font-size:14px;line-height:1.7;color:#61716d;margin:0}
.resource-own-tools{flex-shrink:0;display:inline-flex;gap:22px;align-items:center;font-size:13px;font-weight:550;text-decoration:none;background:white;border:1px solid #dce5e1;border-radius:9px;padding:10px 15px}
.resource-own-tools:hover{border-color:var(--green)}
.resource-search{display:flex;align-items:center;gap:13px;min-height:62px;padding:0 18px;background:#fff;border:1px solid #cad9d2;border-radius:12px;box-shadow:0 3px 12px #183b3010;color:var(--green);cursor:text}
.resource-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #28664f12}
.resource-search input{flex:1;min-width:0;height:60px;border:0;border-radius:8px;padding:0;background:transparent;color:#233b38;font-size:16px;outline:none}
.resource-search input::placeholder{color:#5b6e64}
.resource-search input:focus-visible{outline:none}
.resource-search-hint{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e0e7e3;border-radius:5px;font-size:12px;color:#5b6e64}
.resource-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:18px}
.resource-category{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:43px;padding:8px 13px;background:white;border:1px solid #e0e7e3;border-radius:8px;color:#53655f;font-size:13px;line-height:1.5;white-space:nowrap}
.resource-category>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.resource-category-count{flex-shrink:0}
.resource-category:hover{background:#e9efeb;color:var(--green);border-color:#acc4b5}
.resource-category[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}
.resource-category-count{font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums;background:#e5ece7;color:#5b6e64;padding:1px 5px;border-radius:4px}
.resource-category[aria-pressed=true] .resource-category-count{background:rgba(0,0,0,.14);color:#fff}
.resource-filter-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin:8px 1px 0}
.resource-filter-status p{font-size:12px;line-height:1.6;color:#5b6e64;margin:0}
.resource-clear{font-size:12px;line-height:1.5;color:var(--green);padding:7px 3px;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}
.resource-shortcuts,.resource-plain-categories{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 18px;padding:10px 0;font-size:12px;line-height:1.7}
.resource-shortcuts>span{color:#5b6e64}.resource-shortcuts a,.resource-plain-categories a{text-decoration:none}
.resource-shortcuts a:hover,.resource-plain-categories a:hover{text-decoration:underline}
.resource-group{--mark-bg:#edf3ef;--mark-ink:#3c7057;margin:0 0 28px;scroll-margin-top:110px}
.resource-group:nth-child(4n+2){--mark-bg:#edf2f8;--mark-ink:#4d7192}
.resource-group:nth-child(4n+3){--mark-bg:#faf0e7;--mark-ink:#ab7849}
.resource-group:nth-child(4n+4){--mark-bg:#f2edf7;--mark-ink:#846297}
.resource-group-heading{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.resource-group-heading h2{font-size:18px;font-weight:600;line-height:1.5;margin:0;color:#29463c}
.resource-group-heading>span{font-size:11px;line-height:1.5;color:#5b6e64}
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.resource-card{display:flex;flex-direction:column;gap:11px;min-width:0;padding:16px 16px 13px;background:white;border:1px solid #e0e7e3;border-radius:10px;color:#233b38;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;scroll-margin-top:130px}
.resource-card:hover{border-color:#92b4a2;box-shadow:0 4px 15px #2443340b;transform:translateY(-2px);text-decoration:none}
.resource-card-heading{display:flex;align-items:center;gap:10px;min-width:0}
.resource-mark{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--mark-bg);color:var(--mark-ink);font-size:10px;font-weight:650;letter-spacing:.025em}
.resource-card strong{display:block;min-width:0;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.resource-arrow{margin-left:auto;flex-shrink:0;color:#9aaba1;font-size:15px}
.resource-card-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.7;color:#5b6e64}
.resource-card-meta{display:flex;align-items:center;gap:8px;margin-top:auto;min-width:0;font-size:10px;line-height:1.6;color:#5b6e64}
.resource-domain{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-kind{flex-shrink:0;margin-left:auto;border-radius:4px;background:#f3f6f4;color:#5b6e64;font-size:9px;padding:1px 5px}
.resource-empty{border:1px dashed #ccd9d1;background:#fff;border-radius:12px;padding:40px 22px;text-align:center;margin:16px 0 32px}
.resource-empty strong{font-size:17px}.resource-empty p{font-size:13px;color:#5b6e64;margin:9px 0 0}
.resource-directory-note{border-top:1px solid #dfe7e2;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:1.7;color:#5b6e64}
.resource-directory-note p{margin:0}.resource-directory-note a{font-size:12px;text-decoration:none}
.resource-directory .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.resource-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.resource-directory{width:calc(100% - 48px)}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-categories{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.resource-directory{width:calc(100% - 32px)}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-directory-header{padding:18px 0 20px}.resource-directory-header h1{font-size:29px}.resource-directory-header p{font-size:12px;max-width:290px}.resource-own-tools{font-size:11px;padding:8px 10px;gap:9px}.resource-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-category{font-size:12px;padding:7px 10px;gap:6px}.resource-search{min-height:54px;padding-inline:14px;gap:10px}.resource-search input{height:52px;font-size:14px}.resource-search-hint{display:none}.resource-card{padding:13px 12px 11px;gap:9px}.resource-mark{width:28px;height:28px;font-size:9px;border-radius:7px}.resource-card-heading{gap:8px}.resource-card strong{font-size:13px}.resource-card-description{font-size:11px}.resource-kind{display:none}.resource-group-heading h2{font-size:16px}.resource-directory-note{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:560px){.resource-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-category{font-size:11px;padding:6px 8px;min-height:38px}.resource-categories{gap:5px}.resource-category-count{font-size:9px}}
@media(max-width:450px){.resource-directory-header{display:block}.resource-own-tools{display:none}.resource-card-heading{gap:7px}.resource-mark{width:25px;height:25px}.resource-arrow{display:none}.resource-card-meta{font-size:9px}.resource-shortcuts{gap:6px 12px;font-size:11px}}
@media(max-width:350px){.resource-grid{grid-template-columns:1fr}.resource-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card strong{font-size:14px}.resource-card-description{font-size:12px}.resource-arrow{display:block}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}.resource-card:hover{transform:none}}
@media print{.resource-controls,.resource-shortcuts,.resource-own-tools{display:none}.resource-page{background:#fff}.resource-directory{width:100%}.resource-card{break-inside:avoid;box-shadow:none}}
