:root{--d-green:#0f766e;--d-green-dark:#0b5f59;--d-blue:#1d4ed8;--d-ink:#172033;--d-muted:#667085;--d-line:#e3e8ef;--d-soft:#f5f7fa;--d-white:#fff;--d-shadow:0 16px 45px rgba(24,39,75,.08)}
body{background:#f4f6f8}.trade-wrap{width:min(1280px,calc(100% - 32px));margin:auto}.trade-notice{background:#172033;color:#dce4ef;font-size:13px}.trade-notice .trade-wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.trade-notice a{color:#fff;text-decoration:underline;text-underline-offset:3px}.trade-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid #e7ebf0;backdrop-filter:blur(14px);transition:.2s}.trade-header.is-scrolled{box-shadow:0 8px 24px rgba(16,24,40,.08)}.trade-head{height:72px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px}.trade-logo{font-size:28px;font-weight:900;letter-spacing:-1.2px;color:#172033}.trade-logo span{color:var(--d-green)}.trade-nav{display:flex;justify-content:center;gap:27px}.trade-nav a{font-size:15px;font-weight:650;color:#344054}.trade-nav a:hover{color:var(--d-green)}.trade-submit{height:40px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid #cbd5df;background:#fff;border-radius:6px;font-size:14px;font-weight:750}.trade-submit:hover{border-color:var(--d-green);color:var(--d-green)}.trade-menu-btn{display:none;width:42px;height:42px;border:1px solid #d8dee7;background:#fff;border-radius:6px;padding:9px}.trade-menu-btn span{display:block;height:2px;background:#172033;margin:5px 0}.trade-mobile-nav{display:none}.site-main{min-height:65vh}.trade-footer{margin-top:70px;background:#172033;color:#d7deea}.trade-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:54px;padding:54px 0 44px}.trade-footer .footer-logo{color:#fff;display:inline-block;margin-bottom:15px}.trade-footer-brand p{max-width:380px;color:#aeb8c7;line-height:1.8}.trade-footer h3{margin:0 0 16px;color:#fff;font-size:16px}.trade-footer section>a:not(.trade-logo){display:block;margin:10px 0;color:#c8d0dc;font-size:14px}.trade-footer section>a:hover{color:#fff}.trade-copyright{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#95a1b2;font-size:13px}.back-top{position:fixed;right:22px;bottom:24px;width:42px;height:42px;border:0;border-radius:6px;background:#172033;color:#fff;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:90}.back-top.show{opacity:1;pointer-events:auto;transform:none}
.dir-page{padding:28px 0 70px;background:linear-gradient(#f8fafc 0,#f4f6f8 260px)}.dir-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#7b8493;font-size:13px}.dir-breadcrumb a:hover{color:var(--d-green)}.dir-breadcrumb strong{color:#344054}.dir-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px 38px;background:linear-gradient(135deg,#fff 0,#f5fbfa 100%);border:1px solid var(--d-line);border-radius:10px;box-shadow:0 10px 30px rgba(24,39,75,.05)}.dir-kicker{display:block;margin-bottom:8px;color:var(--d-green);font-size:12px;font-weight:800;letter-spacing:.12em}.dir-hero h1{margin:0;font-size:38px;line-height:1.2;letter-spacing:-1px;color:var(--d-ink)}.dir-hero p{max-width:760px;margin:12px 0 0;color:var(--d-muted);font-size:16px}.dir-hero-stat{min-width:130px;padding:18px;text-align:center;background:#fff;border:1px solid var(--d-line);border-radius:8px}.dir-hero-stat strong{display:block;font-size:30px;line-height:1;color:var(--d-green)}.dir-hero-stat span{display:block;margin-top:7px;color:var(--d-muted);font-size:12px}.dir-filter-panel{margin:20px 0 26px;padding:22px;background:#fff;border:1px solid var(--d-line);border-radius:8px}.dir-filter-title{display:flex;align-items:center;gap:14px;margin-bottom:15px}.dir-filter-title strong{font-size:17px}.dir-filter-title span{color:var(--d-muted);font-size:13px}.dir-filter-list{display:flex;flex-wrap:wrap;gap:9px}.dir-filter-list a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dfe5ec;border-radius:5px;background:#fafbfc;color:#465166;font-size:13px}.dir-filter-list a em{font-style:normal;color:#8b95a5;font-size:11px}.dir-filter-list a:hover,.dir-filter-list a.is-active{background:#eaf6f4;border-color:#9acdc7;color:#0b665f}.dir-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px}.dir-section-head h2{margin:0;color:var(--d-ink);font-size:25px}.dir-section-head p{margin:5px 0 0;color:var(--d-muted);font-size:14px}.dir-section-head>a{color:var(--d-green);font-weight:700;font-size:14px}.dir-site-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dir-site-card{min-width:0;display:flex;flex-direction:column;padding:19px;background:#fff;border:1px solid var(--d-line);border-radius:8px;transition:.2s}.dir-site-card:hover{border-color:#aeb9c7;transform:translateY(-3px);box-shadow:var(--d-shadow)}.dir-site-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dir-site-logo{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid #e5e9ef;border-radius:8px;background:#f7f9fb}.dir-site-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.dir-site-logo span{font-size:23px;font-weight:850;color:var(--d-green)}.dir-site-meta{display:flex;align-items:center;gap:6px}.dir-site-meta span,.dir-site-meta b{padding:4px 7px;border-radius:4px;font-size:11px;font-weight:650}.dir-site-meta span{background:#f1f4f7;color:#596579}.dir-site-meta b{background:#fff3d6;color:#a26100}.dir-site-body{padding:15px 0 18px}.dir-site-body h2{margin:0 0 3px;font-size:20px;line-height:1.35}.dir-site-body h2 a{text-decoration:underline;text-decoration-color:#ccd3dc;text-underline-offset:4px}.dir-site-body h2 a:hover{color:var(--d-green)}.dir-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a2b3;font-size:12px}.dir-site-body p{min-height:68px;margin:11px 0 0;color:#667085;font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dir-site-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.dir-site-actions a{height:38px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:13px;font-weight:750}.dir-detail-btn{border:1px solid #d5dce5;background:#fff;color:#344054}.dir-visit-btn{background:var(--d-green);color:#fff}.dir-visit-btn:hover{background:var(--d-green-dark)}.dir-empty{padding:70px 24px;text-align:center;background:#fff;border:1px dashed #cbd5df;border-radius:8px}.dir-empty strong{font-size:22px}.dir-empty p{color:var(--d-muted)}.dir-empty a{display:inline-flex;margin:8px 4px;padding:10px 16px;border-radius:5px;background:#172033;color:#fff}
.dir-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.dir-detail-main{min-width:0;display:grid;gap:20px}.dir-profile-card,.dir-content-card,.dir-cover,.dir-info-card,.dir-safe-card,.dir-related{background:#fff;border:1px solid var(--d-line);border-radius:9px}.dir-profile-card{padding:30px}.dir-profile-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:start}.dir-profile-logo{width:88px;height:88px;display:grid;place-items:center;overflow:hidden;border:1px solid #e1e6ed;border-radius:12px;background:#f8fafc}.dir-profile-logo img{width:100%;height:100%;object-fit:contain;padding:10px}.dir-profile-logo span{font-size:38px;font-weight:900;color:var(--d-green)}.dir-profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.dir-profile-tags a,.dir-profile-tags span{padding:5px 9px;border-radius:4px;background:#eaf6f4;color:#0b665f;font-size:12px;font-weight:700}.dir-profile-copy h1{margin:0;color:var(--d-ink);font-size:36px;line-height:1.2}.dir-profile-domain{margin-top:6px;color:#98a2b3;font-size:13px}.dir-profile-copy p{max-width:760px;margin:14px 0 0;color:var(--d-muted);font-size:16px;line-height:1.75}.dir-profile-actions{display:flex;gap:10px;margin-top:24px;padding-top:22px;border-top:1px solid #edf0f4}.dir-profile-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:6px;font-weight:800;font-size:14px}.dir-primary-action{background:var(--d-green);color:#fff}.dir-secondary-action{border:1px solid #d3dae3;background:#fff}.dir-cover{overflow:hidden}.dir-cover img{width:100%;max-height:470px;object-fit:cover}.dir-content-card{padding:30px}.dir-content-title{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e8ecf1}.dir-content-title span{color:var(--d-green);font-size:12px;font-weight:800;letter-spacing:.08em}.dir-content-title h2{margin:5px 0 0;font-size:26px}.dir-content-card .article-content{color:#465166;font-size:16px;line-height:1.9}.dir-content-card .article-content h2,.dir-content-card .article-content h3{color:var(--d-ink)}.dir-detail-side{display:grid;gap:16px;position:sticky;top:96px}.dir-info-card,.dir-safe-card{padding:22px}.dir-info-card h3,.dir-safe-card h3{margin:0 0 15px;font-size:18px}.dir-info-card dl{margin:0}.dir-info-card dl div{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:12px 0;border-top:1px solid #edf0f4}.dir-info-card dt{color:#8a94a4;font-size:13px}.dir-info-card dd{margin:0;text-align:right;color:#344054;font-size:13px;word-break:break-all}.dir-info-card dd a{color:var(--d-green)}.dir-safe-card{background:#f3faf8;border-color:#cce6e1}.dir-safe-card p{margin:0 0 16px;color:#566476;font-size:13px;line-height:1.75}.dir-safe-card a{height:42px;display:flex;align-items:center;justify-content:center;background:var(--d-green);color:#fff;border-radius:5px;font-weight:750;font-size:13px}.dir-related{padding:24px}.dir-related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dir-related-head h2{margin:0;font-size:22px}.dir-related-head a{color:var(--d-green);font-size:13px;font-weight:700}.dir-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dir-related-grid>a{display:flex;flex-direction:column;min-height:145px;padding:16px;border:1px solid #e2e7ed;border-radius:6px}.dir-related-grid strong{font-size:17px}.dir-related-grid span{margin:7px 0;color:#6c7686;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dir-related-grid em{margin-top:auto;color:var(--d-green);font-style:normal;font-size:12px;font-weight:700}.dir-mobile-visit{display:none}
.mobile-nav-mask{display:none}
@media(max-width:1100px){.trade-nav{gap:17px}.dir-site-grid{grid-template-columns:repeat(3,1fr)}.dir-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){body.nav-open{overflow:hidden}.trade-head{grid-template-columns:auto 1fr auto}.trade-nav,.trade-submit{display:none}.trade-menu-btn{display:block;grid-column:3}.trade-mobile-nav{position:fixed;top:106px;right:-320px;width:min(320px,88vw);height:calc(100vh - 106px);display:flex;flex-direction:column;padding:18px;background:#fff;border-left:1px solid #e4e8ee;box-shadow:-12px 0 30px rgba(16,24,40,.12);transition:.25s;z-index:120}.trade-mobile-nav.open{right:0}.trade-mobile-nav a{padding:13px 4px;border-bottom:1px solid #edf0f3;font-weight:650}.mobile-nav-mask{position:fixed;inset:106px 0 0;background:rgba(15,23,42,.35);z-index:110}.mobile-nav-mask.show{display:block}.dir-site-grid{grid-template-columns:repeat(2,1fr)}.dir-detail-layout{grid-template-columns:1fr}.dir-detail-side{position:static}.trade-footer-grid{grid-template-columns:1fr 1fr}.trade-footer-brand{grid-column:1/-1}}
@media(max-width:620px){.trade-wrap{width:min(100% - 22px,1280px)}.trade-notice .trade-wrap{height:auto;min-height:34px;gap:8px}.trade-notice span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-head{height:62px}.trade-mobile-nav{top:96px;height:calc(100vh - 96px)}.mobile-nav-mask{inset:96px 0 0}.dir-page{padding-top:18px}.dir-hero{align-items:flex-start;padding:24px 20px}.dir-hero h1{font-size:29px}.dir-hero p{font-size:14px}.dir-hero-stat{display:none}.dir-filter-panel{padding:17px}.dir-filter-title{display:block}.dir-filter-title span{display:block;margin-top:4px}.dir-filter-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.dir-filter-list a{white-space:nowrap}.dir-section-head{align-items:flex-start}.dir-section-head p{font-size:13px}.dir-site-grid{grid-template-columns:1fr}.dir-site-body p{min-height:auto}.dir-profile-card{padding:21px}.dir-profile-head{grid-template-columns:64px 1fr;gap:15px}.dir-profile-logo{width:64px;height:64px}.dir-profile-copy h1{font-size:28px}.dir-profile-actions{display:grid}.dir-content-card{padding:21px}.dir-related-grid{grid-template-columns:1fr}.trade-footer-grid{grid-template-columns:1fr;gap:26px}.trade-footer-brand{grid-column:auto}.dir-mobile-visit{position:fixed;left:0;right:0;bottom:0;display:block;padding:10px;background:rgba(255,255,255,.96);border-top:1px solid #dce2e9;z-index:95}.dir-mobile-visit a{height:46px;display:flex;align-items:center;justify-content:center;background:var(--d-green);color:#fff;border-radius:6px;font-weight:800}.dir-detail-page{padding-bottom:78px}.back-top{bottom:72px}}

/* Mobile navigation interaction fix v7 */
@media (max-width:860px){
  .trade-header{z-index:1000;overflow:visible}
  .trade-head{position:relative;z-index:1002}
  .trade-menu-btn{position:relative;z-index:1003;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .trade-menu-btn span{pointer-events:none;transition:transform .2s ease,opacity .2s ease}
  .trade-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .trade-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .trade-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .trade-mobile-nav{
    position:fixed;
    top:106px;
    left:0;
    right:0;
    width:100%;
    height:auto;
    max-height:calc(100dvh - 106px);
    overflow-y:auto;
    padding:12px max(16px,calc((100vw - 1280px)/2));
    background:#fff;
    border:0;
    border-top:1px solid #e7ebf0;
    border-bottom:1px solid #dfe5ec;
    box-shadow:0 18px 35px rgba(16,24,40,.16);
    transform:translateY(-14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    z-index:1001;
  }
  .trade-mobile-nav.open{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .trade-mobile-nav a{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    min-height:48px;
    padding:10px 6px;
    color:#243044;
    border-bottom:1px solid #edf0f3;
    font-size:16px;
    font-weight:700;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(16,121,111,.08);
  }
  .trade-mobile-nav a:last-child{border-bottom:0;color:var(--d-green)}
  .mobile-nav-mask{
    display:block;
    position:fixed;
    inset:106px 0 0;
    background:rgba(15,23,42,.38);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s;
    z-index:990;
  }
  .mobile-nav-mask.show{opacity:1;visibility:visible;pointer-events:auto}
}
@media (max-width:620px){
  .trade-mobile-nav{top:96px;max-height:calc(100dvh - 96px);padding-left:16px;padding-right:16px}
  .mobile-nav-mask{inset:96px 0 0}
}