/* Shared readable type scale. Supporting labels never shrink below 14px. */
:root{--muted:#586b83}
html[data-theme=terminal]{--muted:#b0bfd3}
html[data-theme=mint]{--muted:#526f67}
html[data-theme=studio]{--muted:#666780}
html[data-theme=editorial]{--muted:#706d61}
body{font-size:16px;line-height:1.75}
input,select,textarea,.quick-form input,.target-field input{font-size:16px}
html[data-theme] .quick-form input,html[data-theme] .target-field input,html[data-theme] .port-field input{font-size:16px}
.button{font-size:15px;min-height:44px}.button.small{font-size:14px;min-height:38px}
.site-header nav>a{font-size:15px}.brand>span{min-width:0}.brand small{letter-spacing:.6px}
.theme-switch,.theme-switch>span{font-size:14px}.theme-switch a{padding:7px 12px}
.hero p{font-size:17px}.tool-card h3{font-size:18px}.tool-card p{font-size:15px}
.section-title h2{font-size:21px}.result-table th{font-size:14px}.result-table td{font-size:15px}.result-table td small{font-size:14px}.result-table{line-height:1.7}
.line-options label,.test-options,.port-field,.result-actions label{font-size:15px}.line-options{row-gap:12px}.result-actions{flex-wrap:wrap}
.theme-card h2{font-size:21px}.theme-card p{font-size:15px}.theme-card small{font-size:14px}.article-preview .article-link{font-size:16px}.empty-state p{font-size:16px}.site-footer{font-size:14px}
@media(max-width:1320px) and (min-width:761px){
  html:not([data-theme=terminal]) .site-header{flex-wrap:wrap;gap:10px 26px;padding-top:14px}
  html:not([data-theme=terminal]) .site-header nav{order:3;flex:1 0 100%;justify-content:center;gap:8px 20px;flex-wrap:wrap}
  html:not([data-theme=terminal]) .site-header nav>a{padding:10px 0}
  html:not([data-theme=terminal]) .site-header .header-extra{margin-left:auto}
}
@media(max-width:760px){
  html[data-theme] .site-header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:auto;height:76px;min-height:76px;padding:0 18px}
  html[data-theme] .site-header .brand{margin:0}html[data-theme] .site-header .brand small{display:none}
  html[data-theme] .site-header .brand b{font-size:24px}html[data-theme] .site-header .brand i{font-size:14px}
  html[data-theme] .header-extra{display:none}html[data-theme] .menu-toggle{display:block}
  html[data-theme] .site-header nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--line)}
  html[data-theme].menu-open .site-header nav{display:flex}html[data-theme] .site-header nav>a{font-size:16px;padding:11px 12px}html[data-theme] .site-header nav>a:last-child{display:block}
  html[data-theme=terminal] .page-shell{margin-left:0}.hero p{font-size:16px}
  .target-row{flex-wrap:wrap}.target-row>.target-field{flex-basis:100%}.target-row>.button{flex:1}
  .tool-card h3{font-size:17px}.tool-card p{font-size:14px}.theme-gallery{grid-template-columns:1fr}.theme-card p{font-size:15px}.theme-switch a{font-size:14px}
  .section-title{flex-wrap:wrap}.result-summary{gap:12px}.result-summary>div{min-width:0}.result-summary span{font-size:14px}
}