.fyp-nav-hub{padding-block:var(--fyp-hub-pt, 32px) var(--fyp-hub-pb, 32px)}.fyp-nav-hub__inner{min-inline-size:0}.fyp-breadcrumbs{margin-block-end:16px}.fyp-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:.8125rem;line-height:1.4}.fyp-breadcrumbs__item{display:inline-flex;align-items:center}.fyp-breadcrumbs__link{color:var(--fyp-teal, #38839e);text-decoration:none}.fyp-breadcrumbs__link:hover{text-decoration:underline}.fyp-breadcrumbs__item--current span{color:var(--fyp-deep-teal, #1c3b47);opacity:.7}.fyp-breadcrumbs__sep{color:var(--fyp-grey-2, #7d818a)}.fyp-nav-hub__head{margin-block-end:4px}.fyp-nav-hub__heading{font-size:1.375rem;font-weight:700;line-height:1.2;color:var(--fyp-deep-teal, #1c3b47);margin:0 0 6px}.fyp-nav-hub__intro{max-inline-size:72ch;font-size:.9375rem;line-height:1.55;color:var(--fyp-deep-teal, #1c3b47);opacity:.85;margin:0}.fyp-nav-hub__row{margin-block-start:28px}.fyp-nav-hub__row-head{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fyp-deep-teal, #1c3b47);opacity:.68;margin:0 0 12px}.fyp-nav-hub__grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.fyp-nav-hub__grid{grid-template-columns:repeat(var(--fyp-cols, 4),minmax(0,1fr));gap:14px}}.fyp-nav-hub__cell{display:flex}@media screen and (min-width:1100px){.fyp-nav-hub__rows{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:0;align-items:start}.fyp-nav-hub__row{grid-column:span 12}.fyp-nav-hub__row:not(:has(.fyp-nav-hub__cell:nth-child(3))){grid-column:span 6}.fyp-nav-hub__row:not(:has(.fyp-nav-hub__cell:nth-child(3))) .fyp-nav-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.fyp-tile{position:relative;display:flex;flex-direction:column;inline-size:100%;min-block-size:100%;background:var(--fyp-card-surface, var(--fyp-grey-4, #cad1d4));border:1px solid rgb(28 59 71 / .06);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--fyp-deep-teal, #1c3b47);transition:transform .15s ease,box-shadow .15s ease}.fyp-tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1c3b471f}.fyp-tile:focus-visible{outline:2px solid var(--fyp-deep-teal, #1c3b47);outline-offset:2px}.fyp-tile__media{display:block;aspect-ratio:4 / 3;background:var(--fyp-image-well, var(--fyp-grey-5, #eceded));overflow:hidden}.fyp-tile__img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.fyp-tile__body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1 1 auto}.fyp-tile__badge{align-self:flex-start;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--fyp-teal, #38839e);padding:4px 8px;border-radius:999px;margin-block-end:2px}.fyp-tile__icon{inline-size:22px;block-size:22px;color:var(--fyp-teal, #38839e);margin-block-end:2px}.fyp-tile__title{font-size:1rem;font-weight:700;line-height:1.2}.fyp-tile__desc{font-size:.8125rem;line-height:1.45;opacity:.82}.fyp-tile__meta{margin-block-start:auto;display:flex;align-items:center;gap:8px;padding-block-start:10px}.fyp-tile__count{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fyp-teal, #38839e)}.fyp-tile__noun--short{display:none}@media screen and (min-width:750px){.fyp-tile__body{padding:12px 14px;gap:3px}.fyp-tile__badge{font-size:.5625rem;padding:3px 7px;margin-block-end:1px}.fyp-tile__icon{inline-size:18px;block-size:18px;margin-block-end:0}.fyp-tile__title{font-size:.9375rem}.fyp-tile__desc{font-size:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fyp-tile__meta{padding-block-start:8px}.fyp-tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1c3b471a}.fyp-nav-hub__row{margin-block-start:20px}.fyp-nav-hub__row-head{margin-block-end:8px}.fyp-tile--tool .fyp-tile__title,.fyp-tile--guide .fyp-tile__title{font-size:.875rem}}@media screen and (max-width:389px){.fyp-tile__count{min-width:0;white-space:nowrap;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}.fyp-tile__noun--long{display:none}.fyp-tile__noun--short{display:inline}}.fyp-tile__arrow{margin-inline-start:auto;inline-size:18px;block-size:18px;color:var(--fyp-teal, #38839e);flex:none;transition:transform .15s ease}@media screen and (min-width:750px){.fyp-tile__arrow{inline-size:16px;block-size:16px}}.fyp-tile:hover .fyp-tile__arrow{transform:translate(3px)}.fyp-tile:hover .fyp-tile__title{text-decoration:underline;text-underline-offset:2px}.fyp-tile--tool,.fyp-tile--guide{background:var(--fyp-card-surface, var(--fyp-grey-4, #cad1d4))}.fyp-tile--tool .fyp-tile__title,.fyp-tile--guide .fyp-tile__title{font-size:.9375rem}.fyp-tile--more{align-items:stretch;justify-content:center;background:transparent;border:1px dashed rgb(28 59 71 / .28)}.fyp-tile--more .fyp-tile__title{color:var(--fyp-teal, #38839e)}.fyp-nav-hub__cell--action{grid-column:1 / -1}.fyp-nav-action{inline-size:100%;min-block-size:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid rgb(56 131 158 / .35);border-radius:10px;background:transparent;color:var(--fyp-teal, #38839e);text-decoration:none;transition:background .15s ease,border-color .15s ease}.fyp-nav-action:hover{background:#38839e12;border-color:var(--fyp-teal, #38839e)}.fyp-nav-action:focus-visible{outline:2px solid var(--fyp-deep-teal, #1c3b47);outline-offset:2px}.fyp-nav-action__label{font-size:.875rem;font-weight:700;line-height:1.2}.fyp-nav-action:hover .fyp-nav-action__label{text-decoration:underline;text-underline-offset:2px}.fyp-nav-action__meta{display:flex;align-items:center;gap:8px;min-inline-size:0}.fyp-nav-action .fyp-tile__arrow{margin-inline-start:0}.fyp-nav-action:hover .fyp-tile__arrow{transform:translate(3px)}.fyp-nav-hub__featured{margin-block-start:20px}.fyp-nav-hub__featured .fyp-tile{border-radius:14px}@media screen and (min-width:750px){.fyp-nav-hub__featured .fyp-tile--featured{flex-direction:row;align-items:stretch}.fyp-nav-hub__featured .fyp-tile--featured .fyp-tile__media{inline-size:42%;aspect-ratio:auto;min-block-size:220px}.fyp-nav-hub__featured .fyp-tile--featured .fyp-tile__body{flex:1 1 auto;justify-content:center;padding:28px 32px}.fyp-nav-hub__featured .fyp-tile--featured .fyp-tile__title{font-size:1.375rem}.fyp-nav-hub__featured .fyp-tile--featured .fyp-tile__desc{font-size:.9375rem;max-inline-size:52ch;-webkit-line-clamp:3}}.fyp-nav-hub__empty{padding:16px;text-align:center;font-size:.8125rem;color:var(--fyp-deep-teal, #1c3b47);opacity:.7;background:var(--fyp-grey-5, #eceded);border-radius:8px}
/*# sourceMappingURL=/cdn/shop/t/124/assets/fyp-nav-hub.css.map */