:root{color-scheme:light;--color-page:#f8f6f1;--color-surface:#fff;--color-text:#0b1f33;--color-text-secondary:#3b4f63;--color-action:#0b2f5b;--color-link:#0b4f9c;--color-hover:#08305f;--color-selected:#e3eef9;--color-success:#0f6238;--color-warning:#7a4300;--color-error:#a4161a;--color-control-border:#5f7286;--color-on-action:var(--color-surface);--color-focus:var(--color-action);--font-sans:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-base:1rem;--font-size-small:.875rem;--font-size-h3:1.125rem;--font-size-h2:1.625rem;--font-size-h1:2.25rem;--font-weight-normal:400;--font-weight-strong:700;--line-height-base:1.55;--line-height-heading:1.15;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:18px;--focus-width:3px;--focus-offset:2px;--target-min:2.75rem;--target-comfortable:3rem;--border-width:1px;--shadow-card:0 1px 2px #0b1f330f, 0 2px 8px #0b1f330d;--shadow-raised:0 2px 4px #0b1f3314, 0 8px 20px #0b1f331a;--shadow-panel:0 1px 2px #0b1f330d, 0 4px 16px #0b1f330f;--shadow-floating:0 4px 12px #0b1f331f, 0 12px 28px #0b1f331a;--workspace-padding:var(--space-3);--width-prose:65ch;--width-content:78rem;--page-gutter:clamp(var(--space-4), 3vw, var(--space-6));--header-height:3.5rem;--duration-fast:.1s;--duration-base:.2s;--easing-standard:ease-out;--layer-dropdown:100;--layer-floating:90;--layer-skip-link:1000}@media (width>=40rem){:root{--workspace-padding:var(--space-5)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{background:var(--color-page);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);overflow-wrap:break-word;margin:0}h1,h2,h3{margin:0 0 var(--space-4);line-height:var(--line-height-heading);font-weight:var(--font-weight-strong);letter-spacing:-.02em}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p,ul,ol{margin:0 0 var(--space-4)}ul,ol{padding-inline-start:var(--space-5)}li+li{margin-block-start:var(--space-2)}a{color:var(--color-link);text-underline-offset:.15em;text-decoration:underline}a:hover{color:var(--color-hover);text-decoration-thickness:.15em}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--font-size-small)}img,svg{max-width:100%;height:auto}[hidden]{display:none!important}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.skip-link{z-index:var(--layer-skip-link);min-block-size:var(--target-min);padding:var(--space-2) var(--space-4);background:var(--color-action);color:var(--color-on-action);border-radius:var(--radius-sm);align-items:center;line-height:1;display:inline-flex;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}main:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s}html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.skip-link{border:var(--border-width) solid ButtonText}}.page{flex-direction:column;min-height:100vh;display:flex}@supports selector(:has(*)){.page:has(.skip-link:focus){padding-block-start:calc(var(--space-2) + var(--target-min) + var(--space-1))}}.container{inline-size:100%;max-inline-size:var(--width-content);padding-inline:var(--page-gutter);margin-inline:auto}.prose{max-inline-size:var(--width-prose)}main{padding-block:var(--space-4) var(--space-7);flex:1}@media (width>=48rem){main{padding-block:var(--space-5) var(--space-8)}}.section{margin-block-start:var(--space-6)}@media (width>=48rem){.section{margin-block-start:var(--space-7)}}.brand,.nav-link,.footer-link{text-decoration:none}.brand:hover,.nav-link:hover,.footer-link:hover{text-decoration:underline}.site-header{background:var(--color-surface);border-block-end:var(--border-width) solid #0b1f3324;box-shadow:0 1px 8px #0b1f330a}.header-bar{align-items:center;gap:var(--space-2) var(--space-3);min-block-size:var(--header-height);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.brand{min-inline-size:0;min-block-size:var(--target-min);flex:1 1 0;align-items:center;display:inline-flex}.brand-logo{block-size:1.5rem;inline-size:auto;max-inline-size:100%;display:block}.header-actions{gap:var(--space-2);display:flex}.header-actions .button{padding-inline:var(--space-3);box-shadow:none}.primary-nav{display:none}.primary-nav>ul{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.primary-nav li{min-inline-size:0;position:relative}.primary-nav li+li{border-inline-start:var(--border-width) solid #0b1f3324;margin-block-start:0}.category-nav-link{min-block-size:var(--target-min);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--color-link);flex-direction:column;justify-content:center;gap:.0625rem;text-decoration:none;display:flex}.category-nav-title{font-size:var(--font-size-small);font-weight:var(--font-weight-strong);white-space:nowrap;line-height:1.2}.category-nav-description{color:var(--color-text-secondary);white-space:nowrap;font-size:.75rem;line-height:1.2;display:none}.category-nav-link:hover,.category-nav-link[aria-current=page]{background:var(--color-selected)}.category-nav-link:hover .category-nav-title{text-decoration:underline}.category-nav-link[aria-current=page]{box-shadow:inset 0 -3px 0 var(--color-action)}@media (forced-colors:active){.category-nav-link[aria-current=page]{box-shadow:none;border-block-end:3px solid highlight}}.header-search{flex:1 0 100%;padding-block-end:var(--space-2);display:none}.header-search.is-open{display:block}@media (width>=64rem){.header-bar{flex-wrap:nowrap}.primary-nav{min-inline-size:0;display:block}.header-actions{display:none}.header-search{flex:0 12rem;margin-inline-start:auto;padding-block-end:0;display:block}.brand{flex:0 auto;max-inline-size:16rem}.brand-logo{block-size:1.625rem}}@media (width>=75rem){.header-search{flex-basis:16rem}.category-nav-description{display:block}}.noscript-nav ul{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.noscript-nav li+li{margin-block-start:0}@media (width>=64rem){.noscript-nav{display:none}}.menu-dialog{background:var(--color-page);block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--color-text);border:0;margin:0;padding:0;inset:0}.menu-dialog::backdrop{background:#0b1f3399}.menu-dialog-inner{max-inline-size:32rem;padding:var(--space-4);margin-inline:auto}.menu-dialog-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.menu-dialog-head h2{margin:0}.menu-list{margin:0 0 var(--space-5);background:var(--color-surface);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:0;list-style:none;overflow:hidden}.menu-list li+li{border-block-start:var(--border-width) solid var(--color-selected);margin-block-start:0}.menu-list a{min-block-size:var(--target-comfortable);padding-inline:var(--space-4);border-radius:0;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.menu-list a:after{content:"›";color:var(--color-control-border);font-size:1.25em;line-height:1}.menu-list a:hover{background:var(--color-selected)}.menu-group-title{margin:0 0 var(--space-1);padding-inline:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-strong)}.site-footer{border-block-start:var(--border-width) solid #0b1f3324;padding-block:var(--space-4);background:linear-gradient(90deg, #e3eef973, #fff0 45%), var(--color-surface);font-size:var(--font-size-small)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.footer-identity{gap:.125rem;display:grid}.footer-brand{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-strong);color:var(--color-action);margin:0;display:inline-flex}.footer-tagline{color:var(--color-text-secondary);margin:0;font-size:.75rem}.footer-brand-mark{block-size:1.25rem;inline-size:1.25rem;display:block}.footer-links{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-links li+li{margin-block-start:0}.footer-link{min-block-size:var(--target-min);align-items:center;display:inline-flex}.footer-copyright{color:var(--color-text-secondary);margin:0}@media (width<=47.99rem){.footer-inner{align-items:flex-start}.footer-identity,.footer-copyright{flex:1 0 100%}}.breadcrumbs ol{align-items:baseline;gap:var(--space-1);margin:0 0 var(--space-3);font-size:var(--font-size-small);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumbs li+li{margin-block-start:0}@media (width>=48rem){.breadcrumbs ol{margin-block-end:var(--space-5)}}.breadcrumbs li+li:before{content:"›";color:var(--color-control-border);margin-inline-end:var(--space-1)}.breadcrumbs a{color:var(--color-text-secondary);text-underline-offset:.18em;text-decoration-thickness:1px}.breadcrumbs a:hover,.breadcrumbs a:focus-visible{color:var(--color-link)}.breadcrumbs a:hover{text-decoration-thickness:1px}.breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:600}@media (forced-colors:active){.menu-list a:after{color:buttontext}.menu-dialog{border:var(--border-width) solid CanvasText}.tools-menu>summary:after{border-color:buttontext}}.button{min-block-size:var(--target-min);padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-action);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);font:inherit;font-weight:var(--font-weight-strong);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 2px #0b1f3314}.button:hover{border-color:var(--color-action);background:var(--color-selected);color:var(--color-hover);box-shadow:var(--shadow-card)}.button--primary{background:var(--color-action);border-color:var(--color-action);color:var(--color-on-action);text-decoration:none}.button--primary:hover{background:var(--color-hover);border-color:var(--color-hover);color:var(--color-on-action)}.button:disabled{cursor:not-allowed;box-shadow:none}[class*=-export-controls]>.button:not(:disabled){background:var(--color-action);border-color:var(--color-action);color:var(--color-on-action)}[class*=-export-controls]>.button:not(:disabled):hover{background:var(--color-hover);border-color:var(--color-hover);color:var(--color-on-action)}.button[aria-expanded=true]{background:var(--color-selected);border-color:var(--color-action)}@supports selector(:has(*)){.button:has(>input[type=file]:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.button>input[type=file]:focus-visible{outline:none}}.note{padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-control-border);border-inline-start-width:var(--space-2);border-radius:var(--radius-md)}.note>:last-child{margin-block-end:0}.note--status strong{color:var(--color-warning)}.local-note{font-weight:var(--font-weight-strong)}.tool-head .local-note{max-inline-size:var(--width-prose);padding:var(--space-2) var(--space-3);background:var(--color-selected);border-inline-start:var(--space-1) solid var(--color-action);border-radius:var(--radius-sm)}@media (width<=47.99rem){.tool-head p{font-size:var(--font-size-small);margin-block-end:var(--space-3);line-height:1.5}.tool-head .local-note{margin-block-end:0}}.tagline{margin:0 0 var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-strong)}.dev-status{color:var(--color-text-secondary)}.hero{gap:var(--space-5);padding:var(--space-5) var(--space-4);background:radial-gradient(circle at 82% 30%, #e3eef9e6, transparent 29%), linear-gradient(145deg, #e3eef980, #fff0 48%), var(--color-surface);border:var(--border-width) solid #0b1f3324;border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);grid-template-areas:"copy""visual";display:grid;overflow:hidden}.hero-main{grid-area:copy;min-inline-size:0}.hero-eyebrow{margin:0 0 var(--space-2);color:var(--color-link);font-size:.75rem;font-weight:var(--font-weight-strong);letter-spacing:.08em;text-transform:uppercase}.hero h1{max-inline-size:24ch;letter-spacing:-.04em;text-wrap:balance;margin-block-end:var(--space-3);font-size:clamp(2rem,1.5rem + 2vw,3.25rem);line-height:1.02}.hero-copy{max-inline-size:42rem;color:var(--color-text-secondary);font-size:clamp(1rem,.94rem + .2vw,1.125rem)}.hero-copy p:last-child{margin-block-end:0}.hero-actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.hero-actions .button{gap:var(--space-2)}.hero-aside{grid-area:visual;min-block-size:12rem;inline-size:100%;max-inline-size:24rem;margin-inline:auto;position:relative}.hero-orbit{background:#e3eef9a6;border-radius:50%;position:absolute}.hero-orbit--one{inset:8% 16% 20% 8%}.hero-orbit--two{background:#0b4f9c14;inset:22% 4% 5% 28%}.hero-icon{block-size:3.75rem;inline-size:3.75rem;padding:var(--space-3);color:var(--color-link);border:3px solid var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);background:#ffffffe0;place-items:center;display:grid;position:absolute;transform:rotate(4deg)}.hero-icon svg{block-size:100%;inline-size:100%}.hero-icon--primary{block-size:5.5rem;inline-size:5.5rem;color:var(--color-action);inset-block-start:8%;inset-inline-start:37%;transform:rotate(-2deg)}.hero-icon--left{inset-block-start:48%;inset-inline-start:12%;transform:rotate(5deg)}.hero-icon--right{inset-block-start:50%;inset-inline-end:7%;transform:rotate(7deg)}.hero-icon--bottom{inset-block-end:0;inset-inline-start:42%;transform:rotate(4deg)}@media (width>=48rem){.hero{padding:var(--space-7);grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);grid-template-areas:"copy visual";align-items:center}.hero-aside{min-block-size:18rem}}.trust-strip{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid #0b4f9c38;border-radius:var(--radius-md);background:#e3eef9a6;justify-content:flex-start;margin-block-start:var(--space-7);display:flex}.trust-strip>div{justify-content:space-between;align-items:center;gap:var(--space-4);overflow-wrap:anywhere;flex:1;min-inline-size:0;display:flex}.trust-strip-icon{block-size:1.5rem;inline-size:1.5rem;color:var(--color-action);flex-shrink:0;margin-block-start:.125rem}.trust-strip-primary{font-weight:var(--font-weight-strong);margin:0}.trust-strip-secondary{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.section-heading h2,.section-heading p{margin-block-end:0}.section-heading p{color:var(--color-text-secondary);margin-block-start:var(--space-1)}.section-heading--linked>a{font-size:var(--font-size-small);font-weight:var(--font-weight-strong);flex:none;text-decoration:none}.steps{max-inline-size:var(--width-prose)}:where(.how-section) .steps{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));max-inline-size:none;margin:0;padding:0;list-style:none;display:grid}:where(.how-section) .steps>li{min-inline-size:0;margin:0}:where(.how-section) .steps strong,:where(.how-section) .steps p{display:block}:where(.how-section) .steps p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-small)}.step-marker{align-items:center;gap:var(--space-3);margin-block-end:var(--space-3);display:flex}.step-marker>span{background:var(--color-link);block-size:2rem;inline-size:2rem;color:var(--color-on-action);font-weight:var(--font-weight-strong);border-radius:50%;flex:none;place-items:center;display:grid}.step-marker svg{box-sizing:content-box;block-size:1.25rem;inline-size:1.25rem;padding:var(--space-2);background:var(--color-selected);color:var(--color-link);border-radius:var(--radius-sm)}.row-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.row-list>li{background:var(--color-surface);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-lg);min-inline-size:0;box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;margin:0;padding:12px;display:grid;position:relative}.row-list>li:hover{border-color:var(--color-action);box-shadow:var(--shadow-raised)}.row-list a{min-block-size:var(--target-comfortable);color:var(--color-text);font-weight:var(--font-weight-strong);align-items:center;text-decoration:none;display:inline-flex}.row-list a:after{content:"";position:absolute;inset:0}.row-list .row-meta{color:var(--color-text-secondary);font-size:var(--font-size-small);display:block}.related-card-icon{box-sizing:content-box;background:var(--color-selected);border-radius:var(--radius-md);block-size:20px;inline-size:20px;color:var(--color-action);grid-row:1/-1;padding:10px}.related-card-copy{overflow-wrap:anywhere;min-inline-size:0}.related-card-cta{align-items:center;gap:var(--space-1);max-inline-size:100%;color:var(--color-link);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);flex-wrap:wrap;grid-column:2;display:inline-flex}.related-card-cta>span{transition:transform var(--duration-fast) var(--easing-standard)}:where(.related-card:hover) .related-card-cta>span{transform:translateX(var(--space-1))}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.card-grid--gateways{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid>li{margin-block-start:0}.card{background:var(--color-surface);border:var(--border-width) solid #0b1f332e;border-radius:var(--radius-lg);min-inline-size:0;box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard);grid-template-rows:auto auto auto 1fr auto auto;align-content:start;padding:24px;display:grid;position:relative}.card--gateway{padding:var(--space-5)}.card--gateway:nth-child(2){background:linear-gradient(180deg, #e3eef959, var(--color-surface) 38%)}.card--compact{padding:var(--space-4)}.card p{overflow-wrap:anywhere;min-inline-size:0;margin:0}.card-icon{box-sizing:content-box;block-size:24px;inline-size:24px;background:var(--color-selected);border-radius:var(--radius-md);color:var(--color-action);margin-block-end:var(--space-4);padding:8px;display:block}.card .card-eyebrow{color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--font-weight-strong);letter-spacing:.06em;text-transform:uppercase;margin-block-end:var(--space-1)}.card-title{min-inline-size:0;margin:0 0 var(--space-2);font-size:var(--font-size-h3);overflow-wrap:anywhere}.card--compact .card-icon{block-size:20px;inline-size:20px;margin-block-end:var(--space-3);padding:7px}.card--compact .card-title{font-size:1rem}.card-description{color:var(--color-text-secondary)}:where(.card--compact) .card-description,:where(.card--compact) .card-cta{font-size:.8125rem}.card-meta{color:var(--color-text-secondary);font-size:var(--font-size-small);margin-block-start:var(--space-2)}.card-cta{align-items:center;gap:var(--space-1);inline-size:fit-content;max-inline-size:100%;color:var(--color-link);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);flex-wrap:wrap;margin-block-start:var(--space-4);display:inline-flex}.card-cta>span{transition:transform var(--duration-fast) var(--easing-standard)}.card-title a{min-block-size:var(--target-min);max-inline-size:100%;color:var(--color-text);overflow-wrap:anywhere;align-items:center;text-decoration:none;display:inline-flex}.card-title a:after{content:"";position:absolute;inset:0}.card:hover{border-color:var(--color-action);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.card:hover .card-title a{text-decoration:underline}.card:hover .card-cta>span{transform:translateX(var(--space-1))}@media (prefers-reduced-motion:reduce){.card:hover,.card:hover .card-cta>span,.related-card:hover .related-card-cta>span{transform:none}}@supports selector(:has(*)){.card-title a:focus-visible{outline:none}.card:has(.card-title a:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.row-list a:focus-visible{outline:none}.row-list>li:has(a:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}}.search{position:relative}.search-label{font-weight:var(--font-weight-strong);margin-block-end:var(--space-1);display:block}.search-input{inline-size:100%;min-block-size:var(--target-min);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);font:inherit}.tool-head{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;max-inline-size:58rem;display:grid}.tool-head-icon{box-sizing:content-box;block-size:2.5rem;inline-size:2.5rem;padding:var(--space-3);background:var(--color-selected);color:var(--color-link);border:var(--border-width) solid #0b4f9c2e;border-radius:var(--radius-lg)}.tool-head h1{margin-block-end:var(--space-1);font-size:clamp(2rem,1.7rem + 1vw,2.75rem)}.tool-head-intro{max-inline-size:58ch;color:var(--color-text-secondary);margin-block-end:var(--space-3);font-size:1.0625rem}.tool-meta{gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tool-meta li{min-block-size:2rem;padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-small);background:#e3eef98c;align-items:center;margin:0;display:inline-flex}.tool-meta li:before{content:"";block-size:.375rem;inline-size:.375rem;background:var(--color-link);border-radius:50%;margin-inline-end:var(--space-2)}.tool-workspace{margin-block-start:var(--space-5)}.ad-region:not([hidden]){place-items:center;gap:var(--space-2);min-block-size:8rem;margin-block:var(--space-7);padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-subtle);border-block:var(--border-width) solid var(--color-border);display:grid;overflow:hidden}.ad-region-label{font-size:var(--font-size-small)}.adsbygoogle{inline-size:100%;max-inline-size:60rem;display:block}#main :is(.json-workspace,.yaml-workspace,.csv-workspace,.compare-workspace,.json-to-table-workspace,.json-to-csv-workspace,.csv-to-json-workspace,.vdr-workspace,.otf-workspace){gap:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);border-color:#0b1f3333}#main :is(.json-workspace,.yaml-workspace,.csv-workspace,.compare-workspace,.json-to-table-workspace,.json-to-csv-workspace,.csv-to-json-workspace,.vdr-workspace,.otf-workspace) :is(textarea,select){background:var(--color-page);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard)}#main :is(.json-workspace,.yaml-workspace,.csv-workspace,.compare-workspace,.json-to-table-workspace,.json-to-csv-workspace,.csv-to-json-workspace,.vdr-workspace,.otf-workspace) :is(textarea,select):focus{border-color:var(--color-action);box-shadow:0 0 0 1px var(--color-action)}#main [data-validation-state]{padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-control-border);border-inline-start-width:var(--space-1);border-radius:var(--radius-md);background:#e3eef966}#main [data-validation-state=empty]{align-items:center;gap:var(--space-2);border-inline-start-width:var(--border-width);display:flex}#main [data-validation-state=empty]:before{content:"";border:2px solid var(--color-link);border-radius:50%;flex:none;block-size:.625rem;inline-size:.625rem}#main li[class*=-issue]{background:var(--color-surface);box-shadow:var(--shadow-card)}#main :is(.vdr-graph-section,.vdr-table-section,.vdr-summary-section,.otf-flowchart-section,.otf-outline-section,.otf-table-section){padding:var(--space-4);border:var(--border-width) solid #0b1f332e;border-radius:var(--radius-lg);background:#e3eef947}#main :is(.cw-table-wrap,.jtt-table-wrap,.jtc-table-wrap,.ctj-table-wrap,.vdr-table-wrap,.otf-table-wrap){background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);scrollbar-gutter:stable;overscroll-behavior:contain;border-color:#0b1f3347}#main :is(.cw-table,.jtt-table,.jtc-table,.ctj-table,.vdr-table,.otf-table){border-collapse:separate;border-spacing:0}#main :is(.cw-table,.jtt-table,.jtc-table,.ctj-table,.vdr-table,.otf-table) :is(th,td){padding:var(--space-3) var(--space-4);border:0;border-block-end:var(--border-width) solid #0b1f3329;border-inline-end:var(--border-width) solid #0b1f331a;vertical-align:top}#main :is(.cw-table,.jtt-table,.jtc-table,.ctj-table,.vdr-table,.otf-table) :is(th,td):last-child{border-inline-end:0}#main :is(.cw-table,.jtt-table,.jtc-table,.ctj-table,.vdr-table,.otf-table) thead th{z-index:1;background:var(--color-selected);color:var(--color-action);font-weight:var(--font-weight-strong);white-space:nowrap;position:sticky;inset-block-start:0;box-shadow:0 1px #0b1f3347}#main :is(.cw-table,.jtt-table,.jtc-table,.ctj-table,.vdr-table,.otf-table) tbody tr:last-child td{border-block-end:0}@media (hover:hover){#main :is(.cw-table,.jtt-table,.jtc-table,.ctj-table,.vdr-table,.otf-table) tbody tr:hover td{background:#e3eef973}}#main :is(.cw-show-more,.jtt-show-more,.jtc-show-more,.ctj-show-more,.otf-show-more){background:var(--color-selected);color:var(--color-action);font-weight:var(--font-weight-strong)}.back-to-top{z-index:var(--layer-floating);background:var(--color-surface);block-size:2.5rem;inline-size:2.5rem;color:var(--color-action);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);cursor:pointer;place-items:center;padding:0;display:grid;position:fixed;inset-block-end:max(var(--space-4), env(safe-area-inset-bottom));inset-inline-end:max(var(--space-4), env(safe-area-inset-right))}.back-to-top:hover{background:var(--color-selected);border-color:var(--color-action)}.back-to-top svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.25rem;inline-size:1.25rem;display:block}@media (width<=40rem){.card{padding:16px}.back-to-top{block-size:2.375rem;inline-size:2.375rem}}@media (width<=47.99rem){.hero-aside{min-block-size:10rem}.hero-icon--primary{block-size:4.5rem;inline-size:4.5rem}.card-grid--gateways,:where(.how-section) .steps{grid-template-columns:1fr}.trust-strip>div{display:block}.trust-strip-secondary{margin-block-start:var(--space-1)}.section-heading{align-items:start}.tool-head{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.tool-head-icon{block-size:2rem;inline-size:2rem;padding:var(--space-2)}.tool-head h1{font-size:clamp(1.75rem,1.45rem + 1.5vw,2.25rem)}}.search-input::placeholder{color:var(--color-text-secondary);opacity:1}.search-panel{padding:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);margin-block-start:var(--space-1)}.search-count{margin:0 0 var(--space-1);padding-inline:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small)}.search-results{margin:0;padding:0;list-style:none}.search-results li+li{margin-block-start:0}.search-result{min-block-size:var(--target-min);padding:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;display:block}.search-result:hover{border-color:var(--color-action)}.search-result-name{font-weight:var(--font-weight-strong);display:block}.search-result:hover .search-result-name{text-decoration:underline}.search-result-description{color:var(--color-text-secondary);font-size:var(--font-size-small);display:block}@media (width>=48rem){.header-search .search-panel{z-index:var(--layer-dropdown);min-inline-size:22rem;position:absolute;inset-inline-end:0}}@media (width<=40rem){main [class*=-workspace] [class*=-controls]{flex-flow:wrap;align-items:stretch}main [class*=-workspace] [class*=-controls]>.button{flex:auto}}@media (width>=64rem){.card-grid--common:has(>li:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}.card-grid--common:has(>li:nth-child(5):last-child)>li{grid-column:auto}}@media (width>=48rem) and (width<=63.99rem){.card-grid--gateways{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.search-result:hover,.card:hover{border-color:highlight}.card-icon{border:var(--border-width) solid CanvasText;background:canvas}.related-card-icon,.back-to-top{border:var(--border-width) solid CanvasText;color:buttontext;background:canvas}#main [data-validation-state],#main :is(.vdr-graph-section,.vdr-table-section,.vdr-summary-section,.otf-flowchart-section,.otf-outline-section,.otf-table-section){background:canvas;border-color:canvastext}#main :is(.cw-table,.jtt-table,.jtc-table,.ctj-table,.vdr-table,.otf-table) thead th{color:canvastext;background:canvas}[class*=-export-controls]>.button:not(:disabled){color:buttontext;background:buttonface;border-color:buttontext}}