/*
Theme Name: IT Systems in Plain English
Version: 1.0.0
Description: A clear, accessible block theme for IT Systems in Plain English.
Author: IT Systems in Plain English
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: it-systems-plain-english
*/
@font-face{font-family:Archivo;src:url('assets/fonts/Archivo-Variable.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/IBMPlexSans-Variable.ttf') format('truetype');font-weight:100 700;font-stretch:85% 100%;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/IBMPlexMono-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--navy:#0E1A24;--raised:#14232F;--line:#2A4153;--ink:#EEF2F4;--muted:#93A6B4;--orange:#F5862A;--blue:#3A86F0;--green:#39B86A;--display:'Archivo','Arial Narrow',sans-serif;--body:'IBM Plex Sans','Segoe UI',sans-serif;--mono:'IBM Plex Mono',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font:18px/1.6 var(--body)}img{max-width:100%;height:auto}figure{margin:0}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--orange)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}p{margin:0 0 1.1em}h1,h2,h3{font-family:var(--display);font-stretch:75%;font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.012em;margin:0 0 .45em}h1{font-size:clamp(3.3rem,6vw,6.2rem)}h2{font-size:clamp(2.4rem,4vw,4rem)}h3{font-size:1.65rem;line-height:1.05}em{font-style:normal;color:var(--orange)}.wp-site-blocks>*{margin-block-start:0}.wp-site-blocks{padding:0}main,.wp-block-post-content{margin:0!important}header,footer{margin-block-start:0!important}.its-container{max-width:1320px;margin:0 auto;padding:0 50px}.its-section{padding:88px 0}.its-label{font:500 11px/1.5 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.its-lead{font-size:23px;line-height:1.5;max-width:700px}.its-small{font-size:15px;color:var(--muted)}.its-text-link{font-weight:600;margin:1.3rem 0 0}.its-text-link a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:6px}.its-text-link span{color:var(--blue);margin-left:6px}.its-header{border-bottom:1px solid var(--line);background:var(--navy)}.its-header-inner{max-width:1320px;margin:0 auto;padding:26px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.its-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.its-mark-link{display:block;line-height:0}.its-mark-link img{width:52px;height:52px}.its-wordmark{font:750 22px/1 var(--display);font-stretch:88%;margin:0!important;letter-spacing:-.015em}.its-wordmark a{text-decoration:none}.its-wordmark span{font-size:17px}.its-wire{height:5px;width:100%;display:flex;overflow:hidden;gap:0}.its-wire i{display:block;flex:1}.its-wire i:nth-child(1){background:repeating-linear-gradient(45deg,#EEF2F4 0 4px,#F5862A 4px 8px)}.its-wire i:nth-child(2){background:#F5862A}.its-wire i:nth-child(3){background:repeating-linear-gradient(45deg,#EEF2F4 0 4px,#39B86A 4px 8px)}.its-wire i:nth-child(4){background:#3A86F0}.its-wire i:nth-child(5){background:repeating-linear-gradient(45deg,#EEF2F4 0 4px,#3A86F0 4px 8px)}.its-wire i:nth-child(6){background:#39B86A}.its-wire i:nth-child(7){background:repeating-linear-gradient(45deg,#EEF2F4 0 4px,#8F6345 4px 8px)}.its-wire i:nth-child(8){background:#8F6345}.its-wordmark-wrap .its-wire{margin-top:9px;height:3px;width:100px}.its-nav,.its-preview-nav{font:500 14px/1.4 var(--body);display:flex;gap:25px}.its-preview-nav a{text-decoration:none}.its-preview-mobile{display:none}.its-hero{background-image:radial-gradient(circle,var(--line) 1px,transparent 1px);background-size:32px 32px;padding:76px 0 64px}.its-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:68px;align-items:center}.its-hero-copy{background:var(--navy);box-shadow:0 0 40px 30px var(--navy)}.its-hero h1{font-size:clamp(3.5rem,6.3vw,6.2rem);margin-bottom:28px}.its-hero .its-lead{font-size:21px;max-width:570px}.its-hero-description{font-size:17px;color:var(--muted);max-width:520px}.wp-block-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0}.wp-block-button__link{display:inline-block;text-decoration:none;font:600 15px/1.4 var(--body);padding:15px 21px;background:var(--orange);color:var(--navy);border:1px solid var(--orange);border-radius:2px;transition:background .15s}.wp-block-button__link:hover{background:var(--ink);color:var(--navy);border-color:var(--ink)}.wp-block-button.is-style-outline>.wp-block-button__link{color:var(--ink);border:1px solid var(--line);background:transparent}.wp-block-button.is-style-outline>.wp-block-button__link:hover{border-color:var(--ink)}.its-hero-note{font-size:12px;color:var(--muted);margin:20px 0 0}.its-system{background:var(--raised);border:1px solid var(--line);box-shadow:16px 16px 0 #09131c;transform:translateY(4px)}.its-system-top{display:flex;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);font:500 10px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}.its-live-dot{color:var(--blue)}.its-node{display:flex;align-items:center;gap:17px;margin:22px 24px 0;padding:14px 16px;border:1px solid var(--line);background:var(--navy)}.its-node img{width:32px;height:32px}.its-node div{flex:1}.its-node b{display:block;font-size:17px;font-weight:600}.its-node small{display:block;font-size:12px;color:var(--muted)}.its-pass{color:var(--green);font-size:26px}.its-path{margin:9px 40px -12px;font:500 9px/1.5 var(--mono);color:var(--muted)}.its-path span{color:var(--blue);font-size:24px;vertical-align:middle;margin-right:10px}.its-gap{display:flex;gap:15px;align-items:center;margin-top:24px;padding:23px 24px;border-top:1px solid var(--orange)}.its-testpoint{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--orange);color:var(--orange);font:600 22px var(--mono);border-radius:50%}.its-gap b{font-size:18px}.its-gap p{font-size:13px;line-height:1.4;color:var(--muted);margin:5px 0 0}.its-approach{border-top:1px solid var(--line)}.its-intro-grid{display:grid;grid-template-columns:.55fr 1fr 1.2fr;gap:35px;align-items:start}.its-intro-grid h2{font-size:3rem}.its-intro-grid>p:last-child{color:var(--muted)}.its-seven{display:grid;grid-template-columns:repeat(7,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.its-step-mini{padding:25px 14px 22px;border-left:1px solid var(--line)}.its-step-mini:first-child{border-left:0}.its-step-index{font:500 13px/1.4 var(--mono);color:var(--blue);margin:0 0 16px}.its-step-mini h3{font-size:20px}.its-guide-section{background:var(--raised);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.its-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.its-guide-copy>p:not(.its-label){max-width:490px;color:var(--muted)}.its-proof{border-top:3px solid var(--orange);padding:30px;background:var(--navy)}.its-proof h3{font-size:27px;line-height:1.1}.its-proof-row{border-top:1px solid var(--line);padding:19px 0 0;margin-top:22px}.its-proof-row p{font-size:15px;margin-bottom:5px}.its-proof-row .its-pass-label,.its-proof-row .its-gap-label{font:500 11px/1.5 var(--mono);text-transform:uppercase;margin-bottom:10px}.its-pass-label{color:var(--green)}.its-gap-label{color:var(--orange)}.its-launch{max-width:760px;text-align:center;margin:auto}.its-launch h2{font-size:4rem}.its-launch>p:not(.its-label){color:var(--muted)}.its-experience{border-top:1px solid var(--line);background:var(--raised)}.its-experience-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:90px;align-items:center}.its-experience-copy p:not(.its-label){max-width:600px;color:var(--muted)}.its-experience-number{border-left:1px solid var(--line);padding-left:70px}.its-big-number{font:800 150px/.9 var(--display);font-stretch:75%;margin:0 0 26px}.its-sister-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:95px;align-items:center}.its-sister-copy>p:not(.its-label){max-width:600px;color:var(--muted)}.its-sister-aside{border:1px solid var(--line);padding:30px}.its-sister-names{font:750 24px/1.3 var(--display);font-stretch:88%;margin:0}.its-connector{color:var(--blue);display:inline-block;padding:10px 0}.its-footer{border-top:1px solid var(--line);background:#09131c;padding:64px 0 0}.its-footer-grid{display:grid;grid-template-columns:1.25fr .7fr 1fr;gap:60px}.its-footer h3{text-transform:none;font-stretch:88%;font-weight:750;font-size:27px}.its-footer p{font-size:14px;color:var(--muted)}.its-footer-links p{margin:0 0 12px}.its-footer-sister .its-label{font-size:10px;margin-bottom:15px}.its-footer .its-text-link{margin-top:0}.its-footer .its-text-link a{border:0;color:var(--ink)}.its-footer .its-text-link a:hover{color:var(--orange)}.its-footer-bottom{border-top:1px solid var(--line);margin-top:50px;display:flex;justify-content:space-between;padding:24px 0 12px}.its-footer-bottom p{font-size:11px}.its-page-hero{padding:82px 0 66px;background-image:radial-gradient(circle,var(--line) 1px,transparent 1px);background-size:32px 32px;border-bottom:1px solid var(--line)}.its-page-hero h1{max-width:1000px;margin-bottom:30px}.its-page-hero .its-lead{max-width:750px;background:var(--navy);box-shadow:0 0 20px 10px var(--navy)}.its-method-row{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:38px 0;border-bottom:1px solid var(--line)}.its-method-row:first-child{padding-top:0}.its-method-row:last-child{border:0;padding-bottom:0}.its-method-row .its-step-index{font-size:35px}.its-method-row .its-label{margin-bottom:12px}.its-method-row h2{font-size:2.7rem}.its-method-copy{max-width:800px}.its-method-copy>p:last-child{color:var(--muted)}.its-principle{max-width:850px}.its-cta{text-align:center}.its-cta .wp-block-buttons{justify-content:center}.its-cta .its-container>p:not(.its-label){max-width:650px;margin-left:auto;margin-right:auto;color:var(--muted)}.its-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 70px}.its-guide-item{border-top:1px solid var(--line);padding-top:25px}.its-guide-item h2{font-size:2rem;line-height:1}.its-guide-item>p:last-child{color:var(--muted)}.its-guide-item .its-label{color:var(--blue);margin-bottom:15px}.its-evidence{padding-top:0}.its-evidence h2{max-width:800px}.its-evidence-table{margin-top:35px;overflow:auto}.its-evidence-table table{width:100%;border-collapse:collapse;min-width:660px;font-size:16px}.its-evidence-table caption{text-align:left;font-size:14px;color:var(--muted);padding:0 0 15px}.its-evidence-table th,.its-evidence-table td{text-align:left;vertical-align:top;padding:23px;border:1px solid var(--line);width:33.33%}.its-evidence-table th{background:var(--raised);font:500 12px/1.5 var(--mono);text-transform:uppercase}.its-evidence-table th:nth-child(2){color:var(--green)}.its-evidence-table th:nth-child(3){color:var(--orange)}.its-handoff{max-width:900px}.its-example{font-size:23px;line-height:1.5;border-left:3px solid var(--blue);padding-left:25px;margin:30px 0}.its-about-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:100px;align-items:start}.its-about-copy h2{margin-bottom:30px}.its-about-copy p{color:var(--muted)}.its-about-logo img{width:300px}.its-about-aside{text-align:center}.its-about-aside .its-label{margin-top:20px}.its-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.its-audience{border-top:1px solid var(--line);padding-top:25px}.its-audience p{color:var(--muted)}.its-manifesto{font-size:27px;max-width:800px;margin:50px 0 0}.its-contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.its-contact-main p{max-width:650px}.its-contact-email{font-size:clamp(18px,2vw,26px);overflow-wrap:anywhere;margin:30px 0}.its-contact-aside{border-left:1px solid var(--line);padding-left:40px}.its-contact-aside h3{font-size:2rem}.its-skip{position:absolute;top:0;left:0;transform:translateY(-150%);background:var(--orange);color:var(--navy);padding:15px;z-index:100}.its-skip:focus{transform:none}.wp-block-navigation__responsive-container.is-menu-open{background:var(--navy)!important;color:var(--ink)!important;padding:28px}.wp-block-navigation__responsive-container-content{font-family:var(--body)}
@media(max-width:1100px){.its-container{padding:0 35px}.its-header-inner{padding:22px 35px}.its-hero-grid{gap:40px;grid-template-columns:1.2fr 1fr}.its-hero h1{font-size:5.5vw}.its-feature-grid,.its-sister-grid,.its-about-grid{gap:50px}.its-nav,.its-preview-nav{gap:17px}.its-intro-grid{grid-template-columns:1fr 1.2fr}.its-intro-grid>.its-label{grid-column:1/-1;margin-bottom:0}.its-seven{grid-template-columns:repeat(4,1fr)}.its-step-mini:nth-child(5){border-left:0}.its-step-mini:nth-child(n+5){border-top:1px solid var(--line)}.its-experience-grid{gap:40px}.its-big-number{font-size:120px}}
@media(max-width:760px){.its-container{padding:0 23px}.its-header-inner{padding:20px 23px;gap:18px}.its-wordmark{font-size:20px}.its-wordmark span{font-size:16px}.its-mark-link img{width:44px;height:44px}.its-brand{gap:10px}.its-section{padding:58px 0}.its-hero-grid,.its-feature-grid,.its-experience-grid,.its-sister-grid,.its-about-grid,.its-contact-grid{grid-template-columns:1fr;gap:42px}.its-hero{padding-top:50px}.its-hero h1{font-size:clamp(3.35rem,10vw,5.5rem);line-height:.95}.its-hero .its-lead{font-size:20px}.its-hero-copy{box-shadow:none}.its-system{max-width:500px;transform:none;box-shadow:8px 8px 0 #09131c}.its-system-top{font-size:9px}.its-intro-grid{display:block}.its-intro-grid .its-label{margin-bottom:20px}.its-intro-grid h2{font-size:2.5rem}.its-intro-grid>p:last-child{margin:25px 0 0}.its-seven{grid-template-columns:repeat(2,1fr);margin-top:35px}.its-step-mini:nth-child(odd){border-left:0}.its-step-mini:nth-child(n+3){border-top:1px solid var(--line)}.its-step-mini{padding-left:16px}.its-step-mini h3{font-size:23px}.its-launch h2{font-size:3rem}.its-experience-number{padding:25px 0 0;border-left:0;border-top:1px solid var(--line);display:flex;gap:28px;align-items:center}.its-big-number{font-size:100px}.its-experience-number .its-label{font-size:10px}.its-sister-aside{padding:23px}.its-footer{padding-top:45px}.its-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.its-footer-sister{grid-column:1/-1}.its-footer-bottom{display:block;margin-top:30px}.its-page-hero h1{font-size:clamp(3rem,9.6vw,5rem)}.its-lead{font-size:20px}.its-method-row{grid-template-columns:42px 1fr;gap:16px;padding:28px 0}.its-method-row h2{font-size:2rem;line-height:1}.its-method-row .its-step-index{font-size:24px}.its-guide-grid{grid-template-columns:1fr;gap:28px}.its-evidence{padding-top:0}.its-example{font-size:20px;padding-left:20px}.its-about-logo img{width:220px}.its-audience-grid{grid-template-columns:1fr;gap:20px}.its-manifesto{font-size:23px;margin-top:30px}.its-contact-aside{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.its-preview-nav{display:none}.its-preview-mobile{display:block;position:relative;font-size:14px}.its-preview-mobile summary{cursor:pointer;padding:10px 0}.its-preview-mobile nav{position:absolute;top:40px;right:0;z-index:10;background:var(--raised);padding:20px;width:180px;border:1px solid var(--line)}.its-preview-mobile a{display:block;margin:10px 0;text-decoration:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white;color:black}.its-header,.its-footer,.wp-block-buttons{display:none}.its-section{padding:25px 0;background:white}.its-container{padding:0}.its-label,.its-small,.its-guide-item p{color:#333!important}h1{font-size:35px}h2{font-size:27px}.its-guide-grid{display:block}.its-guide-item{break-inside:avoid}.its-evidence-table{overflow:visible}.its-evidence-table table{min-width:0}.its-evidence-table th{background:#eee;color:#111!important}.its-cta{display:none}}
/* Preserve intentional grid spacing when WordPress applies its block gaps. */
.its-header-inner>*,.its-brand>*,.its-hero-grid>*,.its-intro-grid>*,.its-seven>*,.its-feature-grid>*,.its-experience-grid>*,.its-sister-grid>*,.its-footer-grid>*,.its-footer-bottom>*,.its-method-row>*,.its-guide-grid>*,.its-about-grid>*,.its-audience-grid>*,.its-contact-grid>*{margin-block-start:0!important}
@media(max-width:760px){.its-hero h1{font-size:clamp(2.25rem,10.5vw,4.7rem)}}