/* app.min.css — built 2026-05-28T19:50:20+00:00 — DO NOT EDIT — regenerated by tools/build-css.php */
:root{--color-primary:#f15a23;--color-primary-dark:#d64a1a;--color-primary-light:#ff7847;--color-primary-alpha:rgba(241,90,35,0.1);--color-success:#5cb85c;--color-success-dark:#4cae4c;--color-danger:#d9534f;--color-danger-dark:#c9302c;--color-warning:#f0ad4e;--color-warning-dark:#ec971f;--color-info:#5bc0de;--color-info-dark:#46b8da;--color-success-text:#2e7d32;--color-danger-text:#b02a2a;--color-warning-text:#8a6500;--color-info-text:#0a6b8a;--color-gray-50:#f8f9fa;--color-gray-100:#f5f5f5;--color-gray-200:#e9ecef;--color-gray-300:#ddd;--color-gray-400:#adb5bd;--color-gray-500:#767676;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#474747;--color-gray-900:#212529;--color-text-primary:#212529;--color-text-secondary:#6c757d;--color-text-muted:#767676;--color-text-inverse:#ffffff;--color-link:#0066cc;--color-link-hover:#0052a3;--color-link-visited:#551a8b;--color-bg-page:#ffffff;--color-bg-subtle:#f8f9fa;--color-bg-muted:#e9ecef;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius:8px;--radius-base:8px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px;--focus-ring-width:3px;--focus-ring-color:#2196f3;--focus-ring-offset:2px;--touch-target-min:44px;--touch-target-comfortable:48px;--surface-page:var(--color-bg-page);--surface-subtle:var(--color-bg-subtle);--surface-muted:var(--color-bg-muted);--surface-card:var(--color-bg-page);--surface-border:var(--color-gray-300);--surface-border-strong:var(--color-gray-400);--text-default:var(--color-text-primary);--text-subtle:var(--color-text-secondary);--cat-dns:#2e7d32;--cat-ip:#1565c0;--cat-network:#00838f;--cat-security:#c62828;--cat-developer:#6a1b9a;--cat-domain:#ad6800;--cat-email:#00695c;--cat-browser:#4527a0;--cat-content:#ad1457;--cat-analysis:#283593;--cat-redirect:#d84315;--cat-asn-bgp:#37474f;--primary-color:var(--color-primary);--primary-brand-color:var(--color-primary);--primary-brand-color-darker:var(--color-primary-dark);--primary-accent:var(--color-primary);--primary-accent-darker:var(--color-primary-dark);--primary-hover-color:var(--color-primary-dark);--icon-color:var(--color-primary);--secondary-color:var(--color-gray-600);--secondary-a-color:var(--color-gray-100);--secondary-b-color:var(--color-gray-200);--secondary-c-color:var(--color-gray-300);--background-light:var(--color-bg-page);--bg-color:var(--color-bg-subtle);--card-bg-color:var(--surface-card);--text-color:var(--color-text-primary);--primary-text-color:var(--color-text-primary);--secondary-text-color:var(--color-text-secondary);--light-text-color:var(--color-text-inverse);--heading-color:var(--color-text-primary);--current-text-color:var(--text-default);--current-background-color:var(--surface-page);--border-color:var(--surface-border);--current-border-color:var(--surface-border);--light-border-color:var(--color-gray-200);--medium-border-color:var(--color-gray-300);--dark-border-color:var(--color-gray-500);--table-border-color:var(--color-gray-300);--link-color:var(--color-link);--link-hover-color:var(--color-link-hover);--link-visited-color:var(--color-link-visited);--success-color:var(--color-success);--success-color-light:#d4edda;--warning-color:var(--color-warning);--warning-color-light:#fff3cd;--error-color:var(--color-danger);--error-color-light:#f8d7da;--info-color:var(--color-info);--info-color-light:#cce5ff;--font-family-primary:var(--font-family-base);--font-family-monospace:var(--font-family-mono);--font-family-heading:'Poppins',var(--font-family-base);--font-family-body:'Roboto',var(--font-family-base);--font-size-md:var(--font-size-lg);--line-height-normal:var(--line-height-base);--line-height-loose:var(--line-height-relaxed);--spacing-xs:var(--space-xs);--spacing-sm:var(--space-sm);--spacing-md:var(--space-md);--spacing-lg:var(--space-lg);--spacing-xl:var(--space-xl);--spacing-2xl:var(--space-2xl);--content-section-padding:var(--space-lg);--border-radius:var(--radius);--border-radius-small:var(--radius-sm);--border-radius-standard:var(--radius);--border-radius-large:var(--radius-lg);--border-radius-circle:50%;--box-shadow:var(--shadow-md);--shadow-color:rgba(0,0,0,0.1);--max-width:1200px;--transition-normal:var(--transition-base);--z-index-dropdown:var(--z-dropdown);--z-index-sticky:var(--z-sticky);--z-index-fixed:var(--z-fixed);--z-index-modal-backdrop:var(--z-modal-backdrop);--z-index-modal:var(--z-modal);--z-index-tooltip:var(--z-tooltip)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mt-6{margin-top:var(--space-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.mb-6{margin-bottom:var(--space-2xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success-text)}.text-danger{color:var(--color-danger-text)}.text-warning{color:var(--color-warning-text)}.text-info{color:var(--color-info-text)}.text-muted{color:var(--color-text-muted)}.cat-dns{color:var(--cat-dns)}.cat-ip{color:var(--cat-ip)}.cat-network{color:var(--cat-network)}.cat-security{color:var(--cat-security)}.cat-developer{color:var(--cat-developer)}.cat-domain{color:var(--cat-domain)}.cat-email{color:var(--cat-email)}.cat-browser{color:var(--cat-browser)}.cat-content{color:var(--cat-content)}.cat-analysis{color:var(--cat-analysis)}.cat-redirect{color:var(--cat-redirect)}.cat-asn-bgp{color:var(--cat-asn-bgp)}.cat-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius)}.cat-chip.cat-dns{background:color-mix(in srgb,var(--cat-dns) 12%,transparent)}.cat-chip.cat-ip{background:color-mix(in srgb,var(--cat-ip) 12%,transparent)}.cat-chip.cat-network{background:color-mix(in srgb,var(--cat-network) 12%,transparent)}.cat-chip.cat-security{background:color-mix(in srgb,var(--cat-security) 12%,transparent)}.cat-chip.cat-developer{background:color-mix(in srgb,var(--cat-developer) 12%,transparent)}.cat-chip.cat-domain{background:color-mix(in srgb,var(--cat-domain) 12%,transparent)}.cat-chip.cat-email{background:color-mix(in srgb,var(--cat-email) 12%,transparent)}.cat-chip.cat-browser{background:color-mix(in srgb,var(--cat-browser) 12%,transparent)}.cat-chip.cat-content{background:color-mix(in srgb,var(--cat-content) 12%,transparent)}.cat-chip.cat-analysis{background:color-mix(in srgb,var(--cat-analysis) 12%,transparent)}.cat-chip.cat-redirect{background:color-mix(in srgb,var(--cat-redirect) 12%,transparent)}.cat-chip.cat-asn-bgp{background:color-mix(in srgb,var(--cat-asn-bgp) 12%,transparent)}.required-field::after{content:" *";color:var(--color-danger-text);font-weight:var(--font-weight-bold);margin-left:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-weight-normal{font-weight:var(--font-weight-normal)}.font-weight-medium{font-weight:var(--font-weight-medium)}.font-weight-semibold{font-weight:var(--font-weight-semibold)}.font-weight-bold{font-weight:var(--font-weight-bold)}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.lead{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.card{background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.card-header{padding:var(--space-md) var(--space-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-300);font-weight:var(--font-weight-semibold)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-md) var(--space-lg);background:var(--color-gray-50);border-top:1px solid var(--color-gray-300)}.alert{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);border:1px solid transparent;border-radius:var(--radius-base);position:relative}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeaa7}.alert-info{color:#004085;background-color:#cce5ff;border-color:#b8daff}.loading-indicator{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.progress-bar{width:100%;height:4px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-md)}.progress-bar .progress{height:100%;background:var(--color-primary);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{width:0}50%{width:70%}100%{width:100%}}.breadcrumb-nav{margin-bottom:var(--space-lg)}.breadcrumb{display:flex;flex-wrap:wrap;padding:var(--space-sm) 0;margin-bottom:0;list-style:none;font-size:var(--font-size-sm)}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:"/";margin:0 var(--space-sm);color:var(--color-gray-500)}.breadcrumb a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-link-hover);text-decoration:underline}.breadcrumb .active{color:var(--color-text-secondary)}.table{width:100%;margin-bottom:var(--space-lg);border-collapse:collapse}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-gray-300)}.table th{font-weight:var(--font-weight-semibold);background:var(--color-gray-50);color:var(--color-text-primary)}.table-bordered{border:1px solid var(--color-gray-300)}.table-bordered th,.table-bordered td{border:1px solid var(--color-gray-300)}.table-sm th,.table-sm td{padding:var(--space-xs) var(--space-sm)}*:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 var(--focus-ring-offset) var(--color-bg-page),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-contrast:high){:root{--color-primary:#d64a1a;--color-gray-300:#999}.btn{border-width:2px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (max-width:767px){.d-sm-none{display:none}.d-sm-block{display:block}.text-sm-center{text-align:center}}@media (min-width:768px) and (max-width:991px){.d-md-none{display:none}.d-md-block{display:block}}@media (min-width:992px){.d-lg-none{display:none}.d-lg-block{display:block}}@media print{.no-print{display:none !important}.print-only{display:block !important}a[href]::after{content:" (" attr(href) ")"}}
*,*::before,*::after{box-sizing:border-box}html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,section,summary,time,mark,audio,video,input,textarea,select{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section,main{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}.clearfix::after{content:"";display:table;clear:both}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-primary);color:#fff;text-shadow:none}::-moz-selection{background:var(--color-primary);color:#fff;text-shadow:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md)}article ul,article ol,.content-section ul,.content-section ol,main ul:not(.footer-links):not(.breadcrumb):not([class*="nav"]):not([class*="tool"]),main ol{list-style-position:inside;margin-bottom:var(--space-md);padding-left:var(--space-lg)}article ul,.content-section ul,main ul:not(.footer-links):not(.breadcrumb):not([class*="nav"]):not([class*="tool"]){list-style-type:disc}article ol,.content-section ol,main ol{list-style-type:decimal}article li,.content-section li,main li{margin-bottom:var(--space-xs)}small{font-size:var(--font-size-sm)}strong,b{font-weight:var(--font-weight-bold)}em,i{font-style:italic}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}a:hover{color:var(--color-link-hover);text-decoration:underline}a:visited{color:var(--color-link-visited)}a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}img{max-width:100%;height:auto;vertical-align:middle}.lazy-image{opacity:0;transition:opacity var(--transition-base)}.lazy-image.loaded{opacity:1}hr{border:none;border-top:1px solid var(--color-gray-300);margin:var(--space-lg) 0}blockquote{background-color:var(--color-gray-50);border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;font-style:italic}blockquote p:last-child{margin-bottom:0}code,kbd,pre,samp{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}code{background-color:var(--color-gray-100);padding:0.125em 0.25em;border-radius:var(--radius-sm);color:var(--color-danger-text)}pre{background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-lg)}pre code{background:none;padding:0;color:inherit}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media (min-width:992px){.container{max-width:940px}}@media (min-width:1200px){.container{max-width:1140px}}.btn,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;border-radius:var(--radius);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:var(--touch-target-min)}.btn:focus-visible,button:focus-visible,input[type="submit"]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-primary,input[type="submit"]{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover,input[type="submit"]:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;text-decoration:none}.btn-secondary{background-color:var(--color-gray-600);border-color:var(--color-gray-600);color:#fff}.btn-secondary:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-700);color:#fff;text-decoration:none}.btn-outline-primary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover{background-color:var(--color-primary);color:#fff;text-decoration:none}.btn-outline-secondary{background-color:transparent;border-color:var(--color-gray-600);color:var(--color-gray-600)}.btn-outline-secondary:hover{background-color:var(--color-gray-600);color:#fff;text-decoration:none}.btn-success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark);color:#fff}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-dark);border-color:var(--color-danger-dark);color:#fff}.btn-warning{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-gray-900)}.btn-warning:hover{background-color:var(--color-warning-dark);border-color:var(--color-warning-dark);color:var(--color-gray-900)}.btn-info{background-color:var(--color-info);border-color:var(--color-info);color:#fff}.btn-info:hover{background-color:var(--color-info-dark);border-color:var(--color-info-dark);color:#fff}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);min-height:32px}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.btn-block{display:block;width:100%}.button-group,.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);margin-bottom:var(--space-md)}.btn:disabled,.btn.disabled,button:disabled,input[type="submit"]:disabled{opacity:0.65;cursor:not-allowed;pointer-events:none}.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="tel"],input[type="search"],input[type="date"],textarea,select{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-page);background-clip:padding-box;border:1px solid var(--color-gray-300);border-radius:var(--radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none}.form-control:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="url"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="date"]:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 0.2rem var(--color-primary-alpha);outline:none}.form-control::placeholder{color:var(--color-text-muted);opacity:1}.form-control:disabled,.form-control[readonly]{background-color:var(--color-gray-100);opacity:0.7;cursor:not-allowed}select.form-control,select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:16px 12px;padding-right:calc(var(--space-md) * 2.5)}textarea.form-control,textarea{min-height:120px;resize:vertical}.form-label,label{display:block;margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group{margin-bottom:var(--space-md)}.form-text{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group > .form-control{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group > .form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group > .form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.input-group > .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.input-group > .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:flex}.form-check{display:block;position:relative;padding-left:1.5rem;margin-bottom:var(--space-sm)}.form-check-input{position:absolute;margin-left:-1.5rem;margin-top:0.25rem;width:1rem;height:1rem}.form-check-label{margin-bottom:0;cursor:pointer;font-weight:var(--font-weight-normal)}.is-valid,.form-control.is-valid{border-color:var(--color-success)}.is-invalid,.form-control.is-invalid,.form-control[aria-invalid="true"]{border-color:var(--color-danger)}.valid-feedback{display:none;width:100%;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-success-text)}.invalid-feedback,.error-message{display:none;width:100%;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-danger-text)}.is-valid ~ .valid-feedback,.is-invalid ~ .invalid-feedback,.is-invalid ~ .error-message{display:block}table{width:100%;margin-bottom:var(--space-lg);border-collapse:collapse}th,td{padding:var(--space-sm) var(--space-md);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-gray-300)}th{font-weight:var(--font-weight-semibold);background-color:var(--color-gray-50);color:var(--color-text-primary)}.table-bordered{border:1px solid var(--color-gray-300)}.table-bordered th,.table-bordered td{border:1px solid var(--color-gray-300)}.table-striped tbody tr:nth-of-type(odd){background-color:var(--color-gray-50)}.table-hover tbody tr:hover{background-color:var(--color-gray-100)}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-explainer-table{width:100%;margin-top:var(--space-sm);margin-bottom:var(--space-md)}.data-explainer-table th,.data-explainer-table td{border:1px solid var(--color-gray-300);padding:var(--space-sm) var(--space-md);font-size:0.95em}.data-explainer-table th{background-color:var(--color-gray-100);font-weight:var(--font-weight-semibold)}.alert{position:relative;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);border:1px solid transparent;border-radius:var(--radius)}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-danger,.alert-error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-info{color:#004085;background-color:#cce5ff;border-color:#b8daff}html[data-theme="dark"] .alert-success{color:#6fd17a;background-color:#0d2b10;border-color:#2a6b2e}html[data-theme="dark"] .alert-danger,html[data-theme="dark"] .alert-error{color:#ff8a82;background-color:#2b0a0a;border-color:#6b1a1a}html[data-theme="dark"] .alert-warning{color:#f5c451;background-color:#2b2000;border-color:#6b4e00}html[data-theme="dark"] .alert-info{color:#5ec8e8;background-color:#06202b;border-color:#0e4d6b}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .alert-success{color:#6fd17a;background-color:#0d2b10;border-color:#2a6b2e}html:not([data-theme="light"]) .alert-danger,html:not([data-theme="light"]) .alert-error{color:#ff8a82;background-color:#2b0a0a;border-color:#6b1a1a}html:not([data-theme="light"]) .alert-warning{color:#f5c451;background-color:#2b2000;border-color:#6b4e00}html:not([data-theme="light"]) .alert-info{color:#5ec8e8;background-color:#06202b;border-color:#0e4d6b}}.card{background:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.card-header{padding:var(--space-md) var(--space-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-300);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md) var(--radius-md) 0 0}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-md) var(--space-lg);background:var(--color-gray-50);border-top:1px solid var(--color-gray-300);border-radius:0 0 var(--radius-md) var(--radius-md)}.content-section{background-color:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.content-section h2{margin-top:0;border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm);display:inline-block}header[role="banner"]{background-color:var(--color-bg-page);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:var(--z-fixed);padding:var(--space-sm) 0;width:100%}.header-top-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;position:relative;flex-wrap:nowrap}#logo{font-size:1.9rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none;flex-shrink:0;display:flex;align-items:center}#logo:hover{color:var(--color-primary-dark);text-decoration:none}#logo img{max-height:50px;width:auto;vertical-align:middle}nav#mainNav{flex-grow:1;display:flex;justify-content:center;margin:0 var(--space-md)}nav#mainNav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--space-xs) var(--space-sm);max-width:960px}nav#mainNav ul li{list-style-type:none;margin:0}nav#mainNav ul li a{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--radius-base);transition:background-color var(--transition-fast),color var(--transition-fast);text-align:center}nav#mainNav ul li a:hover,nav#mainNav ul li a:focus{background-color:var(--color-primary-dark);color:#fff;text-decoration:none}nav#mainNav ul li a.active-main-link{background-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.has-dropdown{position:relative}.has-dropdown > a::after{content:'';display:inline-block;width:0;height:0;margin-left:var(--space-sm);vertical-align:middle;border-top:4px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent;transition:transform var(--transition-fast)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);visibility:hidden;opacity:0;min-width:220px;background-color:var(--color-bg-page);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:0;transition:opacity var(--transition-fast),visibility var(--transition-fast);overflow:hidden}.dropdown-menu ul{display:flex;flex-direction:column;width:100%;margin:0;padding:0}.dropdown-menu li{margin:0;width:100%;border-bottom:1px solid var(--color-gray-200)}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu a{display:block;width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-size-sm);text-decoration:none;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown-menu a:hover{background-color:var(--color-primary-alpha);color:var(--color-primary)}@media (min-width:1025px){.has-dropdown:hover .dropdown-menu{visibility:visible;opacity:1}.has-dropdown:hover > a::after{transform:rotate(-180deg)}.has-dropdown:hover > a{color:var(--color-primary)}}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm);z-index:calc(var(--z-fixed) + 1)}.hamburger-bar{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--color-text-primary);border-radius:var(--radius-sm);transition:all var(--transition-base)}.hamburger-menu.active .hamburger-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-menu.active .hamburger-bar:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:1024px){.hamburger-menu{display:flex;cursor:pointer;padding:var(--space-sm);margin-left:auto}nav#mainNav{position:absolute;top:100%;left:0;width:100%;background:var(--color-bg-page);display:none;z-index:var(--z-fixed);box-shadow:var(--shadow-lg);max-height:80vh;overflow-y:auto;margin:0}nav#mainNav.active{display:block}nav#mainNav ul{flex-direction:column;align-items:flex-start;padding:var(--space-md) 0;margin:0;width:100%}nav#mainNav ul li{width:100%;margin:0}nav#mainNav ul li a{padding:var(--space-sm) var(--space-md);width:100%;display:block;border-radius:0;text-align:left;border-bottom:1px solid var(--color-gray-100)}nav#mainNav ul li a:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.dropdown-menu{position:static;visibility:visible;opacity:1;display:none;width:100%;box-shadow:none;border:none;background:var(--color-gray-50);border-radius:0;margin-top:0;padding-left:var(--space-md)}.dropdown-active > .dropdown-menu{display:block}.dropdown-active > a::after{transform:rotate(-180deg)}#logo img{max-height:40px}}@media (max-width:576px){#logo img{max-height:30px}nav#mainNav ul li a{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}}.navigation{background-color:var(--color-bg-subtle);padding:var(--space-xl) 0;color:var(--color-text-primary)}.tool-group-title{font-size:var(--font-size-2xl);margin-top:var(--space-lg);margin-bottom:var(--space-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm);display:inline-block}.tool-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.tool-item{background-color:var(--color-bg-page);border-radius:var(--radius-lg);border:1px solid var(--color-gray-300);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.tool-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tool-link{display:flex;align-items:center;padding:var(--space-sm);color:var(--color-text-primary);text-decoration:none;gap:var(--space-sm)}.tool-link:hover{text-decoration:none;color:var(--color-primary)}.tool-icon{font-size:1.5rem;color:var(--color-primary);width:30px;text-align:center;flex-shrink:0}.tool-item:hover .tool-icon{color:var(--color-primary)}.tool-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.tool-card{background-color:var(--color-bg-subtle);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-gray-300);display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none;color:var(--color-primary)}.tool-card i{font-size:1.5rem;color:var(--color-primary);width:30px;text-align:center}.tool-card:hover i{color:var(--color-primary)}.tool-card span{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}#footer{background-color:var(--color-gray-800);color:var(--color-gray-200);padding:var(--space-xl) 0 var(--space-lg);margin-top:var(--space-xl)}.footer-content{text-align:center;max-width:800px;margin:0 auto;padding:0 var(--space-md)}.footer-content p{margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-gray-400)}#footer-bottom{background-color:var(--color-gray-900);color:var(--color-gray-200);padding:var(--space-lg) 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-bottom-content p{margin-bottom:0;font-size:var(--font-size-sm);color:var(--color-gray-400)}.footer-links{list-style:none;display:flex;margin:0;padding:0;gap:var(--space-lg)}.footer-links li{margin:0}.footer-links a{color:var(--color-gray-400);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-gray-100);text-decoration:underline}.loading-indicator{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.spinner{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:0.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner 0.75s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:4px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-md)}.progress-bar .progress{height:100%;background:var(--color-primary);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{width:0}50%{width:70%}100%{width:100%}}.breadcrumb-nav{margin-bottom:var(--space-lg)}.breadcrumb{display:flex;flex-wrap:wrap;padding:var(--space-sm) 0;margin-bottom:0;list-style:none;font-size:var(--font-size-sm)}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:"/";margin:0 var(--space-sm);color:var(--color-gray-500)}.breadcrumb a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-link-hover);text-decoration:underline}.breadcrumb .active{color:var(--color-text-secondary)}.form-tabs{display:flex;border-bottom:1px solid var(--color-gray-300);margin-bottom:var(--space-md)}.tab-btn{padding:var(--space-sm) var(--space-md);cursor:pointer;background-color:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast),border-color var(--transition-fast)}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tab-content{display:none;padding-top:var(--space-sm)}.tab-content.active{display:block}.collapsible-section{margin-top:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);background-color:var(--color-bg-page);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.collapsible-section .collapsible-header,.collapsible-trigger{font-size:1.1em;font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);padding:0;background-color:transparent;border:none;text-align:left;width:100%;color:var(--color-text-primary);cursor:default;pointer-events:none;display:block}.collapsible-content,.collapsible-section .collapsible-content,details[open] summary ~ *,details summary ~ *{display:block !important;opacity:1 !important;height:auto !important;overflow:visible !important;visibility:visible !important}.collapsible-section .collapsible-header .collapse-arrow,.collapsible-trigger .toggle-icon,details > summary::marker,details > summary::-webkit-details-marker{display:none !important}@media (max-width:768px){.container{width:95%;padding:0 var(--space-sm)}.footer-bottom-content{flex-direction:column;gap:var(--space-md)}.footer-links{flex-direction:column;gap:var(--space-sm);align-items:center}.tool-group{grid-template-columns:repeat(2,1fr)}.tool-link{padding:var(--space-sm)}.tool-icon{font-size:1.3rem}.tool-text{font-size:var(--font-size-sm)}}@media (max-width:576px){.tools-grid,.tool-group{grid-template-columns:1fr}.content-section{padding:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}*:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}*:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.btn{border-width:2px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media print{.no-print,header,nav,.hamburger-menu,.navigation,#footer,#footer-bottom{display:none !important}.print-only{display:block !important}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}a[href]::after{content:" (" attr(href) ")"}.container{max-width:100%;width:100%}}
.educational-content{max-width:1000px;margin:0 auto;padding:0;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--color-text-primary)}.educational-content h2{color:var(--color-text-primary);border-bottom:2px solid var(--surface-border);padding-bottom:0.75rem;margin-top:3rem;margin-bottom:2rem;font-size:1.8em;line-height:1.3}.educational-content h3{color:var(--color-text-primary);margin-top:2.5rem;margin-bottom:1.5rem;font-size:1.4em;line-height:1.4}.educational-content h4{color:var(--color-text-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.2em;line-height:1.4}.educational-content p{margin-bottom:1.5rem;color:var(--color-text-primary);line-height:1.7}.edu-tool-purpose,.edu-how-to-use,.edu-understanding-results,.edu-use-cases,.edu-technical-details,.edu-integration-examples,.edu-best-practices,.edu-resources{background-color:var(--surface-card);padding:2rem;margin-bottom:3rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.edu-related-tools{margin-bottom:3rem;padding-top:1rem}.educational-content ul,.educational-content ol{margin-bottom:1.5rem;padding-left:24px;line-height:1.8}.educational-content li{margin-bottom:0.8rem;color:var(--color-text-primary)}.educational-content dl{margin-bottom:2rem}.educational-content dt{font-weight:bold;color:var(--color-text-primary);margin-top:1.5rem;margin-bottom:0.5rem;font-size:1.05em}.educational-content dt:first-child{margin-top:0}.educational-content dd{margin-left:24px;margin-bottom:1.2rem;color:var(--color-text-primary);line-height:1.7}.educational-content code{background-color:var(--color-gray-100);padding:0.3em 0.5em;border-radius:3px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;color:var(--color-danger-text);font-size:0.9em}.edu-example{background-color:var(--surface-subtle);border-left:4px solid var(--surface-border);padding:1.5rem;margin:2rem 0;border-radius:4px}.edu-example h4{margin-top:0;margin-bottom:1rem;color:var(--color-text-primary)}.edu-use-cases .edu-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.edu-use-case{background-color:var(--surface-card);padding:2rem;border:1px solid var(--surface-border);border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.03)}.edu-use-case h4{margin-top:0;margin-bottom:1rem;color:var(--color-text-primary)}.edu-use-case p{margin-bottom:0;line-height:1.6}.edu-result-categories{margin:2rem 0}.edu-result-good,.edu-result-warning,.edu-result-critical{padding:1.5rem;margin:1.5rem 0;border-radius:4px;border-left-width:4px;border-left-style:solid}.edu-result-good{background-color:#e8f5e9;border-color:#c8e6c9;color:#1b5e20}.edu-result-warning{background-color:#fffbeb;border-color:#ffdf7e;color:#775d1c}.edu-result-critical{background-color:#ffebee;border-color:#ffcdd2;color:#b71c1c}.edu-result-good h4,.edu-result-warning h4,.edu-result-critical h4{margin-top:0;margin-bottom:1rem;border-bottom:none}.edu-limitations,.edu-important-note{background-color:#fffbeb;border-left:4px solid #ffdf7e;padding:1.5rem;margin:2rem 0;border-radius:4px;color:#775d1c}html[data-theme="dark"] .edu-result-good{background-color:#0d2b10;border-color:#2a6b2e;color:#6fd17a}html[data-theme="dark"] .edu-result-warning{background-color:#2b2000;border-color:#6b4e00;color:#f5c451}html[data-theme="dark"] .edu-result-critical{background-color:#2b0a0a;border-color:#6b1a1a;color:#ff8a82}html[data-theme="dark"] .edu-result-good h4,html[data-theme="dark"] .edu-result-warning h4,html[data-theme="dark"] .edu-result-critical h4{color:inherit}html[data-theme="dark"] .edu-limitations,html[data-theme="dark"] .edu-important-note{background-color:#2b2000;border-color:#6b4e00;color:#f5c451}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .edu-result-good{background-color:#0d2b10;border-color:#2a6b2e;color:#6fd17a}html:not([data-theme="light"]) .edu-result-warning{background-color:#2b2000;border-color:#6b4e00;color:#f5c451}html:not([data-theme="light"]) .edu-result-critical{background-color:#2b0a0a;border-color:#6b1a1a;color:#ff8a82}html:not([data-theme="light"]) .edu-result-good h4,html:not([data-theme="light"]) .edu-result-warning h4,html:not([data-theme="light"]) .edu-result-critical h4{color:inherit}html:not([data-theme="light"]) .edu-limitations,html:not([data-theme="light"]) .edu-important-note{background-color:#2b2000;border-color:#6b4e00;color:#f5c451}}.edu-related-tools ul{list-style:none;padding-left:0;margin-top:1.5rem}.edu-related-tools li{display:inline;margin-right:2.5rem;margin-bottom:0.8rem}.edu-related-tools a{color:var(--color-link);text-decoration:none;font-size:1.05em}.edu-related-tools a:hover{color:var(--color-link-hover);text-decoration:underline}.educational-content a{color:var(--color-link);text-decoration:none;transition:color 0.3s ease}.educational-content a:hover{color:var(--color-link-hover)}@media (max-width:768px){.educational-content h2{font-size:1.5em;margin-top:2rem}.educational-content h3{font-size:1.3em;margin-top:2rem}.educational-content h4{margin-top:1.5rem}.edu-use-cases .edu-card-container{grid-template-columns:1fr;gap:1.5rem}.edu-related-tools li{display:block;margin-bottom:0.8rem;margin-right:0}.edu-tool-purpose,.edu-how-to-use,.edu-understanding-results,.edu-use-cases,.edu-technical-details{padding:1.5rem;margin-bottom:2rem}}@media print{.educational-content{max-width:none;margin:0;padding:0;font-size:12pt;line-height:1.4}.tool-purpose,.how-to-use,.understanding-results,.use-cases,.technical-details,.integration-examples,.best-practices,.resources{background-color:transparent;border:1pt solid #ccc;box-shadow:none;page-break-inside:avoid}.educational-content h2,.educational-content h3,.educational-content h4{page-break-after:avoid}.educational-content a{color:#000;text-decoration:none}.educational-content a:after{content:" (" attr(href) ")";font-size:0.8em;color:#666}.collapsible-content{display:block !important}.show-more-btn{display:none}}.educational-content:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}.educational-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast:high){.educational-content{background-color:white;color:black}.tool-purpose,.how-to-use,.understanding-results,.use-cases,.technical-details,.integration-examples,.best-practices,.resources{background-color:white;border:2px solid black}.educational-content a{color:blue;text-decoration:underline}}@media (prefers-reduced-motion:reduce){.educational-content *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}
.custom-form{max-width:700px;margin:20px auto;padding:0 15px}.custom-form .form-control{border-radius:4px;border-color:#ddd;padding:12px;font-size:16px;line-height:1.5;color:#474747;transition:border-color 0.3s ease,box-shadow 0.3s ease}.custom-form .form-control:focus{border-color:#f15a23;box-shadow:0 0 0 0.2rem rgba(241,90,35,0.25);outline:2px solid #f15a23}.custom-form .form-control::placeholder{color:#767676;opacity:1}.custom-form .form-label{display:block;font-weight:600;color:#474747;margin-bottom:0.5rem;font-size:16px}.custom-form .form-label.required::after{content:" *";color:#d9534f}.custom-form .btn{padding:10px 18px;font-size:16px;border-radius:4px;font-weight:500;transition:all 0.3s ease;min-height:44px}.custom-form .btn-primary{background-color:#f15a23;border-color:#f15a23;color:#fff}.custom-form .btn-primary:hover,.custom-form .btn-primary:focus{background-color:#d64a1a;border-color:#d64a1a;color:#fff;outline:2px solid #d64a1a}.custom-form .btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.custom-form .btn-secondary:hover,.custom-form .btn-secondary:focus{background-color:#5a6268;border-color:#545b62;color:#fff;outline:2px solid #545b62}.custom-form .btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;min-height:32px}.custom-form button:focus-visible,.custom-form input:focus-visible,.custom-form select:focus-visible,.custom-form textarea:focus-visible{outline:3px solid #2196f3;outline-offset:2px;z-index:9}.custom-form .form-group{margin-bottom:1.25rem}.custom-form .input-group{display:flex;width:100%}.custom-form .input-group .form-control{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.custom-form .input-group-append{display:flex}.custom-form .input-group-append .btn{border-top-left-radius:0;border-bottom-left-radius:0;display:flex;align-items:center}.custom-form .form-text{color:#6c757d;font-size:0.875rem;margin-top:0.25rem}.custom-form .error-message{color:#d9534f;font-size:0.875rem;margin-top:0.25rem;font-weight:500}.custom-form .is-invalid{border-color:#d9534f}.custom-form .is-valid{border-color:#5cb85c}.custom-form .form-control[aria-invalid="true"]{border-color:#d9534f}.custom-form .form-check{padding-left:1.5rem;margin-bottom:0.5rem}.custom-form .form-check-input{margin-left:-1.5rem;margin-top:0.3rem;float:left;min-width:18px;min-height:18px}.custom-form .form-check-label{margin-bottom:0;cursor:pointer}.custom-form .custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px)}.custom-form .custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;opacity:0}.custom-form .custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 0.75rem + 2px);padding:0.375rem 0.75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-form .custom-file-input:focus ~ .custom-file-label{border-color:#f15a23;box-shadow:0 0 0 0.2rem rgba(241,90,35,0.25)}.custom-form .form-switch{padding-left:2.5rem}.custom-form .form-switch .form-check-input{width:2rem;margin-left:-2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2rem;transition:background-position .15s ease-in-out}.custom-form .form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-form .alert{padding:0.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.25rem}.custom-form .alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.custom-form .alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.custom-form .alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.custom-form .copy-btn{background-color:#f8f9fa;border:1px solid #ddd;color:#495057;padding:4px 8px;font-size:0.9em;border-radius:4px;cursor:pointer;transition:all 0.2s;margin-left:5px;display:inline-flex;align-items:center}.custom-form .copy-btn:hover{background-color:#e9ecef;border-color:#c6c8ca}.custom-form .form-tabs{display:flex;flex-wrap:wrap;margin-bottom:1rem}.custom-form .tab-btn{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;margin-right:4px;cursor:pointer;position:relative;transition:all 0.2s}.custom-form .tab-btn.active{background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;font-weight:600}.custom-form .tab-content{display:none;padding:15px;border:1px solid #ddd;border-radius:0 4px 4px 4px}.custom-form .tab-content.active{display:block}.custom-form .loading-indicator{display:flex;justify-content:center;align-items:center;padding:20px;text-align:center}.custom-form .loading-indicator img{max-width:50px}.results-container{margin-top:1.5rem;border:1px solid #ddd;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.network-terminal{background-color:#222;color:#f8f8f8;font-family:'Courier New',monospace;border-radius:4px;padding:15px;margin-bottom:1rem;overflow-x:auto;white-space:pre-wrap;line-height:1.5;min-height:100px;max-height:400px;overflow-y:auto}.network-terminal.with-header{border-top-left-radius:0;border-top-right-radius:0}.network-terminal-header{background-color:#333;color:#f8f8f8;font-family:'Courier New',monospace;border-top-left-radius:4px;border-top-right-radius:4px;padding:8px 15px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.terminal-success{color:#5cb85c}.terminal-error{color:#d9534f}.terminal-warning{color:#f0ad4e}.terminal-info{color:#5bc0de}.terminal-timestamp{color:#aaa;font-size:0.9em}.terminal-hostname{color:#f15a23;font-weight:bold}.terminal-ip{color:#5cb85c;font-weight:bold}.network-result-item{display:flex;padding:8px 0;border-bottom:1px solid #444}.network-result-item:last-child{border-bottom:none}.hop-number{width:40px;text-align:center;font-weight:bold;color:#f15a23}.hop-address{flex:1}.hop-time{width:80px;text-align:right;color:#aaa}.network-progress{height:8px;width:100%;background-color:#eee;border-radius:4px;margin:10px 0;overflow:hidden}.network-progress-bar{height:100%;background-color:#f15a23;transition:width 0.3s ease}.network-stats{display:flex;flex-wrap:wrap;margin:15px 0}.network-stat-item{flex:1;min-width:120px;margin:5px;padding:10px;background-color:#f8f8f8;border-radius:4px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.network-stat-value{font-size:1.5rem;font-weight:bold;color:#474747;display:block}.network-stat-label{font-size:0.9rem;color:#6c757d;display:block}.speed-gauge-container{text-align:center;margin:20px 0;position:relative}.speed-gauge{width:200px;height:100px;margin:0 auto;position:relative;overflow:hidden}.speed-gauge-arc{position:absolute;width:200px;height:200px;top:0;border-radius:50%;border:10px solid #eee;border-top:10px solid #f15a23;border-right:10px solid #f15a23;transform:rotate(45deg);box-sizing:border-box}.speed-gauge-value{position:absolute;bottom:0;width:100%;text-align:center;font-size:1.8rem;font-weight:bold}.speed-gauge-units{font-size:1rem;color:#6c757d}@media (max-width:767px){.custom-form{max-width:100%;padding:0 10px;margin:15px auto}.custom-form .form-control{padding:10px;font-size:14px}.custom-form .form-label{font-size:14px}.custom-form .btn{padding:8px 14px;font-size:14px;min-height:40px}.custom-form .input-group{flex-direction:column}.custom-form .input-group .form-control{border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.custom-form .input-group-append .btn{border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;width:100%}.custom-form .form-check{padding-left:1.2rem}.custom-form .form-check-input{margin-left:-1.2rem}.results-container table{display:block;overflow-x:auto;white-space:nowrap}.network-stat-item{min-width:100px;padding:8px}.network-stat-value{font-size:1.2rem}.speed-gauge{width:150px;height:75px}.speed-gauge-arc{width:150px;height:150px}.speed-gauge-value{font-size:1.4rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (forced-colors:active){.custom-form .btn-primary,.custom-form .btn-secondary,.custom-form .btn{forced-color-adjust:none}.custom-form .form-control:focus,.custom-form button:focus-visible,.custom-form input:focus-visible{outline:3px solid CanvasText;outline-offset:2px}}.custom-form .custom-file{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.custom-form .custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;opacity:0}.custom-form .custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 0.75rem + 2px);padding:0.375rem 0.75rem;font-weight:400;line-height:1.5;color:#474747;background-color:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-form .custom-file-input:focus ~ .custom-file-label{border-color:#f15a23;box-shadow:0 0 0 0.2rem rgba(241,90,35,0.25);outline:2px solid #f15a23}.custom-form .form-helpers{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.custom-form .form-helpers .btn{padding:0.25rem 0.5rem;font-size:0.875rem}.custom-form .advanced-options-toggle{margin:1rem 0;text-align:left}.custom-form .advanced-options-toggle a{display:inline-flex;align-items:center;color:#474747;font-weight:500;text-decoration:none;font-size:0.95rem}.custom-form .advanced-options-toggle a:hover{color:#f15a23}.custom-form .advanced-options-toggle i{transition:transform 0.3s ease;margin-left:0.3rem;font-size:0.75rem}.custom-form .advanced-options-toggle a.active i{transform:rotate(180deg)}.custom-form .advanced-options{display:none;background-color:rgba(0,0,0,0.02);border-radius:4px;padding:1rem;margin-bottom:1rem}.custom-form .options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.custom-form .option-group{margin-bottom:0.5rem}.custom-form .checkbox-group{display:flex;align-items:center;margin-top:1.5rem}.custom-form-loading,#loading{text-align:center;margin:1.5rem 0}.custom-form-loading p,#loading p{margin-bottom:0.5rem;color:#474747;font-weight:500}.progress-bar{height:4px;background-color:#f0f0f0;border-radius:2px;overflow:hidden;margin:0.5rem 0}.progress-bar .progress{height:100%;background-color:#f15a23;width:0;animation:progress-animation 2s ease-in-out infinite}@keyframes progress-animation{0%{width:0}50%{width:70%}100%{width:100%}}.custom-form .form-tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid #dee2e6}.custom-form .tab-btn{background:none;border:none;padding:0.5rem 1rem;font-weight:500;color:#6c757d;cursor:pointer;margin-bottom:-1px}.custom-form .tab-btn.active{color:#f15a23;border-bottom:2px solid #f15a23}.custom-form .tab-content{display:none;padding:1rem 0}.custom-form .tab-content.active{display:block}.custom-form .file-format-info,.custom-form .limit-info{font-size:0.85rem;color:#6c757d;margin-bottom:1rem}.custom-form .button-group{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}@media (max-width:767px){.custom-form .options-grid{grid-template-columns:1fr}.custom-form .button-group{flex-direction:column;width:100%}.custom-form .button-group .btn{width:100%;margin-bottom:0.5rem}.custom-form .form-helpers{flex-direction:column;align-items:flex-start}.custom-form .form-helpers .btn{width:100%}}