/* Editable About documents. All content styles stay inside the document. */
.ssk-about-document {
    --ssk-about-ink: #092e60;
    --ssk-about-accent: #0874c4;
    --ssk-about-bg: #fff;
    --ssk-about-muted: #5d7086;
    --ssk-about-border: #dce6ef;
    --ssk-about-pale: #edf5fb;
    --ssk-about-soft: #f7fafc;
    --ssk-about-quote-bg: #092e60;
    --ssk-about-quote-ink: #f7fbff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4px 0 44px;
    color: var(--ssk-about-ink);
    direction: rtl;
    text-align: start;
    font-family: inherit;
    line-height: 1.95;
    overflow-wrap: anywhere;
}

.ssk-about-document,
.ssk-about-document * { box-sizing: border-box; }
.ssk-about-document .wp-block-group__inner-container{display:contents}
.ssk-about-document .ssk-about-legacy{display:none!important}
.ssk-about-document [hidden]{display:none!important}
.ssk-about-document .ssk-reading-controls{display:flex;gap:6px;flex-wrap:wrap}
.ssk-about-document .ssk-reading-tools label{flex:1 1 240px;font-size:.8rem;font-weight:700}
.ssk-about-document .ssk-reading-tools label input{display:block;width:100%;margin-top:5px}
.ssk-about-document .ssk-reading-contents{border:0;padding:0;background:transparent}
.ssk-about-document .ssk-reading-contents summary{cursor:pointer;min-height:40px;font-weight:800}
.ssk-about-document .ssk-reading-toc{padding:8px 0!important}
.ssk-about-document .ssk-charter-chapter{scroll-margin-top:180px!important}
@media(max-width:781px){
 .ssk-about-document.ssk-about-kind-charter .ssk-about-layout{display:flex;flex-direction:column}
 .ssk-about-document.ssk-about-kind-charter .ssk-about-layout>.ssk-about-aside{order:-1}
 .ssk-about-document.ssk-about-kind-charter .ssk-about-aside>.ssk-about-side-note{display:none}
 .ssk-about-document .ssk-reading-toc{display:grid;grid-template-columns:1fr 1fr;gap:5px}
 .ssk-about-document .ssk-reading-toc a{font-size:.82rem;padding:8px}
 .ssk-about-document.ssk-about-kind-principal .ssk-about-layout{display:flex;flex-direction:column}
 .ssk-about-document.ssk-about-kind-principal .ssk-about-layout>.ssk-about-aside{order:-1;display:flex;align-items:center;gap:16px;padding:0}
 .ssk-about-document.ssk-about-kind-principal .ssk-about-aside>.ssk-about-portrait{flex:0 0 88px;width:88px;margin:0}
 .ssk-about-document.ssk-about-kind-principal .ssk-about-portrait img{width:88px;height:118px;object-fit:cover;object-position:center top}
 .ssk-about-document.ssk-about-kind-principal .ssk-about-aside>.ssk-about-signature{flex:1;margin:0;padding:12px 16px;background:transparent;border-radius:0;border-block-start:0;border-inline-start:3px solid var(--ssk-about-accent)}
}
.ssk-about-document :where(h1, h2, h3, p, figure, blockquote, ul, ol) { margin-block: 0 18px; }
.ssk-about-document :where(h1, h2, h3, button, input, a) { font-family: inherit; }
.ssk-about-document :where(h1, h2, h3) { color: var(--ssk-about-ink); font-weight: 800; line-height: 1.55; }
.ssk-about-document h1 { font-size: clamp(1.9rem, 3.8vw, 2.9rem); letter-spacing: -.025em; }
.ssk-about-document h2 { font-size: clamp(1.35rem, 2.4vw, 1.8rem); }
.ssk-about-document h3 { font-size: 1.12rem; }
.ssk-about-document p { font-size: 1rem; line-height: 1.95; }
.ssk-about-document :where(p, li) { color: var(--ssk-about-muted); }
.ssk-about-document :where(ul, ol) { padding-inline-start: 24px; }
.ssk-about-document li { margin-block-end: 9px; padding-inline-start: 4px; }
.ssk-about-document a { color: var(--ssk-about-accent); text-underline-offset: .22em; }
.ssk-about-document a:hover { text-decoration: underline; }
.ssk-about-document :where(a, button, input):focus-visible {
    outline: 3px solid var(--ssk-about-accent);
    outline-offset: 4px;
}
.ssk-about-document :where(.wp-block-group, .wp-block-column) > :last-child { margin-block-end: 0; }
.ssk-about-document > :where(.wp-block-group, .wp-block-columns),
.ssk-about-document :where(.wp-block-group) > :where(.wp-block-group, .wp-block-columns) { max-width: none; }
.ssk-about-document .wp-block-columns { gap: 30px; margin: 0; }
.ssk-about-document .wp-block-column { min-width: 0; padding: 0; }
.ssk-about-document .wp-block-image { margin: 0; }
.ssk-about-document img { display: block; max-width: 100%; height: auto; }

