.yf-icon{flex-shrink:0}
.yf-directory-icon{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border:1px solid #e7dfcf;background:#fbf9f4;color:#8b7247;border-radius:10px}
.yf-directory-icon .yf-icon{width:21px;height:21px}
.yf-home-directory{padding:36px 0;background:#f6f7fa;border-bottom:1px solid #e6e8ee}
.yf-directory-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}
.yf-directory-kicker{font-size:10px;letter-spacing:.09em;color:#8b7247;font-weight:700}
.yf-directory-section-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.035em;font-weight:750;color:#202334;margin:8px 0}
.yf-directory-section-heading p{font-size:12px;line-height:1.8;color:#778090;margin:0}
.yf-directory-all{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:650;white-space:nowrap;color:#32394b;padding:9px 0}
.yf-directory-all .yf-icon{width:15px;height:15px}
.yf-directory-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.yf-directory-cards.yf-directory-featured{grid-template-columns:repeat(3,minmax(0,1fr))}
.yf-directory-card{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid #e3e6ec;border-radius:12px;padding:18px 15px;color:#242a3a;transition:border-color .15s,box-shadow .15s}
.yf-directory-card:hover{border-color:#c9b78e;box-shadow:0 4px 14px #22293606}
.yf-directory-card:focus-visible,.yf-directory-all:focus-visible{outline:3px solid #cdb37d;outline-offset:3px}
.yf-directory-card-label{min-width:0;display:grid;gap:5px;flex:1}
.yf-directory-card-label strong{font-size:12px;line-height:1.55;font-weight:700}
.yf-directory-card-label small{font-size:10px;color:#7c8697;line-height:1.5}
.yf-directory-card>.yf-directory-card-arrow{width:14px;height:14px;color:#8a95a5}
.yf-directory-total{display:flex;align-items:center;gap:11px;border:1px solid #e5e8ee;border-radius:10px;padding:13px 17px;white-space:nowrap;color:#707b8b;font-size:12px}
.yf-directory-total>.yf-icon{width:20px;height:20px;color:#8b7247}
.yf-directory-total strong{font-size:19px;color:#202638;margin-right:4px}
.yf-directory-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.yf-directory-group-heading>div{min-width:0;flex:1}
.yf-directory-index .yf-category-groups h3{font-size:14px;line-height:1.5}
.yf-directory-group-heading h3 .yf-icon{width:14px;height:14px;color:#8590a1;margin-top:3px}
.yf-category .yf-directory-group-heading p{font-size:10px;line-height:1.5;margin:5px 0 0}
.yf-directory-index .yf-category-groups summary{display:flex;align-items:center;justify-content:space-between;list-style:none;color:#666f7f;font-size:11px}
.yf-directory-index .yf-category-groups summary::-webkit-details-marker{display:none}
.yf-directory-index .yf-category-groups summary>.yf-icon{width:14px;height:14px}
.yf-directory-index .yf-category-groups details[open]>summary>.yf-icon{transform:rotate(180deg)}
.yf-directory-index .yf-category-groups nav>a{gap:9px;padding:11px 0}
.yf-directory-index .yf-category-groups nav>a>.yf-icon{width:15px;height:15px;color:#7c8799}
.yf-directory-index .yf-category-groups nav>a>span{flex:1;min-width:0}
.yf-directory-index .yf-category-groups small{font-size:9px;white-space:normal;text-align:right;max-width:70px}
@media(max-width:1100px){.yf-directory-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.yf-directory-cards.yf-directory-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.yf-directory-section-heading{display:block}.yf-directory-section-heading h2{font-size:22px}.yf-directory-all{margin-top:8px}.yf-directory-cards,.yf-directory-cards.yf-directory-featured{grid-template-columns:1fr}.yf-directory-total{display:inline-flex;padding:9px 13px;margin-top:17px;font-size:11px}.yf-directory-total strong{font-size:16px}.yf-directory-card{padding:14px 15px}.yf-directory-card-label strong{font-size:13px}.yf-directory-index .yf-category-section-heading{align-items:flex-start}.yf-directory-index .yf-category-section-heading>span{white-space:normal;max-width:100px;text-align:right}.yf-home-directory{padding:26px 0}}