.toolwrap{max-width:78rem}.tool-hero{padding:3rem 0 2.25rem;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 30%),var(--soft);border-bottom:1px solid var(--line)}
.tool-hero .wrap{display:block}.tool-hero nav{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 1.1rem;color:var(--muted);font:650 .9rem/1.5 var(--ui-font)}.tool-hero nav a{display:inline-flex;align-items:center;min-height:28px;padding:0 .1rem;text-decoration:none}.tool-hero nav a:hover{text-decoration:underline}.tool-hero h1{max-width:55rem;margin:.35rem 0 .55rem;font-size:clamp(2.15rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.02em}.tool-intro,.tool-hero .promise,.tool-hero .intro{max-width:60rem;margin:.35rem 0;color:var(--muted);font-size:clamp(1rem,2vw,1.16rem)}
.eyebrow,.kicker{margin:0 0 .35rem;color:var(--accent);font:750 .8125rem/1.4 var(--ui-font);letter-spacing:.1em;text-transform:uppercase}.experimental{display:inline-flex;margin-top:1rem;padding:.34rem .66rem;border:1px solid var(--line);border-radius:999px;background:var(--card);font:750 .8125rem var(--ui-font)}
.data-chips,.chips,.stats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.data-chips span,.chips span,.stats span{display:inline-flex;align-items:center;min-height:32px;padding:.3rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);font:650 .8125rem/1.4 var(--ui-font)}.data-chips a,.chips a{text-decoration:none}.data-chips a:hover,.chips a:hover{text-decoration:underline}.hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.tool-hero--compact{padding:1.15rem 0 1rem}.tool-hero--compact nav{margin-bottom:.35rem}.tool-hero--compact .eyebrow{margin:.25rem 0}.tool-hero--compact h1{max-width:none;margin:.15rem 0 .35rem;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.03}.tool-hero--compact .promise{max-width:none;font-size:1rem;line-height:1.35}.hero-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.55rem}.hero-meta-row .chips,.hero-meta-row .data-chips,.hero-meta-row .hero-actions{margin:0}.hero-meta-row .hero-actions{flex:none;margin-left:auto}.hero-meta-row .chips span,.hero-meta-row .data-chips span,.hero-meta-row button{min-height:44px}
.tool-main{padding-top:1.5rem}.tool-panel,.result-card,.privacy-card,.provenance-card{min-width:0;padding:1.2rem;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.tool-panel h2,.privacy-card h2,.provenance-card h2{margin-top:0}.tool-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.8fr);gap:1rem;align-items:start}.tool-grid>*{min-width:0}
.tabs,.tablist{display:flex;flex-wrap:nowrap;gap:.3rem;max-width:100%;margin:1.5rem 0 1rem;border-bottom:1px solid var(--line);overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tabs button,.tablist button{flex:0 0 auto;min-height:44px;padding:.65rem .85rem;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:500 1rem/1.25 var(--ui-font);white-space:nowrap;cursor:pointer}.tabs button:hover,.tablist button:hover{color:var(--fg);background:var(--soft)}.tabs button[aria-selected=true],.tabs .active,.tablist button[aria-selected=true]{border-bottom-color:var(--accent);background:transparent;color:var(--accent);font-weight:650}.tabs button:focus-visible,.tablist button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:6px}
label,legend{color:var(--muted);font:700 .875rem/1.4 var(--ui-font)}form label{display:block}textarea,input,select{display:block;width:100%;max-width:100%;min-height:44px;margin-top:.35rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);font:1rem/1.4 var(--ui-font)}textarea{min-height:12rem;resize:vertical}input[type=checkbox],input[type=radio]{display:inline-block;width:1.15rem;min-height:1.15rem;margin:0;accent-color:var(--accent)}label:has(>input[type=checkbox]),label:has(>input[type=radio]),.check,.mode-row label{display:flex;align-items:center;gap:.6rem;min-height:44px;text-transform:none;letter-spacing:0}input[type=range]{padding-inline:0}.field-help,small{color:var(--muted);font-size:.8125rem}
.button-row,.actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.button-row button,.tool-button,.primary,.quiet,.export{min-height:44px;padding:.6rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--accent);font:750 .875rem var(--ui-font);cursor:pointer}.button-row .primary,.tool-button.primary,.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent2) 65%,transparent);outline-offset:2px}
.result-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:2rem 0 .8rem}.result-head h2{margin:0}.result-list{display:grid;gap:.8rem}.result-card{box-shadow:none}.result-card header{display:flex;justify-content:space-between;gap:1rem}.result-card h3{margin:0;font-size:1.06rem;overflow-wrap:anywhere}.identifier-type,.status-pill{display:inline-flex;width:max-content;padding:.2rem .5rem;border-radius:999px;background:var(--soft);font:750 .8125rem var(--ui-font);text-transform:uppercase}.result-card dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem .75rem;margin:.85rem 0}.result-card dt{color:var(--muted);font:700 .8125rem var(--ui-font)}.result-card dd{margin:0;overflow-wrap:anywhere}.provenance,.difference{font-size:.8125rem}.live-status{min-height:1.5rem;color:var(--muted);font:650 .8125rem var(--ui-font)}.hidden{display:none!important}
details{border-bottom:1px solid var(--line)}details summary{display:flex;align-items:center;min-height:44px;margin:0;padding:.55rem 0;color:var(--accent);font-family:var(--ui-font);font-weight:650;cursor:pointer}details>p{margin:.25rem 0 1rem}
.table-wrap,.table-scroll{position:relative;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--line)}.table-wrap::after,.table-scroll::after{content:"Scroll table horizontally →";position:sticky;left:0;display:block;width:max-content;padding:.25rem .45rem;color:var(--muted);background:var(--soft);font:650 .8125rem var(--ui-font)}table{width:100%;border-collapse:collapse}th,td{padding:.65rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-family:var(--ui-font)}tbody tr:nth-child(even){background:color-mix(in srgb,var(--soft) 55%,transparent)}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}a,code,pre,td{overflow-wrap:anywhere}img,svg,canvas{max-width:100%}.controls,.form-grid,.panel-grid,.guide-grid{min-width:0}.controls>*,.form-grid>*,.panel-grid>*,.guide-grid>*{min-width:0}
@media(max-width:48rem){.tool-grid{grid-template-columns:1fr}.tool-hero{padding-top:2.25rem}.tool-hero--compact{padding-top:1.35rem}.hero-meta-row{align-items:stretch;flex-direction:column}.hero-meta-row .hero-actions{margin-left:0}.result-head{align-items:flex-start;flex-direction:column}.result-card header{flex-direction:column}.result-card dl{grid-template-columns:1fr}}
button,[data-share]{min-height:44px;font-family:var(--ui-font)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.credits-page{max-width:62rem}.credits-page h2{margin-top:2.5rem}.credits-page h3{margin-top:1.5rem}.credits-page li{margin:.45rem 0}.credits-page .note{color:var(--muted)}.credits-page section{border-top:1px solid var(--line);margin-top:2rem;padding-top:.5rem}.tool-hero+main{min-width:0}
.tool-hero+main .content-section{min-width:0}output[for=quality]{float:right;color:var(--muted);font-family:var(--ui-font)}
#compare-empty{max-width:48rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}#compare-empty>p{margin-top:0}.example-journals,.compare-selection{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.75rem}.example-journals button,.compare-selection button{min-height:44px;padding:.6rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--accent);font:750 .875rem var(--ui-font);cursor:pointer}.compare-selection p{margin:0;font-weight:700}@media(max-width:48rem){.example-journals>*{flex:1 1 100%}}
.tool-hero+main .content-section table{min-width:68rem;table-layout:fixed}.tool-hero+main .content-section th:nth-child(1){width:20%}.tool-hero+main .content-section th:nth-child(2){width:24%}.tool-hero+main .content-section th:nth-child(3){width:28%}.tool-hero+main .content-section th:nth-child(4){width:28%}