.ssk-about-document .ssk-about-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: var(--ssk-about-muted);
    font-size: .8rem;
    line-height: 1.7;
}
.ssk-about-document .ssk-about-breadcrumb a { color: var(--ssk-about-muted); text-decoration: none; }
.ssk-about-document .ssk-about-breadcrumb a:hover { color: var(--ssk-about-accent); text-decoration: underline; }
.ssk-about-document .ssk-about-hero {
    position: relative;
    margin-block-end: 42px;
    padding: 30px 36px;
    border: 1px solid var(--ssk-about-border);
    border-radius: 12px;
    background: linear-gradient(115deg, var(--ssk-about-soft), var(--ssk-about-pale));
    isolation: isolate;
}
.ssk-about-document .ssk-about-hero-columns { align-items: center; min-height: 230px; gap: 38px; }
.ssk-about-document .ssk-about-hero h1 { margin-block: 0 10px; }
.ssk-about-document .ssk-about-eyebrow,
.ssk-about-document .ssk-about-kicker {
    margin-block: 0 10px;
    color: var(--ssk-about-accent);
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.65;
}
.ssk-about-document .ssk-about-lead { max-width: 690px; margin: 0; font-size: 1.05rem; line-height: 1.9; }
.ssk-about-document .ssk-about-image { position: relative; }
.ssk-about-document .ssk-about-image img {
    width: 100%;
    height: 230px;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}
.ssk-about-document .ssk-about-image figcaption,
.ssk-about-document .ssk-about-portrait figcaption { margin-top: 9px; color: var(--ssk-about-muted); font-size: .78rem; text-align: start; }
.ssk-about-document .ssk-about-stat {
    position: relative;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 24px);
    margin: -48px 12px 0 0;
    padding: 12px 20px;
    border-inline-start: 3px solid var(--ssk-about-accent);
    border-radius: 6px;
    background: var(--ssk-about-bg);
    box-shadow: 0 6px 20px rgb(9 46 96 / 8%);
}
.ssk-about-document .ssk-about-stat p { margin: 0; color: var(--ssk-about-ink); font-size: .85rem; }
.ssk-about-document .ssk-about-stat strong { color: var(--ssk-about-accent); font-size: 1.6rem; font-weight: 800; }

.ssk-about-document .ssk-about-layout { align-items: flex-start; gap: 52px; }
.ssk-about-document .ssk-about-layout > .wp-block-column:first-child { flex-basis: 74%; }
.ssk-about-document .ssk-about-layout > .ssk-about-aside { flex-basis: 26%; }
.ssk-about-document .ssk-about-copy { max-width: 820px; }
.ssk-about-document .ssk-about-copy p { line-height: 2.05; }
.ssk-about-document .ssk-about-section { margin-block: 38px; }
.ssk-about-document .ssk-about-section + .ssk-about-section { padding-block-start: 34px; border-block-start: 1px solid var(--ssk-about-border); }
.ssk-about-document .ssk-about-aside { padding-block-start: 4px; }
.ssk-about-document .ssk-about-aside > .wp-block-group {
    margin-block-end: 24px;
    padding: 22px;
    border-block-start: 3px solid var(--ssk-about-accent);
    border-radius: 0 0 8px 8px;
    background: var(--ssk-about-soft);
}
.ssk-about-document .ssk-about-aside h2,
.ssk-about-document .ssk-about-aside h3 { margin-block-end: 12px; font-size: 1rem; }
.ssk-about-document .ssk-about-aside p { font-size: .86rem; line-height: 1.9; }
.ssk-about-document .ssk-about-aside .wp-block-button { width: 100%; }
.ssk-about-document .ssk-about-aside .wp-block-button__link { width: 100%; text-align: center; }

