/* is-down.ai — design tokens, self-hosted type, and Blocksy overrides.
   See DESIGN.md. Status colours are the only place colour carries meaning. */

/* ---------------- Self-hosted Plus Jakarta Sans (variable) ---------------- */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:optional;src:url(../fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:optional;src:url(../fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---------------- Tokens (OKLCH; neutrals tinted toward indigo) ---------------- */
:root{
	--isd-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

	--isd-brand:oklch(0.55 0.21 277);
	--isd-brand-700:oklch(0.49 0.20 277);
	--isd-brand-200:oklch(0.80 0.10 277);

	--isd-ink:oklch(0.23 0.04 270);
	--isd-muted:oklch(0.49 0.03 268);
	--isd-paper:oklch(0.985 0.006 268);
	--isd-card:oklch(0.998 0.003 268);
	--isd-border:oklch(0.925 0.008 268);

	--isd-status-operational:oklch(0.60 0.15 150);
	--isd-status-degraded:oklch(0.72 0.15 75);
	--isd-status-partial_outage:oklch(0.64 0.18 45);
	--isd-status-major_outage:oklch(0.57 0.21 27);
	--isd-status-maintenance:oklch(0.62 0.13 235);
	--isd-status-unknown:oklch(0.55 0.03 268);

	/* AA-safe (>=4.5:1 on near-white) variants for status used as TEXT/icons. */
	--isd-status-operational-ink:oklch(0.50 0.13 150);
	--isd-status-degraded-ink:oklch(0.47 0.09 75);
	--isd-status-partial_outage-ink:oklch(0.50 0.17 45);
	--isd-status-major_outage-ink:oklch(0.50 0.20 27);
	--isd-status-maintenance-ink:oklch(0.49 0.12 235);
	--isd-status-unknown-ink:oklch(0.44 0.02 268);

	--isd-shadow-sm:0 1px 2px oklch(0.23 0.04 270 / .06);
	--isd-shadow-md:0 14px 34px -18px oklch(0.30 0.10 277 / .35);

	--isd-r-card:16px;
	--isd-r-panel:22px;
	--isd-ease:cubic-bezier(0.22,1,0.36,1);

	/* Map Blocksy's font stacks to the brand font. */
	--theme-font-family:var(--isd-font);
	--theme-font-stack-default:var(--isd-font);
	--theme-headings-font-family:var(--isd-font);
}

/* ---------------- Typography ---------------- */
body,button,input,select,textarea{font-family:var(--isd-font);}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title,.ct-header,.ct-footer{font-family:var(--isd-font);}
h1,h2,h3,.isd-verdict__q,.isd-home__title{letter-spacing:-0.02em;font-weight:800;}
body{color:var(--isd-ink);background:var(--isd-paper);}
.entry-content{font-size:1.0625rem;line-height:1.7;}
.entry-content p{max-width:70ch;}
.entry-content h2{margin-top:2em;font-size:1.5rem;}

/* ---------------- Header (Blocksy) ---------------- */
.site-title-container{display:none !important;}              /* kill the duplicate of the logo lockup */
.site-logo-container img.default-logo{max-height:34px;width:auto;}
.ct-header{background:var(--isd-card);border-bottom:1px solid var(--isd-border);}
.ct-header [class*="menu"] a,.header-menu a{font-weight:600;}

/* ---------------- Footer (Blocksy) — dark anchor ---------------- */
.ct-footer,.ct-footer [data-row]{background:var(--isd-ink) !important;}
.ct-footer .ct-footer-copyright,.ct-footer *{color:oklch(0.86 0.02 268);}
.ct-footer-copyright{text-align:center;display:flex;flex-direction:column;gap:.85rem;padding-block:1.5rem;}
.isd-foot-nav{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;}
.isd-foot-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;}
.isd-foot-nav a:hover{color:var(--isd-brand-200);text-decoration:underline;}
.isd-foot-disc{max-width:680px;margin:0 auto;font-size:.82rem;line-height:1.6;color:oklch(0.72 0.02 268) !important;}
.isd-foot-copy{font-size:.82rem;color:oklch(0.66 0.02 268) !important;margin:0;}

/* ---------------- Page layout ---------------- */
.isd-home,.isd-single{padding-block:clamp(1.75rem,4.5vw,3.25rem);}
.isd-home__hero{text-align:center;max-width:760px;margin:0 auto clamp(1.5rem,4vw,2.25rem);}
.isd-home__title{font-size:clamp(2.1rem,6vw,3.3rem);line-height:1.05;margin:0 0 .65rem;}
.isd-home__sub{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--isd-muted);margin:0;line-height:1.5;}
/* How-it-works strip */
.isd-steps{margin:clamp(2.5rem,6vw,4rem) auto 0;max-width:1000px;}
.isd-steps__title{text-align:center;font-size:clamp(1.5rem,3.5vw,2rem);margin:0 0 .5rem;}
.isd-steps__lead{text-align:center;color:var(--isd-muted);max-width:600px;margin:0 auto clamp(1.5rem,4vw,2.25rem);line-height:1.6;}
.isd-steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1rem,2vw,1.5rem);}
.isd-step{background:var(--isd-card);border:1px solid var(--isd-border);border-radius:var(--isd-r-card,16px);padding:1.5rem;box-shadow:var(--isd-shadow-sm);}
.isd-step__n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:color-mix(in oklch,var(--isd-brand) 14%,white);color:var(--isd-brand-700);font-weight:800;margin-bottom:.85rem;}
.isd-step h3{margin:0 0 .4rem;font-size:1.15rem;}
.isd-step p{margin:0;color:var(--isd-muted);line-height:1.6;font-size:.97rem;}
.isd-steps__more{text-align:center;margin:clamp(1.75rem,4vw,2.5rem) 0 0;color:var(--isd-muted);}
.isd-steps__more a{color:var(--isd-brand-700);font-weight:600;}
.isd-single{max-width:820px;margin-inline:auto;}
.isd-single .isd-article{margin-top:2rem;}

@media (prefers-reduced-motion:reduce){
	*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}

/* Editorial illustrations (brand-styled). width/height on the img reserve the
   aspect ratio so there is no layout shift (CLS-safe). */
.isd-figure{margin:1.9rem 0;border-radius:14px;overflow:hidden;border:1px solid rgba(99,102,241,0.18);line-height:0;background:#0B1220;}
.isd-figure img{width:100%;height:auto;display:block;}