/* Egytag Lab standard, documented in /tools-style.md.
   This is intentionally scoped to 18 non-IP standalone apps. */
body.standalone:not(.standalone-ip) .standalone-main.tool-detail{
 max-width:min(1760px,100%);
 padding:clamp(12px,2.1vw,32px) clamp(13px,2.2vw,38px) 70px;
}
body.standalone-api-client .standalone-main.tool-detail{max-width:none}
body.standalone:not(.standalone-ip) .standalone-hero{
 padding:clamp(19px,2.5vw,36px);
 margin-bottom:14px;
 border-radius:19px;
 border:1px solid var(--xl-border);
 background:radial-gradient(ellipse at 85% 15%,var(--xl-wash),transparent 65%),var(--xl-surface);
 box-shadow:none;
}
body.standalone:not(.standalone-ip) .standalone-hero h1{
 font-size:clamp(25px,2.7vw,40px);
 line-height:1.27;margin:6px 0 8px;
}
body.standalone:not(.standalone-ip) .standalone-hero p{
 font-size:clamp(15px,1vw,17px);line-height:1.7;
 max-width:90ch;
}
body.standalone:not(.standalone-ip) .standalone-hero .pills{
 margin-top:11px;
}
body.standalone:not(.standalone-ip) .tool-style-entry-actions{
 display:flex;flex-wrap:wrap;
 align-items:center;gap:13px 18px;
 border-top:1px solid var(--xl-border);
 padding-top:15px;margin-top:18px;
}
body.standalone:not(.standalone-ip) .tool-style-entry{
 display:inline-flex;justify-content:center;align-items:center;gap:12px;
 border-radius:12px;padding:12px 23px;min-height:51px;
 font-size:clamp(16px,1.05vw,18px);font-weight:850;
 background:var(--xl-color);color:#091b20;
 border:1px solid color-mix(in srgb,var(--xl-color) 65%,white);
 cursor:pointer;
 box-shadow:0 4px 0 color-mix(in srgb,var(--xl-color) 40%,#091b20);
}
body.standalone:not(.standalone-ip) .tool-style-entry:hover:not(:disabled){
 background:color-mix(in srgb,var(--xl-color) 74%,white);
}
body.standalone:not(.standalone-ip) .tool-style-entry:focus-visible{
 outline:3px solid var(--xl-strong);outline-offset:3px;
}
body.standalone:not(.standalone-ip) .tool-style-entry-note{
 color:var(--xl-soft);font-size:14px;line-height:1.65;
 max-width:65ch;
}
body.standalone:not(.standalone-ip) .standalone-workspace{
 padding:clamp(15px,2.1vw,31px);
 border:1px solid var(--xl-border);
 background:var(--xl-surface);
 border-radius:19px;
}
body.standalone:not(.standalone-ip) .tool-productivity-bar{
 position:relative;top:auto;z-index:1;
 flex-wrap:wrap;gap:10px;
 box-shadow:none;backdrop-filter:none;
 border-color:var(--xl-border);
 padding:12px;
}
body.standalone:not(.standalone-ip) .tool-productivity-actions{flex-wrap:wrap;overflow:visible;gap:8px}
body.standalone:not(.standalone-ip) .tool-productivity-label{
 font-size:13px;letter-spacing:0;
}
body.standalone:not(.standalone-ip) .tool-productivity-button{
 min-height:44px;font-size:14px;padding:9px 14px;
}
/* Measured only. Cards remain hidden through the existing engine until
   actual results exist; CSS must not manufacture values. */
body.standalone:not(.standalone-ip) .lab-experience{
 border-color:var(--xl-border);
 padding:clamp(16px,2vw,29px);
}
body.standalone:not(.standalone-ip) .lab-experience__head h2{
 font-size:clamp(22px,1.7vw,29px);line-height:1.35;
}
body.standalone:not(.standalone-ip) .lab-experience__head p{
 font-size:15px;line-height:1.75;
}
body.standalone:not(.standalone-ip) .lab-experience__cards{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));
 gap:13px;
}
body.standalone:not(.standalone-ip) .lab-experience__card{
 min-width:0;min-height:159px;
 padding:18px 15px;
 display:flex;flex-direction:column;
 align-items:center;justify-content:center;text-align:center;
 gap:9px;border-color:var(--xl-border);
 background:color-mix(in srgb,var(--xl-panel) 87%,var(--xl-bg));
}
body.standalone:not(.standalone-ip) .lab-experience__card .tool-style-icon{
 width:29px;height:29px;flex:0 0 29px;
 color:var(--xl-color);
 fill:none;stroke:currentColor;stroke-width:1.8;
 stroke-linecap:round;stroke-linejoin:round;
}
body.standalone:not(.standalone-ip) [data-style-tone="blue"]>.tool-style-icon{color:#90d8ff}
body.standalone:not(.standalone-ip) [data-style-tone="purple"]>.tool-style-icon{color:#d8bdff}
body.standalone:not(.standalone-ip) [data-style-tone="amber"]>.tool-style-icon{color:#f8d48c}
body.standalone:not(.standalone-ip) .lab-experience__card .lab-experience__value{
 order:1;
 font-size:clamp(27px,2.5vw,46px);
 line-height:1.17;font-weight:900;
 font-variant-numeric:tabular-nums;
 text-align:center;color:var(--xl-color);
 word-break:normal;overflow-wrap:anywhere;
}
body.standalone:not(.standalone-ip) .lab-experience__card[data-style-tone="blue"] .lab-experience__value{color:#90d8ff}
body.standalone:not(.standalone-ip) .lab-experience__card[data-style-tone="purple"] .lab-experience__value{color:#e0c4ff}
body.standalone:not(.standalone-ip) .lab-experience__card[data-style-tone="amber"] .lab-experience__value{color:#f6d38d}
body.standalone:not(.standalone-ip) .lab-experience__card[data-style-long="true"] .lab-experience__value{
 font-size:clamp(16px,1.2vw,21px);font-weight:750;
 line-height:1.5;
}
body.standalone:not(.standalone-ip) .lab-experience__card .lab-experience__label{
 order:2;
 color:var(--xl-strong);font-size:15px;line-height:1.55;
 font-weight:720;
}
body.standalone:not(.standalone-ip) .lab-experience__card .lab-experience__foot{
 order:3;
 color:var(--xl-soft);
 font-size:13px;line-height:1.65;
 text-align:center;
}
body.standalone:not(.standalone-ip) .lab-experience__chart{
 margin-top:17px;border-color:var(--xl-border);
}
body.standalone:not(.standalone-ip) .lab-experience__bar-label{
 font-size:14px;line-height:1.5;
 white-space:normal;overflow-wrap:anywhere;
}
body.standalone:not(.standalone-ip) .lab-experience__bar strong{
 font-size:15px;min-width:35px;
 font-variant-numeric:tabular-nums;
}
/* Diagnostic engine grids: full evidence but cards that can be scanned.
   Excludes API request editors and raw code/pre to preserve editing. */
body.standalone:not(.standalone-ip) .lab-report .lab-kv,
body.standalone:not(.standalone-ip) .lab3-report .lab-kv{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));
 gap:12px;
}
body.standalone:not(.standalone-ip) .lab-report .lab-kv>div,
body.standalone:not(.standalone-ip) .lab3-report .lab-kv>div{
 display:flex;flex-direction:column;
 min-width:0;min-height:122px;
 justify-content:center;align-items:center;
 padding:15px 12px;gap:7px;text-align:center;
 border:1px solid var(--xl-border);border-radius:12px;
 background:var(--xl-panel);
}
body.standalone:not(.standalone-ip) .lab-report .lab-kv>div .tool-style-icon,
body.standalone:not(.standalone-ip) .lab3-report .lab-kv>div .tool-style-icon{
 color:var(--xl-color);width:25px;height:25px;
 fill:none;stroke:currentColor;stroke-width:1.8;
 stroke-linecap:round;stroke-linejoin:round;
}
body.standalone:not(.standalone-ip) .lab-kv>div dt{
 order:2;font-size:14px;line-height:1.5;
 text-align:center;color:var(--xl-soft);
}
body.standalone:not(.standalone-ip) .lab-kv>div dd{
 order:1;font-size:clamp(17px,1.1vw,22px);
 line-height:1.5;font-weight:780;
 text-align:center;color:var(--xl-strong);
 overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
body.standalone:not(.standalone-ip) .lab-kv>div[data-style-long="true"] dd{
 font-size:clamp(14px,.95vw,17px);font-weight:650;
}
body.standalone:not(.standalone-ip) .lab3-report :is(summary,h2,h3),
body.standalone:not(.standalone-ip) .lab-report :is(summary,h2,h3){
 font-size:clamp(17px,1.24vw,21px);
 line-height:1.55;
}
/* Controls, focus, select behavior, diagnostics */
body.standalone:not(.standalone-ip) .standalone-workspace :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
 font-size:clamp(15px,.95vw,17px);
 min-height:44px;
 border-radius:10px;
}
body.standalone:not(.standalone-ip) .standalone-workspace select{
 appearance:auto;
 padding-block:10px;
 cursor:pointer;
}
body.standalone:not(.standalone-ip) .standalone-workspace :is(button,[role="button"]){
 min-height:44px;font-size:clamp(14px,.9vw,16px);
}
body.standalone:not(.standalone-ip) :is(button,input,select,textarea,[role="button"]):focus-visible{
 outline:2px solid var(--xl-color);outline-offset:3px;
}
body.standalone:not(.standalone-ip) :is(pre,code,textarea,[dir="ltr"]){
 unicode-bidi:isolate;
}
body.standalone:not(.standalone-ip) :is(.lab-report,.lab3-report) :is(pre,code){
 max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;
}
body.standalone:not(.standalone-ip) .tool-style-entry-status{
 color:var(--xl-soft);font-size:14px;line-height:1.6;
}
@media(max-width:840px){
 body.standalone:not(.standalone-ip) .lab-experience__cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 body.standalone:not(.standalone-ip) .lab-experience__cards[data-style-cards="3"]:not([data-style-long-group="true"]){
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
 body.standalone:not(.standalone-ip) .lab-experience__card{
  min-height:139px;padding:12px 9px;
 }
 body.standalone:not(.standalone-ip) .lab-experience__card .lab-experience__value{
  font-size:clamp(24px,3.5vw,33px);
 }
 body.standalone:not(.standalone-ip) .lab-experience__card[data-style-long="true"] .lab-experience__value{
  font-size:16px;
 }
}
@media(max-width:540px){
 body.standalone:not(.standalone-ip) .standalone-hero{padding:19px 16px}
 body.standalone:not(.standalone-ip) .standalone-hero h1{font-size:clamp(23px,6vw,30px)}
 body.standalone:not(.standalone-ip) .tool-style-entry{width:100%;min-height:52px}
 body.standalone:not(.standalone-ip) .tool-productivity-bar{gap:8px}
 body.standalone:not(.standalone-ip) .tool-productivity-actions{width:100%}
 body.standalone:not(.standalone-ip) .lab-experience__cards{gap:8px}
 body.standalone:not(.standalone-ip) .lab-experience__card{
  min-height:124px;padding:11px 7px;
 }
 body.standalone:not(.standalone-ip) .lab-experience__card .lab-experience__label{font-size:13px}
 body.standalone:not(.standalone-ip) .lab-experience__card .lab-experience__value{font-size:clamp(24px,6.2vw,33px)}
 body.standalone:not(.standalone-ip) .lab-experience__card .lab-experience__foot{font-size:11px}
 body.standalone:not(.standalone-ip) .lab-experience__cards[data-style-long-group="true"]{
  grid-template-columns:1fr;
 }
 body.standalone:not(.standalone-ip) .lab-report .lab-kv,
 body.standalone:not(.standalone-ip) .lab3-report .lab-kv{
  grid-template-columns:1fr;
 }
 body.standalone:not(.standalone-ip) .lab-report .lab-kv>div,
 body.standalone:not(.standalone-ip) .lab3-report .lab-kv>div{
  min-height:95px;
 }
}
@media(prefers-reduced-motion:reduce){
 body.standalone:not(.standalone-ip) .tool-style-entry{transition:none}
}
