.tool-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:var(--space-xl);padding:0 var(--content-padding);padding-bottom:var(--space-4xl)}.tool-header{width:100%;max-width:var(--max-width);padding-top:var(--space-3xl)}.tool-back{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);text-decoration:none}.tool-back:hover{color:var(--color-text-primary)}.tool-intro{width:100%;max-width:var(--max-width);text-align:center}.tool-title{font-size:24px;font-weight:700;color:var(--color-text-primary)}.tool-description{font-size:14px;color:var(--color-text-secondary);margin-top:4px}.breadcrumb{display:inline-flex;align-items:center;gap:8px;font-size:12px;margin-bottom:var(--space-sm)}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--color-accent-green)}.breadcrumb-sep{color:var(--color-text-secondary)}.filters-section{width:100%;max-width:var(--max-width)}.filters-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.filters-grid{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:6px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-card);cursor:pointer;transition:all .2s;white-space:nowrap}.filter-chip:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.filter-chip.active{background:var(--color-accent-green);color:#000;border-color:var(--color-accent-green)}.controls-row{width:100%;max-width:var(--max-width);display:flex;align-items:center;justify-content:space-between}.result-count{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.sort-dropdown{position:relative}.sort-trigger{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:12px;font-weight:500;color:var(--color-text-primary);cursor:pointer}.sort-trigger:hover{border-color:var(--color-text-secondary)}.sort-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:150px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:4px;z-index:50}.sort-menu.open{display:flex;flex-direction:column}.sort-option{padding:8px 12px;border:none;background:transparent;font-size:12px;color:var(--color-text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-sm)}.sort-option:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sort-option.active{color:var(--color-accent-green);font-weight:600}.country-list{width:100%;max-width:var(--max-width);display:flex;flex-direction:column;gap:var(--space-sm)}.country-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:border-color .2s;cursor:pointer}.country-card:hover{border-color:#ffffff26}.country-header{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--space-md);padding:14px 16px}.country-flag{width:36px;height:36px;border-radius:50%;object-fit:cover}.country-info{display:flex;flex-direction:column;gap:2px}.country-name{font-size:15px;font-weight:600;color:var(--color-text-primary)}.country-tags{display:flex;flex-wrap:wrap;gap:4px}.country-tag{font-size:9px;font-family:var(--font-mono);padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.country-tag--green{background:#22c55e1a;color:#22c55e}.country-tag--yellow{background:#eab3081a;color:#eab308}.country-tag--red{background:#ef44441a;color:#ef4444}.country-score{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--color-accent-green)}.country-detail{display:none;padding:0 16px 16px}.country-detail.open{display:block}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{display:flex;flex-direction:column;gap:2px;padding:10px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.detail-label{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.detail-value{font-size:13px;font-weight:600;color:var(--color-text-primary)}.detail-note{grid-column:span 2;font-size:12px;line-height:1.6;color:var(--color-text-secondary);padding:10px;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-style:italic}.tool-about{width:100%;max-width:var(--max-width)}.tool-about-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.tool-about-text{display:flex;flex-direction:column;gap:var(--space-md)}.tool-about-text p{font-size:14px;line-height:22px;color:var(--color-text-secondary)}.tool-about-text strong{color:var(--color-text-primary)}@media(max-width:809px){.country-header{grid-template-columns:32px 1fr auto}.detail-grid{grid-template-columns:1fr}.detail-note{grid-column:span 1}.filters-grid{gap:4px}.filter-chip{padding:5px 10px;font-size:10px}}