/* mowasay Free Tools: maps tool tokens onto the active theme. Generated by build.mjs. */
mw-tool{display:block; min-height:40rem; color-scheme:light; --bg:var(--lc-bg, #f5f5f7); --surface:rgba(255,255,255,.66); --surface-2:rgba(255,255,255,.5); --surface-solid:var(--lc-bg-elevated, #fff); --border:var(--lc-hairline-soft, rgba(0,0,0,.08)); --border-strong:var(--lc-hairline, rgba(0,0,0,.16)); --text:var(--lc-ink, #1d1d1f); --text-dim:var(--lc-ink-2, #6e6e73); --good:#15803d; --good-soft:rgba(21,128,61,.11); --warn:#b45309; --warn-soft:rgba(180,83,9,.12); --bad:#dc2626; --bad-soft:rgba(220,38,38,.1); --info:#2563eb; --info-soft:rgba(37,99,235,.1); --glass-hi:rgba(255,255,255,.7); --shadow:0 18px 40px -24px rgba(0,0,0,.35); --seg-1:#e0245e; --seg-2:#7c3aed; --seg-3:#0891b2; --amb:1;}
:root[data-appearance="dark"] mw-tool{color-scheme:dark; --surface:rgba(28,28,30,.6); --surface-2:rgba(255,255,255,.06); --good:#32d74b; --good-soft:rgba(50,215,75,.14); --warn:#ffb340; --warn-soft:rgba(255,179,64,.15); --bad:#ff6961; --bad-soft:rgba(255,105,97,.15); --info:#64a8ff; --info-soft:rgba(100,168,255,.15); --glass-hi:rgba(255,255,255,.1); --shadow:0 18px 40px -24px rgba(0,0,0,.9); --seg-1:#ff6b9a; --seg-2:#b794ff; --seg-3:#4dd4ee; --amb:.56;}
@media (prefers-color-scheme: dark){ :root[data-appearance="auto"] mw-tool, :root:not([data-appearance]) mw-tool{color-scheme:dark; --surface:rgba(28,28,30,.6); --surface-2:rgba(255,255,255,.06); --good:#32d74b; --good-soft:rgba(50,215,75,.14); --warn:#ffb340; --warn-soft:rgba(255,179,64,.15); --bad:#ff6961; --bad-soft:rgba(255,105,97,.15); --info:#64a8ff; --info-soft:rgba(100,168,255,.15); --glass-hi:rgba(255,255,255,.1); --shadow:0 18px 40px -24px rgba(0,0,0,.9); --seg-1:#ff6b9a; --seg-2:#b794ff; --seg-3:#4dd4ee; --amb:.56;} }
mw-tool[data-tool="iptools"]{--accent:#0071e3; --accent-2:#5ac8fa; --accent-3:#34c759; --accent-soft:rgba(0,113,227,.12); --accent-text:#0062c4; --accent-btn:#0071e3;}
:root[data-appearance="dark"] mw-tool[data-tool="iptools"]{--accent:#2997ff; --accent-2:#64d2ff; --accent-3:#30d158; --accent-soft:rgba(41,151,255,.18); --accent-text:#6cb6ff; --accent-btn:#0068d6;}
@media (prefers-color-scheme: dark){ :root[data-appearance="auto"] mw-tool[data-tool="iptools"], :root:not([data-appearance]) mw-tool[data-tool="iptools"]{--accent:#2997ff; --accent-2:#64d2ff; --accent-3:#30d158; --accent-soft:rgba(41,151,255,.18); --accent-text:#6cb6ff; --accent-btn:#0068d6;} }
mw-tool[data-tool="jwt"]{--accent:#d6246e; --accent-2:#8b5cf6; --accent-3:#06b6d4; --accent-soft:rgba(214,36,110,.11); --accent-text:#b81d5d; --accent-btn:#c81f66;}
:root[data-appearance="dark"] mw-tool[data-tool="jwt"]{--accent:#ff5c9a; --accent-2:#a78bfa; --accent-3:#22d3ee; --accent-soft:rgba(255,92,154,.17); --accent-text:#ff85b3; --accent-btn:#d6246e;}
@media (prefers-color-scheme: dark){ :root[data-appearance="auto"] mw-tool[data-tool="jwt"], :root:not([data-appearance]) mw-tool[data-tool="jwt"]{--accent:#ff5c9a; --accent-2:#a78bfa; --accent-3:#22d3ee; --accent-soft:rgba(255,92,154,.17); --accent-text:#ff85b3; --accent-btn:#d6246e;} }
mw-tool[data-tool="saml"]{--accent:#0f766e; --accent-2:#0ea5e9; --accent-3:#84cc16; --accent-soft:rgba(15,118,110,.12); --accent-text:#0f766e; --accent-btn:#0f766e;}
:root[data-appearance="dark"] mw-tool[data-tool="saml"]{--accent:#2dd4bf; --accent-2:#38bdf8; --accent-3:#a3e635; --accent-soft:rgba(45,212,191,.16); --accent-text:#5eead4; --accent-btn:#0f766e;}
@media (prefers-color-scheme: dark){ :root[data-appearance="auto"] mw-tool[data-tool="saml"], :root:not([data-appearance]) mw-tool[data-tool="saml"]{--accent:#2dd4bf; --accent-2:#38bdf8; --accent-3:#a3e635; --accent-soft:rgba(45,212,191,.16); --accent-text:#5eead4; --accent-btn:#0f766e;} }
mw-tool[data-tool="tenantid"]{--accent:#c2410c; --accent-2:#f59e0b; --accent-3:#0ea5e9; --accent-soft:rgba(194,65,12,.11); --accent-text:#b23c0b; --accent-btn:#c2410c;}
:root[data-appearance="dark"] mw-tool[data-tool="tenantid"]{--accent:#ff9f0a; --accent-2:#fbbf24; --accent-3:#38bdf8; --accent-soft:rgba(255,159,10,.16); --accent-text:#ffb340; --accent-btn:#c2410c;}
@media (prefers-color-scheme: dark){ :root[data-appearance="auto"] mw-tool[data-tool="tenantid"], :root:not([data-appearance]) mw-tool[data-tool="tenantid"]{--accent:#ff9f0a; --accent-2:#fbbf24; --accent-3:#38bdf8; --accent-soft:rgba(255,159,10,.16); --accent-text:#ffb340; --accent-btn:#c2410c;} }
/* [mw_tools] index cards. Uses the theme's own tokens so it matches the rest of the site. */
.mwt-index{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr)); gap:1rem; margin-block:1.5rem;}
.mwt-card{display:flex; flex-direction:column; gap:.4rem; padding:1.25rem; border-radius:18px; text-decoration:none !important; color:var(--lc-ink,#1d1d1f);
  background:var(--lc-material-thin,rgba(255,255,255,.6)); border:1px solid var(--lc-hairline-soft,rgba(0,0,0,.08));
  -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
  box-shadow:inset 0 1px 0 var(--lc-material-edge,rgba(255,255,255,.6));
  transition:transform 260ms cubic-bezier(.2,.8,.2,1), border-color 200ms, box-shadow 260ms;}
.mwt-card:hover{transform:translateY(-3px); border-color:var(--accent,var(--lc-accent,#0071e3)); box-shadow:inset 0 1px 0 var(--lc-material-edge,rgba(255,255,255,.6)), 0 22px 40px -24px rgba(0,0,0,.45);}
.mwt-card:active{transform:scale(.98);}
.mwt-card:focus-visible{outline:2px solid var(--lc-accent,#0071e3); outline-offset:3px;}
.mwt-card__kicker{font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; font-weight:700; color:var(--lc-ink-2,#6e6e73);}
.mwt-card__name{font-size:1.15rem; font-weight:650; letter-spacing:-.015em; color:var(--lc-link,var(--lc-accent,#0071e3));}
.mwt-card__blurb{font-size:.92rem; line-height:1.5; color:var(--lc-ink-2,#6e6e73);}
@media (prefers-reduced-motion: reduce){ .mwt-card{transition:none;} .mwt-card:hover{transform:none;} }
