body:has(.tools-refresh){background:#fff}body:has(.tools-refresh) .site-header{background:#fff;backdrop-filter:none}body:has(.tools-refresh) .brand-mark{border-radius:7px;box-shadow:none}body:has(.tools-refresh) .nav-link{border-radius:0;background:transparent;font-weight:500}body:has(.tools-refresh) .nav-link.active{text-decoration:underline;text-decoration-color:#ffe15a;text-decoration-thickness:2px;text-underline-offset:8px}body:has(.tools-refresh) .nav-link.active:before{display:none}.tools-refresh{color:#123c32;padding-top:30px}.tools-refresh .heading-with-filter{align-items:flex-end;gap:20px;margin-bottom:24px}.tools-refresh .page-heading h1{margin:0;font-size:clamp(36px,4vw,48px);font-weight:500;line-height:1.15}.tools-refresh .chinese-title{margin-top:8px;font-size:18px;font-weight:500}.tools-refresh .page-heading p{margin:12px 0 0;font-size:14px;line-height:1.6;color:#405b55}.tools-refresh .filter-tabs{gap:16px;padding:0;border:0;border-radius:0;background:none}.tools-refresh .filter-tabs button{min-height:44px;padding:9px 2px;border-radius:0;border-bottom:2px solid transparent;background:none;color:#405b55;font-size:14px;font-weight:500}.tools-refresh .filter-tabs button.selected{border-bottom-color:#d5b42e;background:none;color:#123c32;box-shadow:none}.tools-refresh .filter-tabs button:hover{color:#123c32;border-bottom-color:#91aaa1}.tools-refresh .tool-grid{gap:20px 16px}.tools-refresh .tool-card{display:flex;flex-direction:column;border:1px solid #dfe9e6;border-radius:8px;background:#fff;box-shadow:none;transition:none}.tools-refresh .tool-card:hover{transform:none;box-shadow:none}.tools-refresh .tool-art{flex-shrink:0}.tools-refresh .tool-card-body{display:flex;flex:1;flex-direction:column;padding:16px 16px 10px}.tools-refresh .tool-titles{min-height:0}.tools-refresh .tool-card h2{font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.tools-refresh .tool-card h3{margin-top:7px;font-size:15px;font-weight:550;letter-spacing:0;color:#123c32}.tools-refresh .tool-card-body>p{min-height:0;margin:12px 0 14px;font-size:14px;line-height:1.6;color:#405b55}.tools-refresh .tag-row{min-height:0;margin-top:auto;margin-bottom:10px}.tools-refresh .tag-row span{font-size:11px;font-weight:500;padding:4px 7px;background:#f2f7f5}.tool-open-link{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;min-height:44px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:underline;text-decoration-color:#e5c43d;text-decoration-thickness:2px;text-underline-offset:6px}.tool-open-link svg{width:17px;height:17px;flex-shrink:0}.tool-open-link:hover{text-decoration-color:#123c32}.tools-refresh a:focus-visible,.tools-refresh button:focus-visible{outline:3px solid #257861;outline-offset:3px}.tools-refresh .tools-overview{margin-top:36px;padding:26px 0 0;border:0;border-top:1px solid #91aaa1;border-radius:0;box-shadow:none;background:none}.tools-refresh .tools-overview h2{font-size:28px;font-weight:500}.tools-refresh .tools-overview h3{font-size:17px}.tools-refresh .tools-overview p{font-size:14px;line-height:1.65;color:#405b55}.tools-refresh .seo-overview-grid article{padding:0;border:0;background:none;box-shadow:none}@media (max-width:980px){.tools-refresh .heading-with-filter{align-items:flex-start}}@media (max-width:640px){.tools-refresh{padding-top:22px}.tools-refresh .heading-with-filter{gap:18px;margin-bottom:20px}.tools-refresh .filter-tabs{justify-content:space-between;gap:10px}.tools-refresh .filter-tabs button{flex:0 0 auto;font-size:13px}.tools-refresh .tool-grid{gap:18px}.tools-refresh .vocab-search-panel{left:20px;width:240px}}.tools-refresh .speaking-task-card{position:absolute;top:27px;left:24px;width:205px;padding:17px;display:grid;gap:12px;border-radius:12px;background:white;box-shadow:0 10px 25px rgba(40,79,68,.12);transform:rotate(-2deg)}.tools-refresh .speaking-task-card b{font-size:18px;font-weight:650}.tools-refresh .speaking-task-card>span:last-child{color:#405b55;font-size:10px}.tools-refresh .speaking-dialogue{position:absolute;bottom:19px;left:41px;display:flex;gap:10px}.tools-refresh .speaking-dialogue span{padding:10px 13px;border-radius:12px 12px 12px 3px;background:#fff5bd;color:#123c32;font-size:13px}.tools-refresh .speaking-dialogue span:last-child{background:white;border-radius:12px 12px 3px 12px}.tools-refresh .speaking-mic{top:30px;right:20px;width:58px;height:58px}.tool-guide-link{display:inline-flex;margin-top:.85rem;font-size:.88rem;gap:.25rem;text-underline-offset:.2em}