body.octa-self-service-assurance-page .site-main { padding-top: 0; }
body.octa-self-service-assurance-page .entry-single,
body.octa-self-service-assurance-page .entry-single > .entry-content { width: 100%; max-width: none; box-sizing: border-box; margin-inline: 0; }
body.octa-self-service-assurance-page .entry-single > .entry-content { padding-inline: clamp(14px,2.2vw,34px); }

.octa-ssa-workspace {
	--ssa-ink: #102725;
	--ssa-green: #144f48;
	--ssa-teal: #24786d;
	--ssa-lime: #d9f77e;
	--ssa-line: #dbe7e3;
	--ssa-muted: #526b65;
	display: block;
	padding: clamp(20px,4vw,48px) 0 clamp(44px,7vw,90px);
	color: var(--ssa-ink);
}
.octa-ssa-skip { position: fixed; z-index: 100000; top: 8px; left: 8px; transform: translateY(-150%); border-radius: 8px; padding: 10px 14px; background: var(--ssa-lime); color: var(--ssa-ink); font-weight: 900; }
.octa-ssa-skip:focus { transform: translateY(0); }
.octa-ssa-shell { display: grid; grid-template-columns: 258px minmax(0,1fr); gap: clamp(20px,3vw,34px); align-items: start; }
.octa-ssa-main { display: grid; min-width: 0; gap: clamp(22px,3.6vw,38px); outline: none; }
.octa-ssa-main > [id] { scroll-margin-top: 140px; }
.octa-ssa-panel { display: grid; min-width: 0; gap: clamp(22px,3.6vw,38px); outline: none; }
.octa-ssa-workspace.is-tabbed [data-octa-ssa-panel][hidden] { display: none; }

