.mkt-seo-directory-cover{padding:40px 0 44px}.mkt-seo-directory-cover>a{display:inline-flex;gap:16px;color:var(--mkt-secondary);font-size:13px;line-height:20px;margin-bottom:28px}.mkt-seo-directory-cover>div{display:flex;justify-content:space-between;align-items:center;gap:80px}.mkt-seo-directory-cover>div>div:first-child{max-width:650px}.mkt-seo-directory-cover h1{font-size:var(--mkt-hero-size);line-height:var(--mkt-hero-leading);font-weight:500;letter-spacing:-.045em;text-wrap:balance}.mkt-seo-directory-cover p{font-size:19px;line-height:30px;max-width:600px;margin:24px 0;color:var(--mkt-secondary)}.mkt-seo-directory-cover>div>div>span{font-size:13px;line-height:22px;color:var(--mkt-secondary)}.mkt-seo-directory-mark{width:320px;height:268px;border-radius:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mkt-seo-directory-mark>span{color:#063c2e;font-size:92px;font-weight:500;line-height:100px;letter-spacing:-.065em}.mkt-seo-directory-controls{border-top:1px solid var(--mkt-line);padding-top:32px;display:flex;gap:16px}.mkt-seo-directory-search{position:relative;flex:1}.mkt-seo-directory-search>svg{position:absolute;left:20px;top:21px;color:var(--mkt-muted)}.mkt-seo-directory-search input{width:100%;min-height:60px;padding:16px 52px;border:1px solid var(--mkt-line);border-radius:8px;background:#fff;font-size:17px;line-height:26px;color:var(--mkt-ink)}.mkt-seo-directory-search input::-webkit-search-cancel-button{-webkit-appearance:none}.mkt-seo-directory-search>button{position:absolute;top:8px;right:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mkt-seo-directory-sr{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px}.mkt-seo-directory-count{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px 28px;min-height:60px;font-size:14px;color:var(--mkt-secondary)}.mkt-seo-directory-count button{min-height:44px;color:var(--mkt-green-hover);text-decoration:underline;text-underline-offset:3px}.mkt-seo-directory-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:64px;align-items:start}.mkt-seo-directory-layout>aside{position:sticky;top:108px}.mkt-seo-directory-layout nav>p{font-size:14px;line-height:22px;margin-bottom:16px;font-weight:500}.mkt-seo-directory-layout nav button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;line-height:22px;color:var(--mkt-secondary);border-radius:4px;text-align:left}.mkt-seo-directory-layout nav button>span:last-child{font-size:12px;font-variant-numeric:tabular-nums}.mkt-seo-directory-layout nav button:hover{background:#f8f8f7}.mkt-seo-directory-layout nav button[aria-pressed=true]{background:var(--mkt-soft);color:var(--mkt-deep)}.mkt-seo-directory-note{font-size:13px;line-height:22px;color:var(--mkt-secondary);border-top:1px solid var(--mkt-line);margin-top:48px;padding-top:24px}.mkt-seo-directory-note a{text-decoration:underline;text-underline-offset:3px;color:var(--mkt-green-hover)}.mkt-seo-directory-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 20px;gap:32px;border-bottom:1px solid var(--mkt-line);padding-block:28px 32px}.mkt-seo-directory-row:first-child{padding-top:0}.mkt-seo-directory-row h2{font-size:22px;line-height:30px;letter-spacing:-.02em;font-weight:500}.mkt-seo-directory-row p{font-size:17px;line-height:27px;margin-top:10px;color:var(--mkt-secondary)}.mkt-seo-directory-row:hover h2{color:var(--mkt-green-hover)}.mkt-seo-directory-row>svg{margin-top:8px;color:var(--mkt-secondary);transition:transform .18s}.mkt-seo-directory-row:hover>svg{transform:translate(3px)}.mkt-seo-directory-row-meta{font-size:13px;line-height:22px;color:var(--mkt-secondary);padding-top:5px;display:flex;flex-direction:column;gap:4px}.mkt-seo-directory-end{font-size:13px;line-height:22px;padding-top:20px;color:var(--mkt-muted)}.mkt-seo-directory-state{padding:48px 0;font-size:18px;color:var(--mkt-secondary)}.mkt-seo-directory-next{border-top:1px solid var(--mkt-line);padding:40px 0 64px;margin-top:72px}.mkt-seo-directory-next h2{font-size:36px;line-height:42px;letter-spacing:-.035em;font-weight:500}.mkt-seo-directory-next p{margin-block:20px 24px;font-size:18px;line-height:29px;color:var(--mkt-secondary)}.mkt-seo-directory-mobile-filter{display:none}@media(max-width:1079px){.mkt-seo-directory-cover>div{gap:40px}.mkt-seo-directory-mark{width:250px;height:240px}.mkt-seo-directory-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.mkt-seo-directory-row{grid-template-columns:minmax(0,1fr) 20px;gap:16px}.mkt-seo-directory-row-meta{grid-column:1;grid-row:2;flex-direction:row;gap:16px;padding-top:0}.mkt-seo-directory-row>svg{grid-column:2;grid-row:1}}@media(max-width:767px){.mkt-seo-directory-cover{padding:28px 0 32px}.mkt-seo-directory-cover h1{font-size:min(42px,var(--mkt-hero-size));line-height:var(--mkt-hero-leading);letter-spacing:-.045em;text-wrap:initial}.mkt-seo-directory-cover p{font-size:18px;line-height:29px}.mkt-seo-directory-mark{display:none}.mkt-seo-directory-controls{flex-direction:column;padding-top:24px}.mkt-seo-directory-search input{min-height:56px;padding-block:14px;font-size:16px}.mkt-seo-directory-search>svg{top:19px}.mkt-seo-directory-mobile-filter{display:block}.mkt-seo-directory-mobile-filter select{width:100%;min-height:52px;border:1px solid var(--mkt-line);border-radius:8px;background:#fff;padding:12px 16px;font-size:16px}.mkt-seo-directory-layout{grid-template-columns:1fr;gap:0}.mkt-seo-directory-layout>aside{position:static}.mkt-seo-directory-layout nav{display:none}.mkt-seo-directory-note{margin:0 0 32px;padding-top:16px}.mkt-seo-directory-row{padding-block:24px}.mkt-seo-directory-row h2{font-size:20px;line-height:28px}.mkt-seo-directory-row p{font-size:16px;line-height:26px}.mkt-seo-directory-count{font-size:13px;padding-bottom:24px}.mkt-seo-directory-next{margin-top:48px}.mkt-seo-directory-next h2{font-size:28px;line-height:34px}}@media(prefers-reduced-motion:reduce){.mkt-seo-directory-row>svg{transition:none}}.mkt-seo-directory-cover .mkt-seo-directory-mark>span{color:#063c2e;font-size:92px;font-weight:500;line-height:100px;letter-spacing:-.065em}.mkt-seo-directory :where(h1,h2){overflow-wrap:anywhere}.mkt-seo-directory :where(a,button,input,select):focus-visible{outline:2px solid var(--mkt-green);outline-offset:4px}.mkt-seo-directory-row-meta time{white-space:nowrap}
