.tool-plans,.traffic-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-plan{padding:24px;border:1px solid #dce6e3;border-radius:16px}.tool-plan>strong{font-size:25px;color:#00816d}.tool-plan p{line-height:1.8}.traffic-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.traffic-metrics>div{background:#f4faf8;border-radius:14px;padding:22px}.traffic-metrics span{display:block;color:#6c817a;font-size:14px}.traffic-metrics strong{display:block;font-size:25px;margin-top:14px;overflow-wrap:anywhere}.traffic-empty{padding:22px;background:#f7faf9;border-radius:12px;color:#74867f}.traffic-chart{width:100%;max-height:240px}.traffic-periods{display:flex;justify-content:space-between;overflow-x:auto;gap:16px;font-size:13px}.traffic-periods small{display:block;color:#74867f}.traffic-bar{margin:18px 0}.traffic-bar>div{display:flex;justify-content:space-between;gap:14px}.traffic-bar meter{display:block;width:100%;height:14px;accent-color:#139b7f}.traffic-table-wrap{overflow-x:auto}.traffic-table{width:100%;border-collapse:collapse}.traffic-table th,.traffic-table td{padding:16px;text-align:left;border-bottom:1px solid #e1eae6}.language-menu{position:fixed;right:24px;bottom:24px;z-index:70;background:white;border:1px solid #dce6e3;border-radius:12px;box-shadow:0 6px 25px #1a534020;max-height:70vh;overflow:auto}.language-menu summary{padding:14px;cursor:pointer}.language-menu a{display:block;padding:12px 20px}.language-menu a:hover{background:#e5f7f1}.language-fallback{padding:14px 20px;background:#fff7df;border:1px solid #ead9a3;margin:18px 0;border-radius:12px}.category-directory{display:grid;gap:20px}.category-directory article{padding:24px;border:1px solid #dce6e3;border-radius:16px}.category-directory .badge-row{max-height:none}.category-directory h2{font-size:22px}@media(max-width:900px){.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-columns,.tool-plans{grid-template-columns:1fr}.language-menu{right:12px;bottom:12px}}

.language-menu{position:relative;right:auto;bottom:auto;max-height:none;overflow:visible;box-shadow:none;flex-shrink:0}.language-menu summary{padding:10px 12px;white-space:nowrap}.language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;max-height:65vh;overflow:auto;background:white;border:1px solid #dce6e3;border-radius:12px;box-shadow:0 8px 28px #1a534024}.header-actions{align-items:center}

.traffic-track{height:7px;border-radius:8px;background:#edf4f1;margin-top:10px;overflow:hidden}.traffic-track>span{display:block;height:100%;background:#139b7f;border-radius:8px}.traffic-analysis h3{margin:28px 0 18px}.traffic-columns{gap:32px}.traffic-bar{margin:22px 0}

/* Keep explicit monthly chart labels legible when many months are collected. */
.traffic-periods{justify-content:flex-start;padding:12px 0}
.traffic-periods>span{flex:0 0 auto;min-width:100px;white-space:nowrap}