.octa-ssa-rail { position: sticky; top: 132px; display: grid; max-height: calc(100vh - 154px); box-sizing: border-box; gap: 16px; overflow: auto; border: 1px solid #1b514a; border-radius: 22px; padding: 16px; background: linear-gradient(160deg,var(--ssa-ink),#123d38); color: #fff; box-shadow: 0 17px 42px rgba(16,39,37,.16); scrollbar-width: thin; }
body.admin-bar .octa-ssa-rail { top: 164px; max-height: calc(100vh - 186px); }
.octa-ssa-brand { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 11px; align-items: center; border-bottom: 1px solid rgba(184,234,213,.16); padding: 3px 4px 17px; color: #fff; text-decoration: none; }
.octa-ssa-brand > span:first-child { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--ssa-lime); color: var(--ssa-ink); font-size: 17px; font-weight: 950; }
.octa-ssa-brand > span:last-child { display: grid; min-width: 0; gap: 3px; }
.octa-ssa-brand strong { font-size: 13px; line-height: 1.2; }
.octa-ssa-brand small { color: #a9c4bc; font-size: 10px; }
.octa-ssa-rail nav { display: grid; gap: 6px; }
.octa-ssa-rail nav > p { margin: 3px 7px 5px; color: #91b3aa; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.octa-ssa-rail nav a { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 9px; align-items: center; min-height: 50px; box-sizing: border-box; border: 1px solid transparent; border-radius: 12px; padding: 7px 8px; color: #d9e7e2; text-decoration: none; }
.octa-ssa-rail nav a:hover,.octa-ssa-rail nav a:focus-visible { border-color: rgba(217,247,126,.35); background: rgba(255,255,255,.07); color: #fff; outline: none; }
.octa-ssa-rail nav a[aria-selected="true"] { border-color: rgba(217,247,126,.52); background: rgba(217,247,126,.12); color: #fff; }
.octa-ssa-rail nav a[aria-selected="true"] i { background: var(--ssa-lime); color: var(--ssa-ink); }
.octa-ssa-rail nav i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: rgba(184,234,213,.1); color: #b8ead5; font-size: 9px; font-style: normal; font-weight: 950; }
.octa-ssa-rail nav span { font-size: 11px; font-weight: 850; }
.octa-ssa-account-link { display: flex; align-items: center; gap: 8px; border-top: 1px solid rgba(184,234,213,.16); padding: 13px 7px 0; color: #b8ead5; font-size: 11px; font-weight: 850; text-decoration: none; }
.octa-ssa-account-link:hover,.octa-ssa-account-link:focus-visible { color: #fff; outline: none; text-decoration: underline; text-underline-offset: 4px; }
.octa-ssa-user { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 10px; align-items: center; border-top: 1px solid rgba(184,234,213,.16); padding: 15px 4px 2px; }
.octa-ssa-user > span:first-child { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #eef3f1; color: var(--ssa-green); font-size: 12px; font-weight: 950; }
.octa-ssa-user > span:last-child { display: grid; min-width: 0; gap: 2px; }
.octa-ssa-user strong,.octa-ssa-user small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.octa-ssa-user strong { font-size: 11px; }
.octa-ssa-user small { color: #99b8b0; font-size: 9px; }

.octa-ssa-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; min-height: 290px; box-sizing: border-box; padding: clamp(38px,6vw,72px); border-radius: 30px; background: radial-gradient(circle at 88% 20%,rgba(217,247,126,.17) 0 100px,transparent 102px),linear-gradient(135deg,#0c2421,var(--ssa-green) 68%,var(--ssa-teal)); color: #fff; box-shadow: 0 24px 60px rgba(16,39,37,.18); }
.octa-ssa-hero > div { max-width: 940px; }
.octa-ssa-hero p,.octa-ssa-summary header p,.octa-ssa-method > header p { margin: 0 0 9px; color: #b8ead5; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.octa-ssa-hero h1 { margin: 0 0 17px; color: #fff; font-size: clamp(43px,6vw,76px); line-height: .96; letter-spacing: -.055em; }
.octa-ssa-hero span { display: block; max-width: 850px; color: #d5e5e0; font-size: clamp(14px,1.55vw,18px); line-height: 1.65; }
.octa-ssa-hero > strong { flex: 0 0 auto; border: 1px solid rgba(217,247,126,.45); border-radius: 999px; padding: 10px 15px; color: var(--ssa-lime); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }

.octa-ssa-access { display: grid; justify-items: start; border: 1px solid var(--ssa-line); border-radius: 23px; padding: clamp(28px,5vw,54px); background: #fff; box-shadow: 0 14px 42px rgba(16,39,37,.07); }
.octa-ssa-access > span { display: grid; width: 50px; height: 50px; margin-bottom: 22px; place-items: center; border-radius: 15px; background: var(--ssa-green); color: var(--ssa-lime); font-size: 20px; font-weight: 950; }
.octa-ssa-access > p { margin: 0 0 7px; color: var(--ssa-teal); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.octa-ssa-access h2 { margin: 0 0 13px; font-size: clamp(28px,4vw,42px); letter-spacing: -.035em; }
.octa-ssa-access > div { max-width: 720px; color: var(--ssa-muted); font-size: 14px; line-height: 1.7; }
.octa-ssa-access a { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; margin-top: 24px; border-radius: 11px; padding: 0 18px; background: var(--ssa-green); color: #fff; font-size: 12px; font-weight: 900; text-decoration: none; }

.octa-ssa-summary,.octa-ssa-method { border: 1px solid var(--ssa-line); border-radius: 23px; padding: clamp(24px,4vw,42px); background: #fff; box-shadow: 0 14px 42px rgba(16,39,37,.07); }
.octa-ssa-summary > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; border-bottom: 1px solid var(--ssa-line); padding-bottom: 22px; }
.octa-ssa-summary h2,.octa-ssa-method h2 { margin: 0; color: var(--ssa-ink); font-size: clamp(26px,3.2vw,38px); line-height: 1.08; letter-spacing: -.035em; }
.octa-ssa-summary > header > span { border-radius: 999px; padding: 8px 11px; background: #edf1ef; color: #536a64; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.octa-ssa-summary > header > span.is-attention { background: #fff0d4; color: #755710; }
.octa-ssa-summary > header > span.is-ready { background: #e3f7ee; color: #155b48; }
.octa-ssa-summary > p { max-width: 980px; margin: 0; color: var(--ssa-muted); font-size: 14px; line-height: 1.75; }
.octa-ssa-readiness { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 14px; margin-top: 28px; }
.octa-ssa-readiness article { border: 1px solid var(--ssa-line); border-radius: 16px; padding: 20px; background: #f8fbfa; }
.octa-ssa-readiness small { display: block; margin-bottom: 8px; color: var(--ssa-teal); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.octa-ssa-readiness strong { display: block; color: var(--ssa-ink); font-size: 17px; }
.octa-ssa-readiness p { margin: 10px 0 0; color: var(--ssa-muted); font-size: 11px; line-height: 1.6; }
.octa-ssa-control-link { display: inline-flex; min-height: 44px; align-items: center; margin-top: 20px; border-radius: 10px; padding: 0 16px; background: var(--ssa-green); color: #fff; font-size: 11px; font-weight: 900; text-decoration: none; }
.octa-ssa-control-link:hover,.octa-ssa-control-link:focus-visible { background: var(--ssa-ink); color: #fff; outline: 3px solid rgba(36,120,109,.18); }

.octa-ssa-method { background: linear-gradient(145deg,var(--ssa-ink),var(--ssa-green)); color: #fff; }
.octa-ssa-method h2 { color: #fff; }
.octa-ssa-method ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.octa-ssa-method li { display: grid; align-content: start; gap: 14px; min-width: 0; border: 1px solid rgba(184,234,213,.18); border-radius: 15px; padding: 17px; background: rgba(255,255,255,.045); }
.octa-ssa-method li > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: var(--ssa-lime); color: var(--ssa-ink); font-size: 11px; font-weight: 950; }
.octa-ssa-method strong { color: #fff; font-size: 13px; }
.octa-ssa-method li p { margin: 6px 0 0; color: #bcd2cc; font-size: 11px; line-height: 1.6; }

.octa-ssa-cases { display: grid; gap: 22px; }
.octa-ssa-cases-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; min-height: 220px; box-sizing: border-box; border-radius: 26px; padding: clamp(30px,5vw,56px); background: linear-gradient(135deg,#0c2421,var(--ssa-green)); color: #fff; box-shadow: 0 20px 52px rgba(16,39,37,.16); }
.octa-ssa-cases-hero > div { max-width: 830px; }
.octa-ssa-cases-hero p { margin: 0 0 9px; color: #b8ead5; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.octa-ssa-cases-hero h2 { margin: 0 0 14px; color: #fff; font-size: clamp(34px,5vw,58px); line-height: 1; letter-spacing: -.045em; }
.octa-ssa-cases-hero span { color: #d5e5e0; font-size: 14px; line-height: 1.65; }
.octa-ssa-cases-hero > strong { flex: 0 0 auto; border: 1px solid rgba(217,247,126,.45); border-radius: 999px; padding: 9px 14px; color: var(--ssa-lime); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }

.octa-ssa-message { border: 1px solid var(--ssa-line); border-radius: 14px; padding: 15px 18px; background: #f7fbf9; color: var(--ssa-ink); }
.octa-ssa-message p { margin: 0; font-size: 12px; line-height: 1.65; }
.octa-ssa-message strong + p { margin-top: 5px; }
.octa-ssa-subject-availability { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.octa-ssa-subject-availability li { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; border: 1px solid var(--ssa-line); border-radius: 12px; padding: 10px 14px; font-size: 12px; line-height: 1.5; }
.octa-ssa-subject-availability li strong { font-size: 13px; }
.octa-ssa-subject-availability li.is-ready { border-color: #9fd3b8; background: #f2fbf6; }
.octa-ssa-subject-availability li.is-blocked { background: #fbf7f2; }
.octa-ssa-message.is-success { border-color: #b9dfcf; background: #edf9f3; }
.octa-ssa-message.is-warning { border-color: #efd49a; background: #fff8e8; }
.octa-ssa-message.is-error { border-color: #e9b9b4; background: #fff3f1; color: #712e29; }

.octa-ssa-case-create,.octa-ssa-case-record,.octa-ssa-empty { border: 1px solid var(--ssa-line); border-radius: 22px; padding: clamp(22px,3.5vw,36px); background: #fff; box-shadow: 0 12px 38px rgba(16,39,37,.065); }
.octa-ssa-case-create > header,.octa-ssa-case-record > header,.octa-ssa-result > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.octa-ssa-case-create header small,.octa-ssa-case-record header small,.octa-ssa-result header small { display: block; margin-bottom: 5px; color: var(--ssa-teal); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.octa-ssa-case-create h3,.octa-ssa-case-record h3,.octa-ssa-result h4 { margin: 0; color: var(--ssa-ink); font-size: clamp(23px,3vw,32px); letter-spacing: -.03em; }
.octa-ssa-case-create > header > span,.octa-ssa-case-record > header > span,.octa-ssa-result > header > span { flex: 0 0 auto; border-radius: 999px; padding: 8px 11px; background: #e8f5f0; color: var(--ssa-green); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.octa-ssa-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.octa-ssa-form-grid .is-wide { grid-column: 1/-1; }
.octa-ssa-case-create label,.octa-ssa-action-card label { display: grid; gap: 7px; color: var(--ssa-ink); font-size: 11px; font-weight: 850; }
.octa-ssa-case-create label > span,.octa-ssa-action-card label > span { display: block; }
.octa-ssa-case-create input,.octa-ssa-case-create select,.octa-ssa-case-create textarea,.octa-ssa-action-card input[type="text"],.octa-ssa-action-card input[type="file"],.octa-ssa-action-card select,.octa-ssa-action-card textarea { width: 100%; min-height: 46px; box-sizing: border-box; border: 1px solid #cbdcd6; border-radius: 10px; padding: 10px 12px; background: #fff; color: var(--ssa-ink); font: inherit; }
.octa-ssa-case-create textarea,.octa-ssa-action-card textarea { resize: vertical; }
.octa-ssa-case-create label small,.octa-ssa-action-card label small { color: var(--ssa-muted); font-size: 10px; font-weight: 500; line-height: 1.5; }
.octa-ssa-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; margin-top: 18px; border: 0; border-radius: 11px; padding: 0 18px; background: var(--ssa-green); color: #fff; font-size: 11px; font-weight: 900; cursor: pointer; }
.octa-ssa-button:hover,.octa-ssa-button:focus-visible { background: var(--ssa-ink); outline: 3px solid rgba(36,120,109,.2); }

.octa-ssa-case-layout { display: grid; grid-template-columns: minmax(210px,280px) minmax(0,1fr); gap: 18px; align-items: start; }
.octa-ssa-case-list { display: grid; gap: 8px; border: 1px solid var(--ssa-line); border-radius: 18px; padding: 15px; background: #f6faf8; }
.octa-ssa-case-list h3 { margin: 2px 5px 9px; color: var(--ssa-ink); font-size: 15px; }
.octa-ssa-case-list > p { margin: 3px 5px; color: var(--ssa-muted); font-size: 11px; line-height: 1.6; }
.octa-ssa-case-list a { display: grid; gap: 4px; border: 1px solid transparent; border-radius: 11px; padding: 12px; background: #fff; color: var(--ssa-ink); text-decoration: none; }
.octa-ssa-case-list a:hover,.octa-ssa-case-list a:focus-visible,.octa-ssa-case-list a.is-current { border-color: #93c8b9; outline: none; box-shadow: 0 6px 18px rgba(16,39,37,.07); }
.octa-ssa-case-list a strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.octa-ssa-case-list a span { color: var(--ssa-teal); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.octa-ssa-case-list a small { color: var(--ssa-muted); font-size: 9px; }
.octa-ssa-case-detail { min-width: 0; }
.octa-ssa-empty strong { color: var(--ssa-ink); font-size: 20px; }
.octa-ssa-empty p { max-width: 680px; margin: 10px 0 0; color: var(--ssa-muted); font-size: 12px; line-height: 1.7; }

.octa-ssa-case-stages { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 0 0 24px; padding: 0; list-style: none; }
.octa-ssa-case-stages li { display: grid; gap: 5px; justify-items: center; border-top: 2px solid #dbe7e3; padding-top: 9px; color: #71827e; font-size: 9px; font-weight: 850; text-align: center; }
.octa-ssa-case-stages li span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: #e9efed; color: #61726e; }
.octa-ssa-case-stages li.is-complete,.octa-ssa-case-stages li.is-current { border-color: var(--ssa-teal); color: var(--ssa-green); }
.octa-ssa-case-stages li.is-complete span { background: var(--ssa-green); color: #fff; }
.octa-ssa-case-stages li.is-current span { background: var(--ssa-lime); color: var(--ssa-ink); box-shadow: 0 0 0 3px rgba(217,247,126,.28); }
.octa-ssa-case-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 18px; }
.octa-ssa-case-facts > div { border: 1px solid var(--ssa-line); border-radius: 12px; padding: 13px; background: #fafcfb; }
.octa-ssa-case-facts small,.octa-ssa-proof small { display: block; margin-bottom: 5px; color: var(--ssa-teal); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.octa-ssa-case-facts strong { display: block; font-size: 11px; line-height: 1.45; }
.octa-ssa-standard-pin { border-left: 4px solid var(--ssa-lime); border-radius: 0 14px 14px 0; padding: 17px 19px; background: #f5f9f7; }
.octa-ssa-standard-pin > small { color: var(--ssa-teal); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.octa-ssa-standard-pin h4 { margin: 5px 0 8px; color: var(--ssa-ink); font-size: 17px; }
.octa-ssa-standard-pin p,.octa-ssa-standard-pin li { color: var(--ssa-muted); font-size: 11px; line-height: 1.65; }
.octa-ssa-standard-pin details { margin-top: 12px; }
.octa-ssa-standard-pin summary { color: var(--ssa-green); font-size: 11px; font-weight: 900; cursor: pointer; }
.octa-ssa-standard-pin h5 { margin: 17px 0 5px; font-size: 11px; }
.octa-ssa-standard-pin ol { padding-left: 20px; }
.octa-ssa-standard-pin code,.octa-ssa-proof code { display: block; overflow-wrap: anywhere; color: #37544e; font-size: 9px; }

.octa-ssa-action-card { display: grid; gap: 13px; margin-top: 18px; border: 1px solid var(--ssa-line); border-radius: 15px; padding: 20px; background: #fff; }
.octa-ssa-action-card h4 { margin: 0; color: var(--ssa-ink); font-size: 18px; }
.octa-ssa-action-card > p { margin: 0; color: var(--ssa-muted); font-size: 11px; line-height: 1.65; }
.octa-ssa-checkbox { grid-template-columns: 18px minmax(0,1fr); align-items: start; }
.octa-ssa-checkbox input { width: 17px; height: 17px; margin-top: 2px; }
.octa-ssa-checkbox span { color: var(--ssa-muted); font-size: 11px; font-weight: 600; line-height: 1.6; }
.octa-ssa-action-card .octa-ssa-button,.octa-ssa-message .octa-ssa-button { justify-self: start; }

.octa-ssa-result { display: grid; gap: 16px; margin-top: 20px; border-top: 1px solid var(--ssa-line); padding-top: 24px; }
.octa-ssa-result-fields { display: grid; gap: 11px; margin: 0; }
.octa-ssa-result-fields > div { border: 1px solid var(--ssa-line); border-radius: 12px; padding: 15px; background: #fafcfb; }
.octa-ssa-result-fields dt { margin-bottom: 7px; color: var(--ssa-teal); font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.octa-ssa-result-fields dd { margin: 0; color: var(--ssa-ink); }
.octa-ssa-result-fields p,.octa-ssa-result-list p { margin: 0; font-size: 11px; line-height: 1.65; }
.octa-ssa-result-list { display: grid; gap: 7px; margin: 0; padding-left: 20px; }
.octa-ssa-result-list li { color: var(--ssa-ink); font-size: 11px; line-height: 1.6; }
.octa-ssa-proof { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.octa-ssa-proof > div { min-width: 0; border-radius: 11px; padding: 12px; background: #eef5f2; }
.octa-ssa-review-complete { border: 1px solid #b9dfcf; border-radius: 14px; padding: 18px; background: #edf9f3; }
.octa-ssa-review-complete strong { color: var(--ssa-green); font-size: 15px; }
.octa-ssa-review-complete p { margin: 8px 0; color: var(--ssa-muted); font-size: 11px; line-height: 1.65; }
.octa-ssa-review-complete small { color: var(--ssa-muted); font-size: 9px; }

@media (max-width: 1050px) {
	.octa-ssa-shell { grid-template-columns: 1fr; }
	.octa-ssa-rail { position: static; display: grid; grid-template-columns: minmax(210px,auto) minmax(0,1fr) auto; max-height: none; align-items: center; }
	.octa-ssa-brand { border: 0; padding: 0; }
	.octa-ssa-rail nav { display: flex; justify-content: center; }
	.octa-ssa-rail nav > p,.octa-ssa-account-link,.octa-ssa-user { display: none; }
	.octa-ssa-readiness,.octa-ssa-method ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.octa-ssa-case-layout { grid-template-columns: 1fr; }
	.octa-ssa-case-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.octa-ssa-case-list h3,.octa-ssa-case-list > p { grid-column: 1/-1; }
}

@media (max-width: 760px) {
	body.octa-self-service-assurance-page .entry-single > .entry-content { padding-inline: 12px; }
	.octa-ssa-workspace { padding-top: 12px; }
	.octa-ssa-rail { grid-template-columns: 1fr; }
	.octa-ssa-rail nav { justify-content: stretch; overflow-x: auto; }
	.octa-ssa-rail nav a { flex: 1 0 auto; }
	.octa-ssa-brand { display: none; }
	.octa-ssa-hero { min-height: 360px; align-items: flex-start; flex-direction: column; justify-content: flex-end; border-radius: 22px; padding: 30px 24px; }
	.octa-ssa-hero h1 { font-size: clamp(39px,13vw,58px); }
	.octa-ssa-summary > header { align-items: flex-start; flex-direction: column; }
	.octa-ssa-readiness,.octa-ssa-method ol { grid-template-columns: 1fr; }
	.octa-ssa-cases-hero { min-height: 300px; align-items: flex-start; flex-direction: column; justify-content: flex-end; border-radius: 22px; padding: 30px 24px; }
	.octa-ssa-form-grid,.octa-ssa-case-list,.octa-ssa-case-facts,.octa-ssa-proof { grid-template-columns: 1fr; }
	.octa-ssa-case-create,.octa-ssa-case-record,.octa-ssa-empty { border-radius: 17px; padding: 19px; }
	.octa-ssa-case-create > header,.octa-ssa-case-record > header,.octa-ssa-result > header { flex-direction: column; }
}

body.octa-console-page .entry-content .octa-ssa-rail a { color: #d9e7e2; }
body.octa-console-page .entry-content .octa-ssa-brand { color: #fff; }
body.octa-console-page .entry-content .octa-ssa-account-link { color: #b8ead5; }
body.octa-console-page .entry-content .octa-ssa-hero h1,
body.octa-console-page .entry-content .octa-ssa-method h2 { color: #fff; }
body.octa-console-page .entry-content .octa-ssa-access a { color: #fff; }

/* --- Standards: the organisation's own rulebook --- */
.octa-ssa-standards { display: grid; gap: 18px; }
.octa-ssa-standards-rules ul { margin: 12px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.65; }
.octa-ssa-standards-rules li + li { margin-top: 6px; }
.octa-ssa-standards-roles { margin: 14px 0 0; font-size: 12px; font-weight: 700; }
.octa-ssa-standards-list { display: grid; gap: 14px; }
.octa-ssa-standard-card { border: 1px solid var(--ssa-line); border-radius: 18px; padding: 18px 20px; background: #fff; display: grid; gap: 12px; }
.octa-ssa-standard-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.octa-ssa-standard-card > header small { display: block; margin-bottom: 4px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ssa-muted, #5b6c68); }
.octa-ssa-standard-card > header h3 { margin: 0; font-size: 18px; line-height: 1.25; }
.octa-ssa-standard-card > header span { flex: 0 0 auto; border: 1px solid var(--ssa-line); border-radius: 999px; padding: 6px 12px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.octa-ssa-standard-card.is-published > header span { border-color: #9fd3b8; background: #f2fbf6; }
.octa-ssa-standard-card.is-review > header span { background: #fbf7f2; }
.octa-ssa-standard-card > p { margin: 0; font-size: 13px; line-height: 1.6; }
.octa-ssa-standard-content > summary, .octa-ssa-standard-editor > summary { cursor: pointer; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.octa-ssa-standard-content .octa-ssa-manifest-body { margin-top: 12px; display: grid; gap: 12px; font-size: 13px; line-height: 1.6; }
.octa-ssa-standard-content h4 { margin: 0 0 4px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.octa-ssa-standard-content .octa-ssa-manifest-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.octa-ssa-standard-content ul, .octa-ssa-standard-content ol { margin: 0; padding-left: 18px; }
.octa-ssa-standard-verification code { display: block; overflow-wrap: anywhere; font-size: 11px; }
.octa-ssa-standard-verification p { margin: 6px 0 0; font-size: 12px; }
.octa-ssa-standard-form .octa-ssa-form-grid { margin-top: 12px; }
.octa-ssa-standard-form .octa-ssa-form-grid > div small { display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.octa-ssa-standard-waiting { margin: 0; padding: 12px 14px; border-radius: 12px; background: #f7fbf9; font-size: 12px; line-height: 1.6; }
.octa-ssa-returned { border: 1px solid #e3cfa6; border-radius: 12px; padding: 12px 14px; background: #fbf7f2; font-size: 13px; line-height: 1.6; }
.octa-ssa-returned p { margin: 6px 0; }
.octa-ssa-returned small { display: block; font-size: 11px; }
.octa-ssa-approvers { border: 1px solid var(--ssa-line); border-radius: 18px; padding: 18px 20px; background: #fff; display: grid; gap: 12px; }
.octa-ssa-approvers > header p { margin: 0 0 4px; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.octa-ssa-approvers > header h3 { margin: 0; font-size: 18px; }
.octa-ssa-approvers > p { margin: 0; font-size: 13px; line-height: 1.6; }
.octa-ssa-approver-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.octa-ssa-approver-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid var(--ssa-line); border-radius: 12px; padding: 10px 14px; }
.octa-ssa-approver-list li small { display: block; font-size: 11px; }
.octa-ssa-button.is-secondary { background: transparent; color: inherit; border: 1px solid var(--ssa-line); }