.nav-tools-label { grid-column: 1/-1; border-top: 1px solid #4d583f; margin: 7px 10px 0; padding: 17px 2px 7px; color: #b9cd9d; font-size: 10px; letter-spacing: 1px; }
.nav-dropdown-panel .nav-tools-all { grid-column: 1/-1; color: var(--green); font-size: 12px; }
.nav-tool-link small { display: block; color: #a7b895; font-size: 10px; line-height: 1.7; margin-top: 3px; overflow-wrap: anywhere; }
.hosted-tools { scroll-margin-top: 110px; }
.hosted-tools-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px; }
.hosted-tool { display: flex; flex-direction: column; min-width: 0; padding: 34px; border: 1px solid #4f603a; border-radius: 5px; background: linear-gradient(135deg,#23291c,#202020 60%); scroll-margin-top: 110px; }
.hosted-tool-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 29px; }
.hosted-tool-mark { display: grid; place-items: center; width: 55px; height: 55px; border: 1px solid #829c58; border-radius: 5px; color: var(--green); background: #303f22; font-size: 23px; font-weight: 500; letter-spacing: -1px; }
.hosted-tool-status { color: #d6e5bf; border: 1px solid #596b42; border-radius: 3px; padding: 7px 9px; font-size: 9px; line-height: 1.7; letter-spacing: .7px; }
.hosted-tool h3 { font-size: 38px; font-weight: 500; letter-spacing: -1.2px; line-height: 1.2; margin: 19px 0 13px; }
.hosted-tool-headline { color: #d4e8b8; font-size: 19px; line-height: 1.5; margin: 0 0 19px; }
.hosted-tool-description { color: var(--muted); font-size: 17px; line-height: 1.8; margin: 0; }
.hosted-tool-features { flex: 1; margin: 28px 0 0; }
.hosted-tool-features>div { border-top: 1px solid #414a35; padding-block: 20px; }
.hosted-tool-features dt { font-size: 16px; line-height: 1.6; font-weight: 500; color: #e1ebd4; }
.hosted-tool-features dd { margin: 9px 0 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.hosted-tool-note { color: #b8c4a7; font-size: 12px; line-height: 1.8; margin: 15px 0 25px; }
.hosted-tool-link { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.hosted-tool-link>.button { font-size: 14px; gap: 20px; }
.hosted-tool-link>span { color: #c2cdb2; font-size: 12px; overflow-wrap: anywhere; }
@media(max-width:900px) { .hosted-tool { padding: 28px; } .hosted-tool h3 { font-size: 34px; } }
@media(max-width:650px) { .hosted-tools-grid { grid-template-columns: 1fr; gap: 19px; } .hosted-tool { padding: 26px; } .hosted-tool h3 { font-size: 35px; } .hosted-tool-top { gap: 15px; } .hosted-tool-status { font-size: 8px; } .hosted-tool-description { font-size: 16px; } }