.ssk-about-document .ssk-about-quote {
    position: relative;
    margin: 30px 0;
    padding: 28px 32px;
    border: 0;
    border-inline-start: 4px solid #75c8ff;
    border-radius: 8px;
    background: var(--ssk-about-quote-bg);
    color: var(--ssk-about-quote-ink);
    box-shadow: none;
}
.ssk-about-document .ssk-about-quote::before,
.ssk-about-document .ssk-about-quote::after { display: none; }
.ssk-about-document .ssk-about-quote p { color: inherit; font-size: 1.18rem; font-weight: 700; line-height: 1.95; }
.ssk-about-document .ssk-about-quote cite { display: block; margin-top: 16px; color: #c5ddf2; font-size: .85rem; font-style: normal; }
.ssk-about-document .ssk-about-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-block: 26px; }
.ssk-about-document .ssk-about-grid.wp-block-columns { display: flex; align-items: stretch; }
.ssk-about-document .ssk-about-grid > .wp-block-column { display: flex; }
.ssk-about-document .ssk-about-grid > .wp-block-column > .ssk-about-card { width: 100%; }
.ssk-about-document .ssk-about-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 26px;
    border: 1px solid var(--ssk-about-border);
    border-radius: 8px;
    background: var(--ssk-about-pale);
}
.ssk-about-document .ssk-about-card h2,
.ssk-about-document .ssk-about-card h3 { margin-block: 0 10px; font-size: 1.2rem; }
.ssk-about-document .ssk-about-card p { font-size: .92rem; }
.ssk-about-document .ssk-about-card > .wp-block-buttons,
.ssk-about-document .ssk-about-card > .wp-block-group__inner-container > .wp-block-buttons { margin-block-start: auto; padding-block-start: 8px; }
.ssk-about-document .ssk-about-index {
    display: grid;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-block: 0 18px;
    border: 1px solid var(--ssk-about-border);
    border-radius: 50%;
    background: var(--ssk-about-bg);
    color: var(--ssk-about-accent);
    font-size: .95rem;
    font-weight: 800;
    line-height: 1;
    place-items: center;
}
.ssk-about-document .ssk-about-timeline { margin-block: 28px; padding-inline-start: 20px; border-inline-start: 1px solid var(--ssk-about-border); }
.ssk-about-document .ssk-about-milestone { position: relative; margin-block-end: 26px; padding-inline-start: 16px; }
.ssk-about-document .ssk-about-milestone::before {
    position: absolute;
    top: 10px;
    inset-inline-start: -25px;
    width: 9px;
    height: 9px;
    border: 2px solid var(--ssk-about-bg);
    border-radius: 50%;
    background: var(--ssk-about-accent);
    box-shadow: 0 0 0 1px var(--ssk-about-accent);
    content: "";
}
.ssk-about-document .ssk-about-milestone h3 { margin-block-end: 6px; }
.ssk-about-document .ssk-about-milestone .ssk-about-index { width: auto; height: auto; margin-block-end: 5px; border: 0; border-radius: 0; background: transparent; place-items: start; }
.ssk-about-document .ssk-about-milestone p { font-size: .94rem; }
.ssk-about-document .ssk-about-split { align-items: flex-start; gap: 38px; margin-block: 30px; }
.ssk-about-document .ssk-about-portrait img { width: 100%; max-height: 480px; border-radius: 8px; object-fit: cover; object-position: center top; }
.ssk-about-document .ssk-about-signature { margin-block-start: 28px; padding-inline-start: 18px; border-inline-start: 3px solid var(--ssk-about-accent); }
.ssk-about-document .ssk-about-signature p { margin-block: 0 4px; font-size: .92rem; }
.ssk-about-document .ssk-about-signature strong { color: var(--ssk-about-ink); font-size: 1.08rem; }
.ssk-about-document .ssk-about-crosslinks { margin-block-start: 42px; padding-block-start: 24px; border-block-start: 1px solid var(--ssk-about-border); }
.ssk-about-document .wp-block-buttons { gap: 10px; }
.ssk-about-document .wp-block-button__link {
    padding: 10px 21px;
    border: 1px solid var(--ssk-about-accent);
    border-radius: 6px;
    background: var(--ssk-about-accent);
    color: var(--ssk-about-bg);
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.65;
    text-decoration: none;
    box-shadow: none;
    transition: filter 160ms ease;
}
.ssk-about-document .wp-block-button__link:hover { color: var(--ssk-about-bg); text-decoration: none; filter: brightness(.9); }
.ssk-about-document .is-style-outline > .wp-block-button__link { border-color: var(--ssk-about-border); background: transparent; color: var(--ssk-about-ink); }
.ssk-about-document .is-style-outline > .wp-block-button__link:hover { border-color: var(--ssk-about-accent); background: var(--ssk-about-pale); color: var(--ssk-about-accent); filter: none; }

