@charset "UTF-8";
/*
  Simple LDAP Login site styles.
  Type: Archivo (variable width + weight), self-hosted. Wide cuts for display, normal width for reading.
  Color: navy ink, cobalt actions, signal yellow as the single accent.
*/

@font-face{font-family:"Archivo";src:url("assets/fonts/archivo.woff") format("woff");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("assets/fonts/archivo-italic.woff") format("woff");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  color-scheme:light;
  --paper:#f4f6f9;--card:#ffffff;--sunk:#e9edf3;--ink:#0f1a2e;--muted:#4a5770;--faint:#69768e;
  --line:#d8dee8;--line-strong:#b8c2d2;
  --cobalt:#2350d8;--cobalt-hover:#1a3fb4;--cobalt-ink:#1d45bf;--cobalt-wash:#e5ebfc;
  --signal:#ffc22e;--signal-deep:#e0a500;--on-signal:#231800;
  --granted:#0f7a55;--granted-wash:#dff3ea;--revoked:#c03a28;--revoked-wash:#fbe6e2;
  --band:#0f1a2e;--band-card:#18253c;--band-ink:#eef2f8;--band-muted:#a6b2c7;--band-line:#2a3955;
  --badge-top:#2350d8;
  --shadow-sm:0 1px 2px rgba(15,26,46,.06),0 2px 8px -2px rgba(15,26,46,.08);
  --shadow-lg:0 2px 4px rgba(15,26,46,.05),0 24px 48px -18px rgba(15,26,46,.28);
  --sans:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --wide:116%;
  /* Names used by the documentation diagrams */
  --bg:var(--paper);--surface:var(--card);--surface2:var(--sunk);--accent:var(--cobalt-ink);--button:var(--cobalt);--accent-bg:var(--cobalt-wash);--code:var(--sunk);--success:var(--granted);
}
:root[data-theme=dark]{
  color-scheme:dark;
  --paper:#0b1220;--card:#121b2c;--sunk:#0f1727;--ink:#e8edf6;--muted:#a3aec2;--faint:#7f8ba2;
  --line:#243149;--line-strong:#34445f;
  --cobalt:#3b66f0;--cobalt-hover:#5279f4;--cobalt-ink:#93abff;--cobalt-wash:#18244a;
  --granted:#4cc593;--granted-wash:#0f2e27;--revoked:#f07c6a;--revoked-wash:#3a1b19;
  --band:#121b2c;--band-card:#1a2539;--band-line:#2b3a56;
  --badge-top:#2c55dc;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow-lg:0 2px 4px rgba(0,0,0,.25),0 24px 48px -18px rgba(0,0,0,.6);
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --paper:#0b1220;--card:#121b2c;--sunk:#0f1727;--ink:#e8edf6;--muted:#a3aec2;--faint:#7f8ba2;
  --line:#243149;--line-strong:#34445f;
  --cobalt:#3b66f0;--cobalt-hover:#5279f4;--cobalt-ink:#93abff;--cobalt-wash:#18244a;
  --granted:#4cc593;--granted-wash:#0f2e27;--revoked:#f07c6a;--revoked-wash:#3a1b19;
  --band:#121b2c;--band-card:#1a2539;--band-line:#2b3a56;
  --badge-top:#2c55dc;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow-lg:0 2px 4px rgba(0,0,0,.25),0 24px 48px -18px rgba(0,0,0,.6);
}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);font-stretch:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.15;text-wrap:balance}
p{margin:0}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
img{max-width:100%;height:auto}
code,kbd{font-family:var(--mono);font-size:.86em}
button,input,select{font:inherit;color:inherit}
:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:4px}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

/* Shared bits */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:10px;background:var(--cobalt);color:#fff;font-weight:650;font-size:16px;text-decoration:none;border:1px solid transparent;transition:background-color .15s}
.button:hover{background:var(--cobalt-hover)}
.button-quiet{background:var(--card);color:var(--ink);border-color:var(--line-strong)}
.button-quiet:hover{background:var(--sunk)}
.text-link{color:var(--cobalt-ink);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.25em}
.text-link:hover{text-decoration-color:currentColor}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.edition{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:650;background:var(--sunk);color:var(--muted);border:1px solid var(--line)}
.edition.is-pro{background:var(--signal);color:var(--on-signal);border-color:transparent}
.edition.is-enterprise{background:var(--ink);color:var(--paper);border-color:transparent}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:var(--faint)}
.dot.ok{background:var(--granted)}.dot.stop{background:var(--revoked)}.dot.info{background:var(--cobalt)}
.section-head{max-width:760px;margin-bottom:56px}
.section-head h1,.section-head h2{font-size:clamp(32px,4.2vw,50px);font-stretch:var(--wide);font-weight:760;letter-spacing:-.02em;line-height:1.04}
.section-head p{margin-top:20px;font-size:19px;color:var(--muted);max-width:620px}
.section-head.centered{margin-inline:auto;text-align:center;max-width:880px}
.section-head.centered p{margin-inline:auto}
.section-lede{margin-top:20px;font-size:19px;color:var(--muted);max-width:560px}