.ssk-about-document .ssk-reading-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-block: 0 28px;
    padding-block: 15px;
    border-block: 1px solid var(--ssk-about-border);
}
.ssk-about-document .ssk-reading-tools button,
.ssk-about-document .ssk-reading-tools input {
    min-height: 42px;
    margin: 0;
    padding: 8px 13px;
    border: 1px solid var(--ssk-about-border);
    border-radius: 6px;
    background: var(--ssk-about-bg);
    color: var(--ssk-about-ink);
    font-family: inherit;
    font-size: .85rem;
    line-height: 1.65;
}
.ssk-about-document .ssk-reading-tools button { cursor: pointer; }
.ssk-about-document .ssk-reading-tools button:hover,
.ssk-about-document .ssk-reading-tools button[aria-pressed="true"] { border-color: var(--ssk-about-accent); background: var(--ssk-about-pale); color: var(--ssk-about-accent); }
.ssk-about-document .ssk-reading-tools input { flex: 1 1 200px; min-width: 0; }
.ssk-about-document .ssk-reading-tools input::placeholder { color: var(--ssk-about-muted); opacity: 1; }
.ssk-about-document .ssk-reading-tools label { color: var(--ssk-about-muted); font-size: .85rem; }
.ssk-about-document .ssk-reading-tools [role="status"] { flex-basis: 100%; margin: 0; color: var(--ssk-about-muted); font-size: .8rem; }
.ssk-about-document .ssk-reading-toc { margin-block-end: 28px; padding: 20px; border: 1px solid var(--ssk-about-border); border-radius: 8px; background: var(--ssk-about-soft); }
.ssk-about-document .ssk-reading-toc h2 { margin-block-end: 12px; font-size: 1rem; }
.ssk-about-document .ssk-reading-toc :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
.ssk-about-document .ssk-reading-toc li { margin: 0; padding: 0; }
.ssk-about-document .ssk-reading-toc a { display: block; padding-block: 8px; color: var(--ssk-about-muted); font-size: .87rem; line-height: 1.7; text-decoration: none; }
.ssk-about-document .ssk-reading-toc li + li { border-block-start: 1px solid var(--ssk-about-border); }
.ssk-about-document .ssk-reading-toc a:hover,
.ssk-about-document .ssk-reading-toc a[aria-current] { color: var(--ssk-about-accent); }
.ssk-about-document .ssk-charter-chapter { margin-block: 0 30px; padding-block: 0 24px; border-block-end: 1px solid var(--ssk-about-border); scroll-margin-top: 100px; }
.ssk-about-document .ssk-charter-chapter h2 { margin-block-end: 18px; font-size: 1.45rem; }
.ssk-about-document .ssk-charter-chapter :where(p, li) { font-size: 1rem; line-height: 2.05; }
.ssk-about-document .ssk-charter-content { --ssk-charter-font-size: 1rem; }
.ssk-about-document .ssk-charter-content :where(p, li) { font-size: var(--ssk-charter-font-size); }
.ssk-about-document .ssk-charter-content mark { padding: 0 .12em; border-radius: 2px; background: #ffdf85; color: #362600; }
.ssk-about-document [hidden] { display: none !important; }

/* Jannah keeps its native masthead; the document uses the full page content area. */
body.ssk-about-page #content .main-content { float: none; width: 100%; max-width: 1200px; margin-inline: auto; }
body.ssk-about-page #content > .container { width: 100%; max-width: 1248px; }
body.ssk-about-page #content .sidebar { display: none; }
body.ssk-about-page #the-post { margin-block: 0; border: 0; background: transparent; box-shadow: none; }
body.ssk-about-page #the-post > .entry-header,
body.ssk-about-page #the-post > .entry-header-outer,
body.ssk-about-page #the-post > .featured-area,
body.ssk-about-page #the-post > .post-components,
body.ssk-about-page #the-post > .post-meta,
body.ssk-about-page #the-post > .share-buttons,
body.ssk-about-page #breadcrumb,
body.ssk-about-page #related-posts,
body.ssk-about-page #comments { display: none; }
body.ssk-about-page #the-post .entry { padding: 0; }

html.dark-skin .ssk-about-document,
body.dark-skin .ssk-about-document {
    --ssk-about-ink: #e9f2ff;
    --ssk-about-accent: #80caff;
    --ssk-about-bg: #122641;
    --ssk-about-muted: #b9cadc;
    --ssk-about-border: #304966;
    --ssk-about-pale: #1a3552;
    --ssk-about-soft: #152c46;
    --ssk-about-quote-bg: #0a203b;
    --ssk-about-quote-ink: #f2f7ff;
}
html.dark-skin .ssk-about-document .wp-block-button__link,
body.dark-skin .ssk-about-document .wp-block-button__link { color: #092e60; }
html.dark-skin .ssk-about-document .is-style-outline > .wp-block-button__link,
body.dark-skin .ssk-about-document .is-style-outline > .wp-block-button__link { color: var(--ssk-about-ink); }

@media (min-width: 1000px) {
    .ssk-about-document .ssk-about-aside:has(.ssk-reading-toc) { position: sticky; top: 100px; }
}
@media (max-width: 999px) {
    .ssk-about-document .ssk-about-layout { gap: 28px; }
    .ssk-about-document .ssk-about-hero { padding: 26px; }
    .ssk-about-document .ssk-about-hero-columns { gap: 26px; }
    .ssk-about-document .ssk-about-card { padding: 22px; }
}
@media (max-width: 781px) {
    .ssk-about-document { padding-block-end: 30px; }
    .ssk-about-document .wp-block-columns,
    .ssk-about-document .ssk-about-grid.wp-block-columns { flex-direction: column; gap: 24px; }
    .ssk-about-document .wp-block-columns > .wp-block-column { flex-basis: auto !important; width: 100%; }
    .ssk-about-document .ssk-about-hero { margin-block-end: 30px; padding: 24px; }
    .ssk-about-document .ssk-about-hero-columns { min-height: 0; }
    .ssk-about-document .ssk-about-image img { height: 230px; }
    .ssk-about-document .ssk-about-layout > .ssk-about-aside { width: 100%; }
    .ssk-about-document .ssk-about-grid { gap: 16px; }
    .ssk-about-document .ssk-about-section { margin-block: 28px; }
    .ssk-about-document .ssk-about-section + .ssk-about-section { padding-block-start: 26px; }
    .ssk-about-document .ssk-about-portrait { max-width: 340px; margin-inline: auto; }
    .ssk-about-document .ssk-about-portrait img { max-height: 420px; }
    .ssk-about-document .ssk-about-quote { padding: 24px; }
    .ssk-about-document .ssk-about-crosslinks { margin-block-start: 30px; }
}
@media (max-width: 540px) {
    .ssk-about-document h1 { font-size: 1.85rem; }
    .ssk-about-document .ssk-about-hero { padding: 22px 18px; border-radius: 8px; }
    .ssk-about-document .ssk-about-hero-columns { gap: 22px; }
    .ssk-about-document .ssk-about-lead { font-size: .98rem; }
    .ssk-about-document .ssk-about-image img { height: 200px; }
    .ssk-about-document .ssk-about-grid { grid-template-columns: minmax(0, 1fr); }
    .ssk-about-document .ssk-about-card { padding: 22px 20px; }
    .ssk-about-document .ssk-about-quote { padding: 22px 20px; }
    .ssk-about-document .ssk-about-quote p { font-size: 1.06rem; }
    .ssk-about-document .ssk-about-crosslinks .wp-block-button { width: 100%; }
    .ssk-about-document .ssk-about-crosslinks .wp-block-button__link { width: 100%; }
    .ssk-about-document .ssk-reading-tools { gap: 8px; }
    .ssk-about-document .ssk-reading-tools button { flex: 1 1 auto; }
    .ssk-about-document .ssk-reading-tools input { flex-basis: 100%; width: 100%; }
    .ssk-about-document .ssk-reading-toc { padding: 18px; }
    .ssk-about-document .ssk-charter-chapter h2 { font-size: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
    .ssk-about-document *,
    .ssk-about-document *::before,
    .ssk-about-document *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
@media print {
    .ssk-about-document { max-width: none; color: #111; }
    .ssk-about-document :where(h1, h2, h3, p, li) { color: #111; }
    .ssk-about-document .ssk-reading-tools,
    .ssk-about-document .ssk-reading-toc,
    .ssk-about-document .ssk-about-crosslinks { display: none; }
    .ssk-about-document .ssk-charter-chapter { break-inside: avoid; }
}