/* Avatar used in every illustration */
.avatar{display:grid;place-items:end center;width:84px;height:84px;border-radius:50%;background:#c9d4ea;overflow:hidden;flex:none}
.avatar svg{width:82%;height:82%;fill:#5a6f99}
.avatar.sm{width:40px;height:40px}
.avatar.xs{width:22px;height:22px}
:root[data-theme=dark] .avatar{background:#2e3d5c}
:root[data-theme=dark] .avatar svg{fill:#8ea2c9}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .avatar{background:#2e3d5c}:root:not([data-theme=light]) .avatar svg{fill:#8ea2c9}}
.groups{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.groups li,.groups i{font-style:normal;font-size:12px;font-weight:600;line-height:1;padding:6px 9px;border-radius:999px;background:var(--cobalt-wash);color:var(--cobalt-ink)}
.win-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--sunk);border-bottom:1px solid var(--line)}
.win-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
.win-bar span{margin-left:8px;font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.site-header.is-scrolled,.docs-page .site-header{border-bottom-color:var(--line)}
.header-row{display:flex;align-items:center;gap:28px;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;font-size:18px;font-stretch:108%;letter-spacing:-.01em;white-space:nowrap}
.brand img{border-radius:7px;background:#fff}
.site-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:15px;font-weight:550}
.site-nav a{text-decoration:none;color:var(--muted)}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}
.site-nav a.nav-cta{color:#fff;background:var(--cobalt);padding:9px 16px;border-radius:9px}
.site-nav a.nav-cta:hover{background:var(--cobalt-hover)}
.menu-toggle{display:none}
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted);cursor:pointer}
.theme-toggle:hover{color:var(--ink)}
.theme-toggle svg{display:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle[data-mode=system] .theme-system,.theme-toggle[data-mode=light] .theme-light,.theme-toggle[data-mode=dark] .theme-dark{display:block}

/* ---------- Hero ---------- */
.hero{padding:72px 0 104px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(42px,5.1vw,66px);font-stretch:var(--wide);font-weight:780;letter-spacing:-.03em;line-height:.98}
.hero .lede{margin-top:28px;font-size:20px;line-height:1.55;color:var(--muted);max-width:540px}
.hero .actions{margin-top:36px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:40px 0 0;padding:0;list-style:none;font-size:14px;color:var(--faint)}
.hero-facts li{display:flex;align-items:center;gap:8px}
.hero-facts li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--signal-deep)}

.hero-art{position:relative;justify-self:end;margin:0;width:560px;height:600px;border-radius:28px;background:
  radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink) 13%,transparent) 1px,transparent 1.4px) 0 0/22px 22px,
  var(--sunk);border:1px solid var(--line);overflow:hidden;isolation:isolate}
.hero-art>*{position:absolute}
.cable{inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.cable-line{fill:none;stroke:var(--faint);stroke-width:5;stroke-linecap:round}
.cable-pulse{fill:none;stroke:var(--cobalt);stroke-width:5;stroke-linecap:round;stroke-dasharray:18 200;stroke-dashoffset:18;opacity:0;animation:pulse 1.1s ease-in-out 1.8s both}
.wp-window{left:24px;top:56px;width:304px;z-index:1;border-radius:12px;overflow:hidden;background:#f0f0f1;border:1px solid var(--line);box-shadow:var(--shadow-lg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-stretch:100%;color:#3c434a}
.wp-window .win-bar{background:#e4e6ea;border-bottom-color:#d6d8dc}
.wp-window .win-bar i{background:#c3c6cc}
.wp-window .win-bar span{color:#646970}
.wp-screen{display:flex;flex-direction:column;align-items:center;padding:26px 22px 22px}
.site-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#1d3557;margin-bottom:20px}
.site-mark span{font:700 19px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;letter-spacing:.02em}
.wp-box{display:flex;flex-direction:column;width:100%;padding:20px 20px 22px;background:#fff;border:1px solid #c3c4c7;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.wp-box .wp-label{font-size:12.5px;line-height:1.5;color:#3c434a;margin-bottom:3px}
.wp-input{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 9px;margin-bottom:14px;border:1px solid #8c8f94;border-radius:4px;background:#fff;font-size:14px;color:#2c3338;white-space:nowrap;overflow:hidden}
.wp-pass svg{flex:none;fill:none;stroke:#2271b1;stroke-width:1.8}
.wp-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
.wp-check{display:flex;align-items:center;gap:6px;font-size:12.5px}
.wp-check i{width:14px;height:14px;border:1px solid #8c8f94;border-radius:3px;background:#fff}
.wp-button{padding:0 12px;height:30px;line-height:28px;border-radius:3px;background:#2271b1;border:1px solid #2271b1;color:#fff;font-size:13px;animation:press .3s ease 1.5s both}
.wp-links{margin-top:12px;align-self:flex-start;padding-left:20px;font-size:12px;color:#50575e}
.wp-links+.wp-links{margin-top:6px}
.dots{display:inline-block;overflow:hidden;white-space:nowrap;letter-spacing:.06em;max-width:12em;animation:type 1s steps(12,end) .4s both}
.server{right:30px;top:150px;z-index:1;display:flex;flex-direction:column;align-items:center}
.server svg{display:block;overflow:visible}
.sv-shadow{fill:color-mix(in srgb,var(--ink) 16%,transparent)}
.tw-front{fill:#2a3240;stroke:#3b4557;stroke-width:1}
.tw-bezel{fill:#323c4c;stroke:#465267;stroke-width:1}
.tw-top{fill:#4a5568}
.tw-side{fill:#1d232e}
.tw-side-vent{stroke:#2c3442;stroke-width:3;stroke-linecap:round}
.tw-bay rect:first-child,.tw-caddy rect:first-child{fill:#262e3b;stroke:#4b586e;stroke-width:1}
.tw-bay path,.tw-caddy path{stroke:#4b586e;stroke-width:2;stroke-linecap:round}
.tw-grip{fill:#56637a}
.tw-slit{fill:#1b212b}
.tw-power{fill:#262e3b;stroke:#6d7a90;stroke-width:1.5}
.tw-power-icon{fill:none;stroke:#7fd3ad;stroke-width:1.6;stroke-linecap:round}
.tw-foot{fill:#171c25}
.led{fill:#3d4859}
.led-on{fill:#4cc593}
.led-a{fill:#4cc593;animation:blink .35s steps(2,end) 2.8s 6 both}
.server-name{margin-top:12px;font-size:14px;font-weight:700;color:var(--ink)}
.server-kind{font-size:13px;color:var(--muted)}
.toast-check svg,.yes svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@keyframes type{from{max-width:0}to{max-width:12em}}
@keyframes press{50%{transform:scale(.94);filter:brightness(1.2)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%{opacity:1;stroke-dashoffset:18}90%{opacity:1;stroke-dashoffset:-100}100%{opacity:0;stroke-dashoffset:-100}}
@keyframes blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}

/* ---------- Lifecycle band ---------- */
/* ---------- Features ---------- */
.wrap-wide{width:min(1240px,calc(100% - 64px))}
.features{padding:120px 0 40px;border-top:1px solid var(--line)}
.features-title{font-size:clamp(32px,4.2vw,50px);font-stretch:var(--wide);font-weight:760;letter-spacing:-.02em;line-height:1.04;margin-bottom:72px}
.feature-list{display:grid;gap:112px}
.feature-row{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:56px;align-items:start}
.feature-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(260px,340px)}
.feature-row:nth-child(even) .feature-text{order:2}
.feature-row:nth-child(even) .shot{justify-self:end}
.feature-text{padding-top:20px}
.feature-text h3{font-size:28px;font-weight:740;font-stretch:108%;letter-spacing:-.015em;line-height:1.12}
.feature-text p{margin-top:14px;color:var(--muted);font-size:17px}
.feature-text .text-link{display:inline-block;margin-top:18px;font-size:15px}
.feature-text code{font-size:.86em;background:var(--sunk);padding:1px 5px;border-radius:4px;color:var(--ink)}
.shot{display:block;max-width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#f0f0f1}
.shot img{display:block;width:100%;height:auto}
.shot:hover{border-color:var(--line-strong)}

.safety{padding:120px 0}
.safety-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,762px);gap:64px;align-items:start}
.safety h2{font-size:clamp(30px,3.4vw,42px);font-stretch:var(--wide);font-weight:760;letter-spacing:-.02em;line-height:1.04}
.steps{counter-reset:step;display:grid;gap:4px;margin:44px 0 0;padding:0;list-style:none}
.steps li{counter-increment:step;position:relative;padding:18px 0 18px 64px;border-top:1px solid var(--line)}
.steps li::before{content:counter(step);position:absolute;left:0;top:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line-strong);font-weight:700;font-size:16px;font-stretch:110%}
.steps li:last-child::before{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.steps h3{font-size:19px;font-weight:700}
.steps p{margin-top:4px;color:var(--muted);font-size:16px}
.steps code{background:var(--sunk);padding:2px 5px;border-radius:4px}
.fallbacks{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.fallbacks li{display:flex;gap:12px;align-items:baseline}
.fallbacks .dot{transform:translateY(-1px)}

/* ---------- Screens ---------- */

/* ---------- Pricing ---------- */
.pricing{position:relative;padding:120px 0 100px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto}
.pricing-head{max-width:900px}
.pricing-head h1,.pricing-head h2{font-size:clamp(30px,3.8vw,46px)}
.pricing-head strong{color:var(--ink);font-weight:700}
.pricing-points{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 0;padding:0;list-style:none}
.pricing-points li{display:inline-flex;align-items:center;gap:9px;padding:10px 18px 10px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:16px;font-weight:550}
.pricing-points li::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--granted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.5 2.5 2.5 5.5-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.pricing-grid{margin-top:72px}
.pricing-plan.pro-plan{border-radius:0 0 24px 24px}
.plan-banner{position:absolute;left:-2px;right:-2px;bottom:100%;height:46px;display:grid;place-items:center;border-radius:24px 24px 0 0;background:var(--ink);color:var(--paper);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pricing-plan{display:flex;flex-direction:column;padding:36px 32px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.pro-plan{position:relative;border:2px solid var(--ink);box-shadow:var(--shadow-lg)}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pricing-plan h3{font-size:30px;font-weight:780;font-stretch:var(--wide);letter-spacing:-.02em}
.plan-pitch{margin-top:8px;min-height:3.2em;color:var(--muted);font-size:17px}
.plan-price{display:flex;align-items:baseline;gap:10px;margin-top:28px}
.price-amount{font-size:64px;font-weight:780;font-stretch:var(--wide);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.price-period{font-size:16px;color:var(--muted);font-weight:550}
.plan-terms{margin-top:10px;font-size:15px;color:var(--faint)}
.plan-cta{margin-top:28px;width:100%}
.plan-includes{margin-top:30px;font-weight:650;font-size:15px}
.plan-features{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;font-size:16px}
.plan-includes+.plan-features{margin-top:14px}
.plan-features li{display:flex;gap:12px;align-items:flex-start}
.plan-features li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--granted-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.5 2.5 2.5 5.5-6' fill='none' stroke='%230f7a55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.plan-features strong{font-weight:650}
.pricing-comparison{max-width:1000px;margin:96px auto 0}
.pricing-comparison h2{margin-bottom:28px;text-align:center;font-size:clamp(26px,3vw,34px);font-stretch:var(--wide);font-weight:760;letter-spacing:-.02em}
.table-scroll{overflow-x:auto}
.pricing-comparison table{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.pricing-comparison th,.pricing-comparison td{padding:13px 20px;text-align:left;border-bottom:1px solid var(--line)}
.pricing-comparison thead th{font-size:14px;color:var(--muted);font-weight:650;background:var(--sunk)}
.pricing-comparison tbody th{font-weight:500}
.pricing-comparison td{width:130px}
.yes{display:inline-flex;align-items:center;gap:8px;color:var(--granted);font-weight:600}
.yes svg{width:18px;height:18px;padding:2px;border-radius:50%;background:var(--granted);stroke-width:2.4}
.no{color:var(--faint)}

/* ---------- FAQ ---------- */
.faq{padding:96px 0;border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px}
.faq h2{font-size:clamp(30px,3.6vw,42px);font-stretch:var(--wide);font-weight:760;letter-spacing:-.02em;line-height:1.06}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;font-weight:650;font-size:18px;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:22px;height:22px;margin-top:2px;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{padding:0 40px 24px 0;color:var(--muted);max-width:680px}
.faq-list code{background:var(--sunk);padding:2px 5px;border-radius:4px;color:var(--ink)}

/* ---------- Closing ---------- */
.closing{padding:24px 0 120px}
.closing-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 32px;border-radius:32px;background:var(--band);color:var(--band-ink);overflow:hidden}
.closing-inner::before{content:"";position:absolute;top:0;left:50%;width:120px;height:12px;transform:translateX(-50%);background:var(--signal);border-radius:0 0 8px 8px}
.closing h2{max-width:780px;font-size:clamp(32px,4.6vw,56px);font-stretch:var(--wide);font-weight:780;letter-spacing:-.025em;line-height:1.02}
.closing p{margin-top:20px;max-width:620px;font-size:19px;color:var(--band-muted)}
.closing .actions{justify-content:center;margin-top:36px}
.closing .text-link{color:var(--band-ink)}

/* ---------- Footer ---------- */
.site-footer{padding:64px 0 72px;border-top:1px solid var(--line);font-size:15px}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}
.footer-brand p{margin-top:16px;color:var(--muted);max-width:340px}
.site-footer nav{display:flex;flex-direction:column;gap:10px}
.site-footer nav h2{font-size:14px;font-weight:700;margin-bottom:4px}
.site-footer nav a{color:var(--muted);text-decoration:none}
.site-footer nav a:hover{color:var(--ink);text-decoration:underline}

/* ---------- Pricing page ---------- */
.pricing-page .pricing{padding-top:72px}
.minimal-theme{margin-left:auto}
.site-footer.is-minimal{padding:28px 0 36px;font-size:14px;color:var(--muted)}
.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px}
.site-footer.is-minimal nav{flex-direction:row;gap:20px}

/* ---------- Support page ---------- */
.support-page{padding:72px 0 120px}
.support-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.support-intro h1{font-size:clamp(38px,4.6vw,56px);font-stretch:var(--wide);font-weight:780;letter-spacing:-.025em;line-height:1}
.support-intro .lede{margin-top:20px;font-size:19px;color:var(--muted)}
.support-docs{margin-top:20px;color:var(--muted)}
.support-docs a{color:var(--cobalt-ink)}
.support-form{display:grid;gap:20px;padding:36px;border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:grid;gap:8px;font-size:15px;font-weight:650}
.field small{font-weight:500;color:var(--faint);margin-left:4px}
.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:9px;background:var(--paper);font-size:16px;font-weight:400;line-height:1.4}
.field textarea{resize:vertical;min-height:170px}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--signal);outline-offset:1px;border-color:var(--ink)}
.field-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.support-submit{justify-self:start;cursor:pointer}
.support-submit:disabled{opacity:.6;cursor:progress}
.form-status{padding:14px 16px;border-radius:10px;font-weight:600}
.form-status.is-ok{background:var(--granted-wash);color:var(--granted)}
.form-status.is-error{background:var(--revoked-wash);color:var(--revoked)}

/* ---------- Docs ---------- */
.docs-main{padding:48px 0 96px}
.docs-hero{max-width:720px;padding:24px 0 48px}
.docs-hero h1{font-size:clamp(40px,5vw,60px);font-stretch:var(--wide);font-weight:780;letter-spacing:-.025em;line-height:1}
.docs-hero p{margin-top:18px;font-size:19px;color:var(--muted)}
.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.docs-sidebar{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto;padding-bottom:24px;scrollbar-width:thin}
.docs-sidebar>details>summary{display:none}
.docs-search{position:relative;margin-bottom:24px}
.docs-search label{display:block;font-size:13px;font-weight:650;color:var(--muted);margin-bottom:8px}
.docs-search input{width:100%;height:42px;padding:0 36px 0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);font-size:15px}
.docs-search input:focus{outline:3px solid var(--signal);outline-offset:1px}
.docs-search kbd{position:absolute;right:10px;bottom:11px;padding:1px 6px;border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--faint)}
.search-status{margin:-12px 0 16px;font-size:13px;color:var(--faint)}
.docs-nav-group{margin-bottom:24px}
.docs-nav-group h2{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px}
.docs-nav-group a{display:block;padding:6px 10px;margin-left:-10px;border-radius:7px;font-size:15px;color:var(--muted);text-decoration:none;line-height:1.35}
.docs-nav-group a:hover{color:var(--ink);background:var(--sunk)}
.docs-nav-group a[aria-current=page]{color:var(--ink);background:var(--card);font-weight:650;box-shadow:inset 3px 0 0 var(--signal),0 0 0 1px var(--line)}
.quickstart{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:22px;background:var(--band);color:var(--band-ink);text-decoration:none;margin-bottom:56px;position:relative;overflow:hidden}
.quickstart::before{content:"";position:absolute;top:0;left:32px;width:56px;height:8px;border-radius:0 0 5px 5px;background:var(--signal)}
.quickstart-kicker{font-size:14px;font-weight:650;color:var(--signal)}
.quickstart h2{margin-top:6px;font-size:28px;font-stretch:var(--wide);font-weight:760;letter-spacing:-.02em}
.quickstart p:last-child{margin-top:8px;color:var(--band-muted);max-width:520px}
.quickstart-go{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--signal);transition:transform .2s}
.quickstart:hover .quickstart-go{transform:translateX(4px)}
.quickstart-go svg{width:22px;height:22px;fill:none;stroke:var(--on-signal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.doc-group{margin-bottom:48px}
.doc-group>h2{font-size:22px;font-weight:720;font-stretch:108%;margin-bottom:16px}
.doc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.doc-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none}
.doc-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.doc-card h3{font-size:17px;font-weight:680}
.doc-card p{font-size:14.5px;color:var(--muted);line-height:1.5;flex:1}
.doc-card .edition{margin-top:6px;height:22px;font-size:12px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--faint)}
.breadcrumbs a{color:var(--muted)}
.article-header{padding:20px 0 32px;border-bottom:1px solid var(--line);margin-bottom:36px}
.article-header h1{font-size:clamp(34px,4.4vw,50px);font-stretch:var(--wide);font-weight:780;letter-spacing:-.025em;line-height:1.04}
.article-header>p{margin-top:16px;font-size:19px;color:var(--muted);max-width:680px}
.article-tags{display:flex;align-items:center;gap:12px;margin-top:20px}
.version{font-size:13px;color:var(--faint)}
.article-content{max-width:740px}
.article-content>*+*{margin-top:18px}
.article-content h2{margin-top:52px;font-size:27px;font-weight:740;font-stretch:110%;letter-spacing:-.015em;scroll-margin-top:96px}
.article-content h3{margin-top:32px;font-size:20px;font-weight:700}
.article-content p,.article-content li{color:color-mix(in srgb,var(--ink) 86%,var(--paper))}
.article-content a{color:var(--cobalt-ink);font-weight:550}
.article-content ul,.article-content ol{padding-left:22px}
.article-content li+li{margin-top:8px}
.article-content li::marker{color:var(--faint)}
.article-content strong{font-weight:650;color:var(--ink)}
.article-content code{padding:2px 6px;border-radius:5px;background:var(--sunk);color:var(--ink);overflow-wrap:anywhere}
.article-content pre{padding:18px 20px;border-radius:12px;background:var(--band);color:var(--band-ink);overflow-x:auto;font-size:14px;line-height:1.6}
.article-content pre code{padding:0;background:none;color:inherit}
.article-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.article-content table thead th{background:var(--sunk);font-weight:650;color:var(--muted);font-size:14px}
.article-content th,.article-content td{padding:11px 14px;text-align:left;vertical-align:top;border:1px solid var(--line)}
.article-content td:first-child{font-weight:600;color:var(--ink);min-width:150px}
.doc-figure{margin:32px 0 0}
.doc-figure a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#f0f0f1}
.doc-figure img{display:block;width:100%}
.doc-figure figcaption{margin-top:12px;font-size:14px;color:var(--faint)}
.article-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:740px;margin-top:72px}
.article-next a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-decoration:none;font-weight:650}
.article-next a:hover{border-color:var(--line-strong)}
.article-next a.is-next{text-align:right;grid-column:2}
.article-next small{font-size:13px;font-weight:500;color:var(--faint)}

/* Login-flow guide diagrams (docs only) */
.article-content .eyebrow,.article-content .guard-label{font-size:13px;font-weight:650;color:var(--cobalt-ink);letter-spacing:0;text-transform:none;font-family:var(--sans)}
.article-content .tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);font:600 12px var(--sans);color:var(--muted);letter-spacing:0;text-transform:none}

/* Legal + 404 */
.legal-page{max-width:720px;padding:72px 0 96px}
.legal-page h1,.not-found h1{font-size:clamp(40px,5vw,60px);font-stretch:var(--wide);font-weight:780;letter-spacing:-.025em;line-height:1}
.legal-page .lede{margin-top:20px;font-size:20px;color:var(--muted)}
.legal-page h2{margin-top:44px;font-size:22px;font-weight:720}
.legal-page p{margin-top:14px;color:var(--muted)}
.legal-page a{color:var(--cobalt-ink)}
.not-found{padding:120px 0 140px;max-width:720px}
.not-found p{margin-top:18px;font-size:19px;color:var(--muted)}
.not-found .actions{margin-top:32px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .hero-grid{gap:40px}
  .hero-art{zoom:.68}
  .safety-grid{gap:48px}
}
@media (max-width:1000px){
  .pricing-grid{grid-template-columns:1fr;max-width:560px;row-gap:66px}
  .pro-plan{order:-1}
}
@media (max-width:900px){
  .wrap{width:calc(100% - 40px)}
  .header-row{flex-wrap:wrap;gap:12px;min-height:64px;position:relative}
  .menu-toggle{display:inline-flex;align-items:center;height:40px;margin-left:auto;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:15px;font-weight:600;cursor:pointer}
  .site-nav{display:none;position:absolute;top:100%;left:-20px;right:-20px;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg)}
  .site-nav.open{display:flex}
  .site-nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
  .site-nav a.nav-cta{margin-top:16px;text-align:center;border-bottom:0;padding:14px}
  .hero{padding:40px 0 72px}
  .hero-grid{grid-template-columns:1fr}
  .hero-art{zoom:1;justify-self:start}
  .safety-grid{grid-template-columns:1fr}
  .feature-row,.feature-row:nth-child(even){grid-template-columns:1fr;gap:24px}
  .feature-row:nth-child(even) .feature-text{order:0}
  .feature-text{padding-top:0}
  .faq-grid{grid-template-columns:1fr;gap:28px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .support-grid{grid-template-columns:1fr;gap:36px}
  .footer-brand{grid-column:1/-1}
  .docs-layout{grid-template-columns:1fr;gap:28px}
  .docs-sidebar{position:static;max-height:none;overflow:visible;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--card)}
  .docs-sidebar>details>summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:650;cursor:pointer}
  .docs-sidebar>details>div{padding:4px 18px 8px}
}
@media (max-width:560px){
  body{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .site-nav{left:-16px;right:-16px;padding-inline:16px}
  .brand span{font-size:16px}
  .hero h1{font-size:44px}
  .hero .lede{font-size:18px}
  .hero-art{zoom:.58;justify-self:center}
  .section-head{margin-bottom:40px}
  .section-head p,.section-lede{font-size:17px}
  .features,.safety,.pricing{padding-block:80px}
  .pricing-page .pricing{padding-top:48px}
  .features-title{margin-bottom:48px}
  .feature-list{gap:72px}
  .pricing-plan{padding:28px 24px}
  .price-amount{font-size:54px}
  .pricing-comparison th,.pricing-comparison td{padding:11px 12px}
  .pricing-comparison td{width:auto}
  .yes{font-size:0;gap:0}
  .no{font-size:0}
  .no::before{content:"\2014";font-size:15px}
  .pricing-comparison table{font-size:14px}
  .closing-inner{padding:56px 22px;border-radius:24px}
  .field-row{grid-template-columns:1fr}
  .support-form{padding:24px}
  .support-page{padding:48px 0 80px}
  .footer-grid{grid-template-columns:1fr}
  .quickstart{padding:26px 22px}
  .article-next{grid-template-columns:1fr}
  .article-next a.is-next{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{
  .site-header,.docs-sidebar,.site-footer,.article-next,.closing{display:none}
  .wrap{width:100%}
  .docs-layout{display:block}
}

/* ===== Documentation sequence diagrams (from the original site, re-tokened) ===== */
.security-flow-section{padding:10px 0 75px}.security-heading{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:end;margin-bottom:30px}.security-heading h2{font-size:36px;line-height:1.18;margin-top:18px}.security-heading>p{font-size:13px;color:var(--muted);max-width:450px}.sequence-figure{border:1px solid var(--line);background:var(--surface);border-radius:5px;overflow:hidden}.diagram-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px 0}.diagram-title h3{font-size:19px;line-height:1.4;letter-spacing:-.025em}.diagram-context{padding:10px 25px 20px;font-size:12px;color:var(--muted);max-width:820px}.diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--surface);padding:0 14px}.diagram-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.login-sequence,.sso-sequence{width:100%;min-width:960px;display:block;height:auto;font-family:var(--sans)}.lane-fill{fill:var(--bg);stroke:var(--line);stroke-width:1}.server-lane{fill:var(--surface2)}.diagram-eyebrow{font:9px var(--mono);letter-spacing:.08em;fill:var(--faint)}.actor-name{font-size:14px;fill:var(--ink);font-weight:600}.lifeline{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5;fill:none}.request-line{stroke:var(--accent);stroke-width:1.6;fill:none}.response-line{stroke:var(--accent);stroke-width:1.3;stroke-dasharray:5 4;fill:none}.arrow-fill{fill:var(--accent)}.message-bg{fill:var(--surface)}.message-label{font-size:12px;fill:var(--ink);font-weight:550}.message-note{font-size:11px;fill:var(--muted)}.check-box{fill:var(--surface);stroke:var(--line);stroke-width:1}.check-label{font-size:12px;fill:var(--ink);font-weight:600}.final-check{fill:var(--accent-bg);stroke:var(--accent)}.trust-boundary{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 5;fill:none}.sequence-figure>figcaption,.sso-figure>figcaption{font-size:10px;color:var(--muted);padding:16px 24px;border-top:1px solid var(--line);line-height:1.7}.scroll-hint{display:block;font-family:var(--mono);font-size:9px;margin-top:5px}.flow-transcript{border:1px solid var(--line);border-top:0;border-radius:0 0 4px 4px;padding:14px 24px;background:var(--surface)}.flow-transcript>summary{font-size:12px;color:var(--accent);font-weight:600;cursor:pointer}.flow-transcript ol{font-size:13px;padding-left:20px;margin:20px 0 8px}.flow-transcript li{color:var(--muted);margin:12px 0;padding-left:5px}.flow-transcript strong{color:var(--ink);font-weight:600}.flow-transcript code,.security-limit code,.credential-boundary code{font:11px var(--mono);color:var(--ink);background:var(--code);padding:2px 4px;overflow-wrap:anywhere}.security-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:29px;padding-bottom:30px;border-bottom:1px solid var(--line)}.security-decisions>section{border-left:2px solid var(--line);padding-left:18px}.guard-label{font:9px/1.5 var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.security-decisions h3{font-size:16px;line-height:1.4;margin:11px 0 10px;letter-spacing:-.02em}.security-decisions p:not(.guard-label){font-size:12px;color:var(--muted);line-height:1.8}.sso-illustration{margin:29px 0 0;border:1px solid var(--line);background:var(--surface);border-radius:4px}.sso-illustration>summary{padding:20px 24px;display:flex;align-items:center;gap:15px;cursor:pointer;font-size:15px;font-weight:600;list-style:none}.sso-illustration>summary:after{content:'+';font:18px var(--mono);margin-left:auto;color:var(--accent)}.sso-illustration[open]>summary:after{content:'−'}.sso-illustration[open]>summary{border-bottom:1px solid var(--line)}.sso-intro{font-size:13px;color:var(--muted);margin:20px 24px;max-width:760px}.sso-figure{margin:0}.sso-illustration .security-limit{margin:18px 24px}.sso-illustration>div>.text-link{display:inline-block;margin:0 24px 23px;color:var(--accent)}.credential-boundary{display:grid;grid-template-columns:.85fr 1.2fr;gap:55px;margin-top:35px;padding:28px 0;border-bottom:1px solid var(--line)}.credential-boundary h3{font-size:23px;line-height:1.3;margin-top:14px;max-width:380px}.credential-boundary dl{display:grid;grid-template-columns:1fr 1fr;gap:30px}.credential-boundary dt{font-size:12px;font-weight:600;margin-bottom:10px}.credential-boundary dd{font-size:12px;color:var(--muted);line-height:1.8}.security-limit{font-size:11px;color:var(--muted);line-height:1.8;margin-top:22px;max-width:1000px}.security-limit a{color:var(--accent)}
.article-content .security-flow-section{padding:0}.article-content .security-heading{display:block;margin:25px 0}.article-content .security-heading h2{font-size:28px;margin:14px 0}.article-content .security-heading>p{font-size:13px;max-width:700px}.article-content .sequence-figure{padding:0;margin:22px 0 0}.article-content .diagram-title h3{font-size:18px;margin:0}.article-content .diagram-context{font-size:12px;margin:0;padding:10px 24px 20px}.article-content .security-decisions{grid-template-columns:1fr;gap:22px}.article-content .security-decisions h3{font-size:17px;margin:10px 0}.article-content .guard-label{font-size:9px;margin:0;color:var(--accent)}.article-content .security-decisions p:not(.guard-label){font-size:13px;margin:8px 0 0}.article-content .sso-figure{padding:0;margin:0;border:0;border-radius:0}.article-content .sso-intro{margin:20px 24px}.article-content .sso-illustration .security-limit{margin:18px 24px;font-size:11px}.article-content .credential-boundary{grid-template-columns:1fr;gap:24px}.article-content .credential-boundary h3{font-size:23px;margin:12px 0 0;max-width:600px}.article-content .security-limit{font-size:11px;margin-top:22px}.article-content .security-flow-section .eyebrow{font-size:10px;color:var(--accent);margin:0}.article-content .sequence-figure figcaption,.article-content .sso-figure figcaption{padding:15px 22px;font-size:10px}.article-content .security-flow-section .flow-transcript li{font-size:13px}.article-content .flow-transcript ol{margin:20px 0 8px}
@media(max-width:1100px){.security-heading{gap:45px}.security-heading h2{font-size:32px}.credential-boundary{gap:35px}.credential-boundary dl{gap:24px}.security-decisions{gap:20px}}
@media(max-width:800px){.security-flow-section{padding:0 0 50px}.security-heading{display:block;margin-bottom:25px}.security-heading h2{font-size:31px}.security-heading>p{margin-top:18px;max-width:560px}.diagram-title{padding:20px 18px 0}.diagram-title h3{font-size:17px}.diagram-context{padding:10px 18px 18px;font-size:11px}.diagram-scroll{padding:0 8px}.sequence-figure>figcaption,.sso-figure>figcaption{padding:14px 18px}.flow-transcript{padding:14px 18px}.security-decisions{grid-template-columns:1fr;gap:23px;margin-top:25px}.security-decisions h3{font-size:17px}.security-decisions p:not(.guard-label){font-size:13px;max-width:570px}.sso-illustration>summary{padding:18px}.sso-intro{margin:18px;font-size:12px}.sso-illustration .security-limit{margin:18px}.sso-illustration>div>.text-link{margin:0 18px 20px}.credential-boundary{grid-template-columns:1fr;gap:23px;margin-top:28px;padding-top:8px}.credential-boundary h3{font-size:24px;max-width:570px}.credential-boundary dl{gap:25px}.credential-boundary dd{font-size:12px}.security-limit{font-size:11px}.article-content .diagram-context{padding:10px 18px 18px}.article-content .sso-intro{margin:18px}.article-content .sso-illustration .security-limit{margin:18px}.article-content .sequence-figure figcaption,.article-content .sso-figure figcaption{padding:14px 18px}}
@media(max-width:430px){.credential-boundary dl{grid-template-columns:1fr;gap:23px}.security-heading h2{font-size:29px}.diagram-title{gap:12px}.diagram-title h3{font-size:16px}.diagram-title .tag{font-size:8px}.sso-illustration>summary{gap:12px;font-size:14px}}
@media print{.diagram-scroll{overflow:visible}.login-sequence,.sso-sequence{min-width:0}.flow-transcript,.sso-illustration{break-inside:avoid}.security-decisions{grid-template-columns:1fr}.sequence-figure{break-inside:avoid}}

.security-flow-section .message-label{font-size:13px}.security-flow-section .check-label{font-size:13px}.security-flow-section .message-note{font-size:12px}
@media(min-width:801px){.login-sequence,.sso-sequence{min-width:0}.article-content .login-sequence,.article-content .sso-sequence{min-width:900px}}
@media print{.article-content .login-sequence,.article-content .sso-sequence{min-width:0}}

.diagram-hint,.article-content .diagram-hint{font:10px/1.7 var(--mono);color:var(--muted);padding:0 25px 18px;margin:0}@media(max-width:800px){.diagram-hint,.article-content .diagram-hint{padding:0 18px 17px}}

/* Diagram overrides for the new type system */
.article-content .security-flow-section{margin-top:40px}
.article-content .security-heading h2{font-stretch:110%;font-weight:740}
.article-content .eyebrow,.article-content .guard-label{font:650 13px/1.4 var(--sans);color:var(--cobalt-ink);letter-spacing:0;text-transform:none}
.article-content .tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);font:600 12px var(--sans);color:var(--muted);letter-spacing:0;text-transform:none}
.article-content .sequence-figure,.article-content .sso-figure{border-radius:16px}
.article-content .diagram-eyebrow{font:600 10px var(--sans);letter-spacing:.04em}
.article-content .sequence-figure>figcaption,.article-content .sso-figure>figcaption,.article-content .diagram-context,.article-content .diagram-hint{font-family:var(--sans);font-size:13px}