:root {
    --navy: #163154;
    --navy-deep: #0d223b;
    --coral: #e96e65;
    --sky: #64bad4;
    --mint: #b7e1cf;
    --cream: #f0efe1;
    --paper: #faf8f1;
    --paper-2: #f4f1e7;
    --ink: #15243a;
    --muted: #6b716f;
    --line: rgba(22, 49, 84, .18);
    --line-strong: rgba(22, 49, 84, .32);
    --shadow: 0 26px 70px rgba(2, 15, 30, .28);
    --radius-shell: 34px;
    --radius: 20px;
    --condensed: "Arial Narrow", "Aptos Narrow", "Franklin Gothic Condensed", Impact, sans-serif;
    --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    background: var(--navy-deep);
    color: var(--ink);
    font-family: var(--sans);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.skip-link {
    position: fixed;
    left: 18px;
    top: -80px;
    z-index: 1000;
    padding: 12px 18px;
    background: var(--coral);
    color: var(--navy-deep);
    font-weight: 800;
    border-radius: 10px;
}
.skip-link:focus { top: 18px; }

.site-shell {
    width: min(calc(100% - 40px), 1500px);
    margin: 20px auto;
    overflow: hidden;
    background: var(--cream);
    border: 1px solid rgba(255,255,255,.34);
    border-radius: var(--radius-shell);
    box-shadow: var(--shadow);
}
.site-shell::before {
    content: "";
    position: fixed;
    inset: 20px;
    max-width: 1498px;
    margin: auto;
    border-radius: calc(var(--radius-shell) - 8px);
    border: 1px solid rgba(22,49,84,.1);
    pointer-events: none;
    z-index: 20;
}

.site-header {
    position: relative;
    z-index: 30;
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
    align-items: center;
    gap: 24px;
    min-height: 92px;
    padding: 18px 42px;
    border-bottom: 1px solid var(--line);
}
.brand { display: inline-flex; align-items: center; width: fit-content; }
.brand img { width: 230px; height: 72px; object-fit: contain; object-position: left center; }
.site-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px;
    background: rgba(22,49,84,.09);
    border: 1px solid rgba(22,49,84,.08);
    border-radius: 16px;
}
.site-nav a {
    padding: 10px 14px;
    border-radius: 11px;
    font-size: .84rem;
    font-weight: 700;
    color: rgba(21,36,58,.72);
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.site-nav a:hover { color: var(--navy); transform: translateY(-1px); }
.site-nav a.is-active { background: var(--navy); color: var(--cream); }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.header-text-link { font-size: .86rem; font-weight: 800; }
.nav-toggle { display: none; border: 0; background: transparent; }
.nav-toggle svg { width: 24px; height: 24px; }

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 13px;
    font-weight: 800;
    font-size: .92rem;
    line-height: 1;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button svg { width: 18px; height: 18px; }
.button-small { min-height: 40px; padding: 0 16px; font-size: .82rem; }
.button-dark { background: var(--navy); color: var(--cream); box-shadow: 0 7px 0 rgba(13,34,59,.14); }
.button-coral { background: var(--coral); color: #171e27; box-shadow: 0 7px 0 rgba(128,55,49,.12); }
.button-ghost { background: transparent; color: var(--navy); border-color: var(--line-strong); }
.button-disabled { background: rgba(22,49,84,.09); color: rgba(22,49,84,.45); cursor: default; }
.button-disabled:hover { transform: none; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; }
.text-arrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-weight: 850;
    color: var(--navy);
}
.text-arrow svg { width: 19px; height: 19px; transition: transform .2s ease; }
.text-arrow:hover svg { transform: translateX(4px); }
.eyebrow {
    margin: 0 0 16px;
    color: var(--navy);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.hero-section {
    position: relative;
    min-height: 720px;
    padding: 88px 55% 122px 64px;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
    isolation: isolate;
}
.hero-section::after {
    content: "";
    position: absolute;
    right: 32px;
    top: 34px;
    bottom: 34px;
    width: 45%;
    border: 1px solid rgba(22,49,84,.12);
    border-radius: 26px;
    pointer-events: none;
}
.hero-copy { position: relative; z-index: 3; max-width: 630px; }
.hero-copy h1,
.page-hero h1,
.tool-detail-hero h1,
.article-header h1,
.not-found-page h1 {
    margin: 0;
    color: var(--navy);
    font-family: var(--condensed);
    font-size: clamp(4rem, 7vw, 7.5rem);
    font-stretch: condensed;
    font-weight: 900;
    line-height: .82;
    letter-spacing: -.035em;
    text-transform: uppercase;
}
.hero-intro {
    max-width: 590px;
    margin: 30px 0 28px;
    font-size: 1.08rem;
    line-height: 1.75;
}
.trust-line {
    max-width: 520px;
    margin: 25px 0 0;
    padding-left: 18px;
    border-left: 4px solid var(--mint);
    color: #505d63;
    font-size: .85rem;
    font-weight: 650;
}
.hero-stage {
    position: absolute;
    z-index: 4;
    top: 110px;
    right: 56px;
    width: min(43%, 650px);
    min-height: 458px;
    padding: 14px;
    background: rgba(255,255,255,.5);
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 24px;
    box-shadow: 0 25px 55px rgba(22,49,84,.18);
    transform: rotate(.45deg);
}
.stage-topline,
.stage-caption,
.compact-top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: rgba(22,49,84,.6);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .12em;
}
.stage-topline { padding: 3px 5px 12px; }
.stage-caption { align-items: center; padding: 12px 5px 2px; }
.stage-caption span { max-width: 75%; letter-spacing: 0; font-weight: 650; }
.stage-caption b { color: var(--coral); white-space: nowrap; }
.stage-image { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 14px; border: 1px solid var(--line); }
.screenshot-placeholder {
    position: relative;
    overflow: hidden;
    background: #edf0f0;
    border: 1px solid rgba(22,49,84,.12);
}
.screenshot-placeholder-hero {
    display: grid;
    grid-template-columns: 72px 1fr;
    min-height: 390px;
    border-radius: 14px;
}
.placeholder-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px 12px;
    background: var(--navy);
}
.placeholder-sidebar img { width: 34px; height: 34px; object-fit: contain; filter: brightness(0) invert(1); opacity: .95; }
.placeholder-sidebar span { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; }
.placeholder-sidebar span:first-of-type { background: var(--coral); border-color: transparent; }
.placeholder-workspace { padding: 18px; }
.placeholder-toolbar { display: flex; justify-content: flex-end; gap: 7px; }
.placeholder-toolbar span { width: 34px; height: 10px; border-radius: 999px; background: rgba(22,49,84,.14); }
.placeholder-heading { margin-top: 52px; }
.placeholder-heading p { margin: 0 0 5px; color: var(--coral); font-size: .7rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.placeholder-heading strong { display: block; max-width: 360px; color: var(--navy); font-family: var(--condensed); font-size: 2.25rem; line-height: .95; text-transform: uppercase; }
.placeholder-panels { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 28px; }
.placeholder-panels span { height: 75px; background: rgba(255,255,255,.72); border: 1px solid rgba(22,49,84,.12); border-radius: 11px; }
.placeholder-panels span:nth-child(2) { background: rgba(183,225,207,.65); }
.placeholder-panels span:nth-child(3) { background: rgba(100,186,212,.35); }
.placeholder-list { margin-top: 14px; padding: 10px 14px; background: rgba(255,255,255,.7); border-radius: 10px; }
.placeholder-list span { display: block; height: 9px; margin: 9px 0; border-radius: 10px; background: rgba(22,49,84,.12); }
.placeholder-list span:nth-child(2) { width: 80%; }.placeholder-list span:nth-child(3) { width: 91%; }.placeholder-list span:nth-child(4) { width: 65%; }
.hero-index { position: absolute; z-index: 2; right: 69px; top: 62px; font-family: var(--condensed); font-size: .85rem; font-weight: 900; letter-spacing: .08em; }
.hero-oversize {
    position: absolute;
    z-index: 1;
    left: 54px;
    bottom: 8px;
    color: rgba(22,49,84,.055);
    font-family: var(--condensed);
    font-size: clamp(6rem, 13vw, 12.5rem);
    font-weight: 900;
    line-height: .78;
    letter-spacing: -.04em;
    white-space: nowrap;
}

.statement-section {
    display: grid;
    grid-template-columns: 90px minmax(300px, .9fr) minmax(340px, 1fr);
    gap: 42px;
    padding: 95px 64px;
    border-bottom: 1px solid var(--line);
}
.section-number { font-family: var(--condensed); font-size: 1rem; font-weight: 900; letter-spacing: .08em; color: var(--coral); }
.statement-heading h2,
.section-heading-row h2,
.hosting-copy h2,
.hub-title-block h2,
.support-project-section h2,
.plain-callout h2,
.tool-secondary-copy h2,
.support-form-section h2,
.about-principles h2,
.policy-body h2 {
    margin: 0;
    color: var(--navy);
    font-family: var(--condensed);
    font-size: clamp(2.7rem, 5vw, 5rem);
    line-height: .94;
    letter-spacing: -.025em;
    text-transform: uppercase;
}
.statement-body { max-width: 680px; }
.statement-body p { margin: 3px 0 0; font-size: 1.14rem; line-height: 1.85; }

.featured-tools-section { padding: 92px 64px 100px; border-bottom: 1px solid var(--line); }
.section-heading-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 46px; }
.section-heading-row > div { max-width: 850px; }
.featured-tool-list { border-top: 1px solid var(--line-strong); }
.featured-tool {
    display: grid;
    grid-template-columns: 52px 64px minmax(180px,.55fr) minmax(250px,1fr) 34px;
    gap: 24px;
    align-items: center;
    min-height: 118px;
    padding: 20px 10px;
    border-bottom: 1px solid var(--line);
    transition: padding .22s ease, background .22s ease;
}
.featured-tool:hover { padding-left: 22px; padding-right: 22px; background: rgba(255,255,255,.38); }
.tool-index { font-family: var(--condensed); font-weight: 900; color: rgba(22,49,84,.45); }
.tool-icon,
.catalog-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    color: var(--navy);
    background: color-mix(in srgb, var(--tool-accent), transparent 56%);
    border: 1px solid color-mix(in srgb, var(--tool-accent), var(--navy) 18%);
    border-radius: 16px;
}
.tool-icon svg, .catalog-icon svg { width: 29px; height: 29px; }
.tool-name { display: flex; flex-direction: column; }
.tool-name b { font-family: var(--condensed); font-size: 1.7rem; line-height: 1; text-transform: uppercase; }
.tool-name small { margin-top: 7px; color: var(--coral); font-size: .63rem; font-weight: 900; letter-spacing: .12em; }
.tool-summary { font-size: 1rem; color: #3c4852; }
.tool-arrow { color: var(--navy); }
.tool-arrow svg { width: 24px; height: 24px; }

.hosting-section {
    display: grid;
    grid-template-columns: 1fr minmax(380px,.92fr);
    gap: 70px;
    align-items: center;
    padding: 105px 64px;
    background: var(--navy);
    color: var(--cream);
}
.hosting-section .eyebrow, .hosting-section h2, .hosting-section .text-arrow { color: var(--cream); }
.hosting-copy > p:not(.eyebrow) { max-width: 670px; font-size: 1.04rem; line-height: 1.8; color: rgba(240,239,225,.78); }
.hosting-facts { display: grid; gap: 0; margin: 38px 0; border-top: 1px solid rgba(255,255,255,.16); }
.hosting-facts div { display: grid; grid-template-columns: 52px 1fr; gap: 20px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.hosting-facts strong { color: var(--coral); font-family: var(--condensed); }
.hosting-facts span { font-weight: 700; }
.hosting-visual { padding: 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: rgba(255,255,255,.06); transform: rotate(-.55deg); }
.hosting-visual > p { margin: 14px 4px 2px; font-size: .72rem; color: rgba(255,255,255,.58); }
.hosting-visual > img { width: 100%; border-radius: 15px; }
.compact-placeholder { border-radius: 15px; background: #e7e9e8; color: var(--navy); }
.compact-top { padding: 14px 16px; border-bottom: 1px solid rgba(22,49,84,.13); }
.compact-body { padding: 35px; }
.compact-version small { display: block; color: rgba(22,49,84,.55); font-weight: 900; letter-spacing: .1em; }
.compact-version strong { display: block; margin-top: 6px; font-family: var(--condensed); font-size: 2.7rem; line-height: 1; }
.compact-status { display: grid; grid-template-columns: 1fr auto; gap: 0; margin: 30px 0; border-top: 1px solid rgba(22,49,84,.14); }
.compact-status span, .compact-status b { padding: 10px 0; border-bottom: 1px solid rgba(22,49,84,.14); }
.compact-status b { color: #377257; }
.compact-body button { width: 100%; min-height: 45px; border: 0; border-radius: 10px; background: var(--coral); color: var(--navy-deep); font-weight: 900; }

.hub-section {
    display: grid;
    grid-template-columns: minmax(330px,.78fr) 1fr;
    gap: 78px;
    padding: 100px 64px;
    border-bottom: 1px solid var(--line);
}
.hub-title-block p:not(.eyebrow) { font-size: 1.05rem; line-height: 1.8; }
.hub-title-block .section-number { display: block; margin-bottom: 58px; }
.hub-links { border-top: 1px solid var(--line-strong); }
.hub-links a {
    display: grid;
    grid-template-columns: 54px 150px 1fr;
    gap: 24px;
    align-items: center;
    min-height: 110px;
    border-bottom: 1px solid var(--line);
    transition: padding .2s ease, background .2s ease;
}
.hub-links a:hover { padding-left: 14px; background: rgba(255,255,255,.34); }
.hub-links a > span { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid var(--line-strong); border-radius: 15px; }
.hub-links svg { width: 25px; height: 25px; }
.hub-links b { font-family: var(--condensed); font-size: 1.35rem; text-transform: uppercase; }
.hub-links small { color: #566168; font-size: .86rem; }

.process-section { padding: 100px 64px; border-bottom: 1px solid var(--line); }
.process-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-strong); }
.process-list li { display: grid; grid-template-columns: 86px 1fr; gap: 28px; padding: 29px 0; border-bottom: 1px solid var(--line); }
.process-list li > span { color: var(--coral); font-family: var(--condensed); font-weight: 900; }
.process-list b { display: block; color: var(--navy); font-family: var(--condensed); font-size: 1.7rem; text-transform: uppercase; }
.process-list p { margin: 4px 0 0; color: #5b6467; }
.process-list.compact { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.process-list.compact li { display: block; padding: 28px 28px 31px 0; border-bottom: 0; }
.process-list.compact li + li { padding-left: 28px; border-left: 1px solid var(--line); }
.process-list.compact li > span { display: block; margin-bottom: 34px; }

.support-project-section {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    padding: 90px 64px;
    background: var(--mint);
}
.support-project-section > div { max-width: 890px; }
.support-project-section p:not(.eyebrow) { max-width: 760px; font-size: 1.03rem; }
.support-project-section small { display: block; margin-top: 20px; color: rgba(21,36,58,.67); }

/* Page headers */
.page-hero {
    display: grid;
    grid-template-columns: minmax(450px, 1.15fr) minmax(320px,.75fr);
    gap: 70px;
    align-items: end;
    min-height: 440px;
    padding: 86px 64px 70px;
    border-bottom: 1px solid var(--line);
}
.page-hero h1 { font-size: clamp(4.5rem, 7.8vw, 8.5rem); }
.page-hero > p { max-width: 600px; margin: 0 0 10px; font-size: 1.08rem; line-height: 1.8; }
.page-hero-tools { background: linear-gradient(90deg, transparent 0 68%, rgba(100,186,212,.17) 68%); }
.page-hero-downloads { background: linear-gradient(90deg, transparent 0 72%, rgba(233,110,101,.15) 72%); }
.page-hero-training { background: linear-gradient(90deg, transparent 0 70%, rgba(183,225,207,.33) 70%); }
.page-hero-whitepapers { background: linear-gradient(90deg, transparent 0 69%, rgba(244,196,107,.25) 69%); }
.page-hero-updates { background: linear-gradient(90deg, transparent 0 71%, rgba(199,174,220,.24) 71%); }
.page-hero-support { background: linear-gradient(90deg, transparent 0 72%, rgba(100,186,212,.16) 72%); }

.tool-catalog { padding: 40px 64px 100px; }
.catalog-row {
    display: grid;
    grid-template-columns: 58px 66px minmax(190px,.55fr) 1fr 38px;
    gap: 26px;
    align-items: center;
    min-height: 122px;
    border-bottom: 1px solid var(--line);
    transition: background .2s ease, padding .2s ease;
}
.catalog-row:first-child { border-top: 1px solid var(--line-strong); }
.catalog-row:hover { padding-inline: 18px; background: rgba(255,255,255,.34); }
.catalog-number { font-family: var(--condensed); font-weight: 900; color: rgba(22,49,84,.38); }
.catalog-name { display: flex; flex-direction: column; }
.catalog-name small { color: var(--coral); font-size: .6rem; font-weight: 900; letter-spacing: .13em; }
.catalog-name strong { font-family: var(--condensed); font-size: 1.75rem; text-transform: uppercase; }
.catalog-summary { color: #48545b; }
.catalog-arrow svg { width: 24px; height: 24px; }
.plain-callout {
    padding: 88px 64px;
    background: var(--paper-2);
    border-top: 1px solid var(--line);
}
.plain-callout > p:not(.eyebrow) { max-width: 800px; margin: 22px 0 28px; font-size: 1.06rem; line-height: 1.8; }

/* Tool detail */
.tool-detail-hero {
    position: relative;
    display: grid;
    grid-template-columns: 130px 1fr minmax(210px,.38fr);
    gap: 48px;
    align-items: start;
    min-height: 560px;
    padding: 90px 64px 76px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--tool-accent), transparent 70%) 0 17%, transparent 17%);
    border-bottom: 1px solid var(--line);
}
.tool-detail-mark {
    display: grid;
    place-items: center;
    width: 110px;
    height: 110px;
    border: 1px solid color-mix(in srgb, var(--tool-accent), var(--navy) 20%);
    border-radius: 28px;
    background: color-mix(in srgb, var(--tool-accent), white 42%);
    color: var(--navy);
}
.tool-detail-mark svg { width: 53px; height: 53px; }
.tool-detail-copy { max-width: 780px; }
.tool-detail-copy h1 { font-size: clamp(4.7rem,8vw,8.5rem); }
.tool-detail-summary { margin: 24px 0 12px; font-size: 1.35rem; font-weight: 780; color: var(--navy); }
.tool-detail-copy > p:not(.eyebrow,.tool-detail-summary) { max-width: 720px; margin-bottom: 28px; color: #4b575d; font-size: 1.02rem; line-height: 1.8; }
.tool-detail-meta { display: grid; align-content: end; gap: 0; height: 100%; padding-bottom: 10px; }
.tool-detail-meta span { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: .69rem; font-weight: 900; letter-spacing: .1em; }
.tool-screenshot-primary { padding: 72px 64px 86px; background: var(--navy); }
.tool-screenshot-primary > img { width: 100%; max-height: 820px; object-fit: cover; border-radius: 20px; border: 1px solid rgba(255,255,255,.18); }
.detail-placeholder { min-height: 610px; padding: 24px; border-radius: 22px; background: #e8ebeb; }
.slot-label { display: block; margin-bottom: 16px; color: rgba(22,49,84,.5); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
.detail-placeholder-window { display: grid; grid-template-columns: 110px 1fr; min-height: 510px; overflow: hidden; border-radius: 16px; background: #f7f7f3; box-shadow: 0 18px 45px rgba(4,17,30,.22); }
.detail-placeholder-nav { display: flex; flex-direction: column; gap: 14px; padding: 27px 20px; background: #111922; }
.detail-placeholder-nav i { display: block; height: 52px; border-radius: 13px; background: rgba(255,255,255,.08); }
.detail-placeholder-nav i:first-child { background: var(--tool-accent); }
.detail-placeholder-main { padding: 42px; }
.detail-placeholder-title small { color: var(--coral); font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.detail-placeholder-title strong { display: block; margin-top: 8px; font-family: var(--condensed); color: var(--navy); font-size: 3rem; text-transform: uppercase; }
.detail-placeholder-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 38px; }
.detail-placeholder-grid i { height: 130px; border: 1px solid rgba(22,49,84,.1); border-radius: 14px; background: rgba(100,186,212,.14); }
.detail-placeholder-grid i:nth-child(2) { background: rgba(183,225,207,.35); }.detail-placeholder-grid i:nth-child(3){ background: rgba(233,110,101,.13); }
.detail-placeholder-lines { margin-top: 25px; padding: 8px 18px; border: 1px solid rgba(22,49,84,.1); border-radius: 13px; }
.detail-placeholder-lines i { display:block; height: 12px; margin: 14px 0; border-radius: 10px; background: rgba(22,49,84,.11); }
.detail-placeholder-lines i:nth-child(2){width:80%}.detail-placeholder-lines i:nth-child(3){width:92%}.detail-placeholder-lines i:nth-child(4){width:64%}
.detail-placeholder > p { margin: 18px 4px 0; color: rgba(22,49,84,.65); font-size: .75rem; }
.tool-principles { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--line); }
.tool-principles article { min-height: 330px; padding: 55px 42px; }
.tool-principles article + article { border-left: 1px solid var(--line); }
.tool-principles span { color: var(--coral); font-family: var(--condensed); font-weight: 900; }
.tool-principles h2 { margin: 80px 0 12px; color: var(--navy); font-family: var(--condensed); font-size: 2.3rem; line-height: .95; text-transform: uppercase; }
.tool-principles p { color: #596267; }
.tool-secondary-section { display: grid; grid-template-columns: .8fr 1fr; gap: 70px; align-items: center; padding: 100px 64px; }
.tool-secondary-copy p:not(.eyebrow) { font-size: 1.04rem; line-height: 1.8; }
.tool-secondary-visual > img { width: 100%; border-radius: 20px; }
.secondary-placeholder { display: grid; place-items: center; min-height: 410px; padding: 45px; text-align: center; background: var(--paper-2); border: 1px solid var(--line); border-radius: 22px; }
.secondary-placeholder > span { display: grid; place-items:center; width: 86px; height:86px; background: color-mix(in srgb,var(--tool-accent),white 45%); border-radius: 24px; }
.secondary-placeholder svg { width: 42px; height: 42px; }
.secondary-placeholder strong { margin-top: 24px; color: var(--navy); font-family: var(--condensed); font-size: 2.2rem; text-transform: uppercase; }
.secondary-placeholder p { margin: 5px 0; color: #5b666a; }
.secondary-placeholder small { color: var(--coral); font-weight: 900; letter-spacing: .09em; }
.previous-next { display: flex; justify-content: space-between; padding: 34px 64px; border-top: 1px solid var(--line); font-weight: 800; }

/* Downloads */
.current-release { display: grid; grid-template-columns: 150px 1fr minmax(300px,.55fr); gap: 44px; padding: 78px 64px; border-bottom: 1px solid var(--line); }
.release-stamp { display:flex; flex-direction:column; align-items:center; justify-content:center; width:130px; height:150px; border-radius:25px; background:var(--coral); color:var(--navy-deep); transform:rotate(-2deg); }
.release-stamp svg{width:48px;height:48px}.release-stamp span{margin-top:14px;font-size:.65rem;font-weight:900;letter-spacing:.13em}
.release-main h2 { margin:0; font-family:var(--condensed); font-size:4.7rem; line-height:.95; text-transform:uppercase; color:var(--navy); }
.release-main > p:not(.eyebrow){max-width:700px;line-height:1.8}.release-meta{display:flex;flex-wrap:wrap;gap:24px;margin:25px 0}.release-meta span{font-size:.72rem;color:#687174}.release-meta b{display:block;margin-top:3px;color:var(--navy)}
.requirements-box{padding:28px;background:rgba(255,255,255,.4);border:1px solid var(--line);border-radius:18px}.requirements-box .rich-text p,.requirements-box .rich-text li{font-size:.86rem}
.download-preflight{padding:85px 64px;border-bottom:1px solid var(--line)}
.release-archive{padding:80px 64px}.archive-table{border-top:1px solid var(--line-strong)}.archive-table>div{display:grid;grid-template-columns:1fr .5fr .5fr .5fr;padding:17px 0;border-bottom:1px solid var(--line)}

/* Resources */
.resource-index { padding: 55px 64px 100px; }
.resource-filter { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.resource-filter input{width:min(560px,65vw);height:50px;padding:0 17px;border:1px solid var(--line-strong);border-radius:13px;background:rgba(255,255,255,.42);color:var(--navy)}.resource-filter>span{font-size:.75rem;font-weight:850;color:#6c7475}
.resource-list{border-top:1px solid var(--line-strong)}.resource-list>a{display:grid;grid-template-columns:50px 58px 1fr 32px;gap:22px;align-items:center;min-height:115px;border-bottom:1px solid var(--line);transition:padding .2s ease,background .2s ease}.resource-list>a:hover{padding-inline:14px;background:rgba(255,255,255,.34)}.resource-number{font-family:var(--condensed);font-weight:900;color:rgba(22,49,84,.4)}.resource-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:15px}.resource-icon svg{width:26px;height:26px}.resource-list b{display:block;color:var(--navy);font-family:var(--condensed);font-size:1.45rem;text-transform:uppercase}.resource-list small{display:block;margin-top:5px;color:#5d676b}.resource-arrow svg{width:22px;height:22px}
.whitepaper-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.whitepaper-grid article{position:relative;min-height:560px;padding:45px 38px;border-bottom:1px solid var(--line)}.whitepaper-grid article+article{border-left:1px solid var(--line)}.paper-index{position:absolute;top:24px;right:26px;font-family:var(--condensed);font-weight:900;color:rgba(22,49,84,.38)}.paper-mark{display:grid;place-items:center;width:82px;height:96px;margin-bottom:60px;border-radius:12px 12px 24px 12px;background:var(--navy);color:var(--cream);transform:rotate(-2deg)}.paper-mark svg{width:36px;height:36px}.whitepaper-grid h2{margin:0;color:var(--navy);font-family:var(--condensed);font-size:2.4rem;line-height:.96;text-transform:uppercase}.whitepaper-grid article>p:not(.eyebrow){color:#596467;line-height:1.75}.paper-actions{position:absolute;left:38px;right:38px;bottom:38px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.paper-actions a{display:inline-flex;align-items:center;gap:8px;font-weight:850}.paper-actions svg{width:18px;height:18px}
.update-timeline{padding:65px 64px 100px}.update-timeline article{display:grid;grid-template-columns:110px 1fr;gap:42px;padding:42px 0;border-bottom:1px solid var(--line)}.update-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:108px;border:1px solid var(--line-strong);border-radius:20px}.update-date span,.update-date small{font-size:.63rem;font-weight:900;letter-spacing:.1em}.update-date b{font-family:var(--condensed);font-size:2.8rem;line-height:1}.update-meta{display:flex;gap:10px;margin-bottom:10px}.update-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-size:.6rem;font-weight:900;letter-spacing:.08em}.update-content h2{margin:0;color:var(--navy);font-family:var(--condensed);font-size:2.55rem;line-height:1;text-transform:uppercase}.update-content>p{max-width:760px;color:#596367}

/* Articles */
.article-page { padding: 0 64px 100px; }
.article-header { max-width: 1050px; padding: 75px 0 62px; }
.article-back { display:inline-block;margin-bottom:70px;font-size:.82rem;font-weight:800 }.article-header h1{font-size:clamp(4rem,7vw,7.4rem)}.article-header>p:not(.eyebrow){max-width:850px;margin:27px 0;font-size:1.18rem;line-height:1.75}.article-meta{display:flex;gap:22px;color:#677174;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.article-layout{display:grid;grid-template-columns:250px minmax(0,780px);gap:80px;border-top:1px solid var(--line-strong);padding-top:55px}.article-layout aside{padding-right:30px;border-right:1px solid var(--line)}.article-layout aside img{width:84px;margin-bottom:28px}.article-layout aside p{font-size:.8rem;color:#667074}.article-body{font-size:1.02rem}.rich-text h1,.rich-text h2,.rich-text h3{color:var(--navy);font-family:var(--condensed);text-transform:uppercase;line-height:1}.rich-text h1{font-size:3.2rem}.rich-text h2{margin-top:2.1em;font-size:2.5rem}.rich-text h3{margin-top:1.8em;font-size:1.7rem}.rich-text p,.rich-text li{line-height:1.82}.rich-text ul{padding-left:1.25rem}.rich-text code{padding:2px 6px;border-radius:5px;background:rgba(22,49,84,.09)}

/* About, privacy, telemetry, support */
.about-story{display:grid;grid-template-columns:280px minmax(0,760px);gap:80px;padding:90px 64px;border-bottom:1px solid var(--line)}.about-mark{display:grid;place-items:center;width:230px;height:260px;background:var(--navy);border-radius:28px;transform:rotate(-2deg)}.about-mark img{width:150px;filter:brightness(0) invert(1)}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:100px 64px;border-bottom:1px solid var(--line)}.about-principles>div:first-child>p:not(.eyebrow){font-size:1.03rem;line-height:1.8}.about-principles .rich-text ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.about-principles .rich-text li{padding:16px 0;border-bottom:1px solid var(--line);font-weight:700}
.policy-layout{display:grid;grid-template-columns:250px minmax(0,820px);gap:80px;padding:80px 64px 110px}.policy-layout nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:30px;border-top:1px solid var(--line-strong)}.policy-layout nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:.8rem;font-weight:800}.policy-body h2{font-size:3rem}.policy-body h2:first-child{margin-top:0}
.telemetry-columns{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.telemetry-columns article{min-height:560px;padding:64px}.telemetry-columns article+article{border-left:1px solid var(--line)}.telemetry-columns article>span{display:grid;place-items:center;width:80px;height:80px;margin-bottom:75px;border-radius:22px}.telemetry-columns article>span svg{width:38px;height:38px}.telemetry-sent>span{background:var(--mint)}.telemetry-never>span{background:var(--coral)}.telemetry-columns .rich-text ul{padding:0;list-style:none;border-top:1px solid var(--line-strong)}.telemetry-columns .rich-text li{padding:14px 0;border-bottom:1px solid var(--line)}.telemetry-flow{display:grid;grid-template-columns:repeat(3,1fr);padding:75px 64px;border-bottom:1px solid var(--line)}.telemetry-flow>div{padding-right:40px}.telemetry-flow>div+div{padding-left:40px;border-left:1px solid var(--line)}.telemetry-flow span{display:block;margin-bottom:65px;color:var(--coral);font-family:var(--condensed);font-weight:900}.telemetry-flow b{display:block;color:var(--navy);font-family:var(--condensed);font-size:1.9rem;line-height:1;text-transform:uppercase}.telemetry-flow p{color:#5d666a}
.support-start{display:grid;grid-template-columns:1fr .75fr;gap:80px;padding:80px 64px;border-bottom:1px solid var(--line)}.support-guides>a:not(.text-arrow){display:grid;grid-template-columns:52px 1fr 24px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.support-guides>a:first-of-type{border-top:1px solid var(--line-strong)}.support-guides>a>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px}.support-guides>a>span svg{width:24px}.support-guides b{display:block;font-family:var(--condensed);font-size:1.3rem;text-transform:uppercase}.support-guides small{color:#626b6e}.support-guides>a>svg{width:20px}.support-guides .text-arrow{margin-top:24px}.support-expectations{padding:32px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.35)}.support-expectations .eyebrow{margin-top:0}.support-form-section{display:grid;grid-template-columns:.68fr 1fr;gap:80px;padding:95px 64px}.support-form-section>div>p:not(.eyebrow){line-height:1.8}.public-form{display:grid;gap:18px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}.public-form label{display:grid;gap:8px}.public-form label>span{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.public-form input,.public-form textarea{width:100%;padding:13px 14px;border:1px solid var(--line-strong);border-radius:11px;background:rgba(255,255,255,.5);color:var(--navy);outline:none}.public-form input:focus,.public-form textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(100,186,212,.2)}.form-notice{padding:14px 16px;border-radius:10px;font-weight:700}.form-notice.success{background:rgba(183,225,207,.62)}.form-notice.error{background:rgba(233,110,101,.2);border:1px solid rgba(233,110,101,.5)}.form-notice p{margin:0}.support-closed{padding:40px;border:1px solid var(--line);border-radius:20px;background:var(--paper-2)}
.not-found-page{display:grid;place-items:center;min-height:680px;padding:80px;text-align:center}.not-found-page img{width:120px;margin-bottom:30px}.not-found-page h1{font-size:5rem}.not-found-page>p:not(.eyebrow){max-width:560px;margin:22px auto 28px}

/* Footer */
.site-footer { padding: 70px 64px 24px; background: var(--navy-deep); color: var(--cream); }
.footer-brand { display:flex;gap:20px;align-items:center;margin-bottom:65px }.footer-brand img{width:78px;filter:brightness(0) invert(1)}.footer-brand strong{font-family:var(--condensed);font-size:2.2rem;text-transform:uppercase}.footer-brand p{margin:2px 0;color:rgba(240,239,225,.58);font-size:.82rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-bottom:55px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links span{margin-bottom:10px;color:var(--coral);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.footer-links a{width:fit-content;color:rgba(240,239,225,.78);font-size:.88rem}.footer-links a:hover{color:var(--cream)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);color:rgba(240,239,225,.5);font-size:.7rem}

@media (max-width: 1180px) {
    .site-header { grid-template-columns: 1fr auto; }
    .site-nav { position:absolute; top:82px; left:30px; right:30px; display:none; flex-wrap:wrap; padding:12px; background:var(--paper); box-shadow:0 20px 40px rgba(13,34,59,.18); }
    .site-nav.is-open { display:flex; }
    .nav-toggle { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--line); border-radius:12px; }
    .header-actions { display:none; }
    .hero-section { padding-right: 50%; }
    .hero-stage { right:36px; width:45%; }
    .hosting-section,.hub-section,.tool-secondary-section,.support-start,.support-form-section { gap:45px; }
    .whitepaper-grid { grid-template-columns:1fr 1fr; }.whitepaper-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}
}

@media (max-width: 900px) {
    .site-shell { width:min(calc(100% - 20px),1500px); margin:10px auto; border-radius:24px; }
    .site-shell::before { inset:10px; border-radius:18px; }
    .site-header { padding:14px 24px; min-height:76px; }.brand img{width:195px;height:62px}.site-nav{top:72px;left:18px;right:18px}
    .hero-section { min-height:auto; padding:70px 30px 70px; }.hero-section::after{display:none}.hero-copy{max-width:none}.hero-stage{position:relative;top:auto;right:auto;width:100%;margin-top:55px}.hero-index{right:30px;top:35px}.hero-oversize{left:28px;font-size:18vw}
    .statement-section { grid-template-columns:50px 1fr; padding:75px 30px; }.statement-body{grid-column:2}
    .featured-tools-section,.tool-catalog,.resource-index,.update-timeline,.article-page { padding-left:30px;padding-right:30px }.featured-tool,.catalog-row{grid-template-columns:42px 54px 1fr 32px}.tool-summary,.catalog-summary{grid-column:3;}.tool-arrow,.catalog-arrow{grid-column:4;grid-row:1/3}.tool-icon,.catalog-icon{width:50px;height:50px}
    .hosting-section,.hub-section,.tool-secondary-section,.support-start,.support-form-section,.about-principles { grid-template-columns:1fr; padding:80px 30px; }.hosting-visual{max-width:650px}.hub-title-block .section-number{margin-bottom:25px}.hub-links a{grid-template-columns:54px 140px 1fr}
    .process-section,.download-preflight,.plain-callout,.support-project-section { padding:80px 30px }.process-list.compact{grid-template-columns:1fr 1fr}.process-list.compact li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.support-project-section{align-items:flex-start;flex-direction:column}
    .page-hero { grid-template-columns:1fr; min-height:400px; padding:70px 30px 55px }.page-hero>p{max-width:720px}
    .tool-detail-hero{grid-template-columns:100px 1fr;padding:75px 30px}.tool-detail-meta{grid-column:2;height:auto}.tool-screenshot-primary{padding:50px 30px}.tool-principles{grid-template-columns:1fr}.tool-principles article+article{border-left:0;border-top:1px solid var(--line)}
    .current-release{grid-template-columns:120px 1fr;padding:65px 30px}.requirements-box{grid-column:2}.release-stamp{width:110px;height:130px}.release-main h2{font-size:3.8rem}
    .whitepaper-grid{grid-template-columns:1fr}.whitepaper-grid article+article{border-left:0}.whitepaper-grid article:nth-child(3){border-top:0}
    .article-layout{grid-template-columns:1fr;gap:35px}.article-layout aside{border-right:0;border-bottom:1px solid var(--line);padding:0 0 30px}.article-layout aside img{width:65px}
    .about-story{grid-template-columns:180px 1fr;gap:50px;padding:75px 30px}.about-mark{width:170px;height:210px}.about-mark img{width:110px}.policy-layout{grid-template-columns:180px 1fr;gap:45px;padding:70px 30px}.telemetry-columns article{padding:50px 30px}.telemetry-flow{padding:60px 30px}
    .site-footer{padding:60px 30px 24px}
}

@media (max-width: 620px) {
    .site-header{padding-inline:16px}.brand img{width:170px;height:58px}.site-nav{flex-direction:column;align-items:stretch}.site-nav a{text-align:center}
    .hero-copy h1,.page-hero h1,.tool-detail-hero h1,.article-header h1{font-size:3.8rem}.hero-section{padding-inline:22px}.hero-stage{padding:10px}.screenshot-placeholder-hero{grid-template-columns:48px;min-height:360px}.placeholder-sidebar{display:none}.placeholder-workspace{padding:15px}.placeholder-heading{margin-top:35px}.placeholder-heading strong{font-size:1.8rem}.placeholder-panels{grid-template-columns:1fr}.placeholder-panels span{height:46px}.placeholder-panels span:nth-child(3){display:none}.stage-caption{align-items:flex-start;flex-direction:column}.hero-oversize{display:none}
    .statement-section{grid-template-columns:1fr;gap:25px;padding-inline:22px}.statement-body{grid-column:auto}.statement-heading h2,.section-heading-row h2,.hosting-copy h2,.hub-title-block h2,.plain-callout h2,.support-project-section h2{font-size:2.8rem}
    .featured-tools-section,.tool-catalog,.resource-index,.update-timeline,.article-page{padding-left:22px;padding-right:22px}.section-heading-row{align-items:flex-start;flex-direction:column}.featured-tool,.catalog-row{grid-template-columns:38px 50px 1fr;gap:14px;padding-block:22px}.tool-arrow,.catalog-arrow{display:none}.tool-summary,.catalog-summary{grid-column:2/4}.tool-name b,.catalog-name strong{font-size:1.42rem}
    .hosting-section,.hub-section,.process-section,.tool-secondary-section,.support-start,.support-form-section,.plain-callout,.support-project-section,.about-principles{padding-left:22px;padding-right:22px}.hub-links a{grid-template-columns:48px 1fr;gap:15px;padding:18px 0}.hub-links small{grid-column:2}.hub-links b{font-size:1.25rem}.process-list li{grid-template-columns:46px 1fr}.process-list.compact{grid-template-columns:1fr}.process-list.compact li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}
    .page-hero{padding-left:22px;padding-right:22px;min-height:360px}.tool-detail-hero{grid-template-columns:1fr;padding:60px 22px}.tool-detail-mark{width:82px;height:82px}.tool-detail-mark svg{width:40px}.tool-detail-meta{grid-column:auto}.tool-screenshot-primary{padding:30px 16px}.detail-placeholder{min-height:430px;padding:12px}.detail-placeholder-window{grid-template-columns:1fr;min-height:350px}.detail-placeholder-nav{display:none}.detail-placeholder-main{padding:24px}.detail-placeholder-title strong{font-size:2rem}.detail-placeholder-grid{grid-template-columns:1fr 1fr}.detail-placeholder-grid i{height:75px}.detail-placeholder-grid i:nth-child(3){display:none}.tool-principles article{min-height:auto;padding:45px 22px}.tool-principles h2{margin-top:40px}.previous-next{padding:26px 22px;flex-direction:column;gap:12px}
    .current-release{grid-template-columns:1fr;padding:55px 22px}.requirements-box{grid-column:auto}.release-stamp{width:95px;height:110px}.release-main h2{font-size:3.2rem}.archive-table>div{grid-template-columns:1fr 1fr;gap:8px}.resource-filter{align-items:flex-start;flex-direction:column}.resource-filter input{width:100%}.resource-list>a{grid-template-columns:38px 45px 1fr;gap:12px}.resource-arrow{display:none}.whitepaper-grid article{min-height:500px;padding-inline:25px}.paper-actions{left:25px;right:25px}.update-timeline article{grid-template-columns:1fr;gap:20px}.update-date{width:80px;height:95px}.article-header{padding-top:55px}.article-back{margin-bottom:40px}
    .about-story{grid-template-columns:1fr;padding:60px 22px}.about-mark{width:140px;height:170px}.policy-layout{grid-template-columns:1fr;padding:60px 22px}.policy-layout nav{position:static}.telemetry-columns{grid-template-columns:1fr}.telemetry-columns article{min-height:auto;padding:55px 22px}.telemetry-columns article+article{border-left:0;border-top:1px solid var(--line)}.telemetry-columns article>span{margin-bottom:40px}.telemetry-flow{grid-template-columns:1fr;padding:45px 22px}.telemetry-flow>div{padding:28px 0}.telemetry-flow>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.telemetry-flow span{margin-bottom:25px}.form-grid.two{grid-template-columns:1fr}
    .site-footer{padding-left:22px;padding-right:22px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.footer-brand strong{font-size:1.7rem}
}

/* --------------------------------------------------------------------------
   Homepage refresh v1.0.2
   Full-width shell, centered product story, and a real screenshot showcase.
   -------------------------------------------------------------------------- */
:root {
    --content-gutter: clamp(24px, 4vw, 72px);
    --content-wide: 1580px;
}

.site-shell {
    width: calc(100% - 16px);
    max-width: none;
    margin: 8px;
    border-radius: 28px;
}
.site-shell::before {
    inset: 8px;
    max-width: none;
    border-radius: 20px;
}
.site-header {
    min-height: 88px;
    padding-inline: var(--content-gutter);
}
.brand img {
    width: 220px;
    height: 68px;
}
.site-nav {
    padding: 7px;
    border-radius: 15px;
    background: rgba(22,49,84,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}
.site-nav a {
    min-width: 78px;
    padding: 10px 15px;
    text-align: center;
}

.hero-section.hero-modern {
    min-height: 1040px;
    padding: 86px var(--content-gutter) 72px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 33%, rgba(233,110,101,.22), transparent 32%),
        radial-gradient(circle at 18% 56%, rgba(183,225,207,.27), transparent 24%),
        radial-gradient(circle at 84% 54%, rgba(100,186,212,.20), transparent 25%),
        linear-gradient(180deg, #f8f5ee 0%, #f6eee9 49%, #f0efe1 100%);
    border-bottom: 1px solid var(--line);
}
.hero-section.hero-modern::after { display: none; }
.hero-wash {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(22,49,84,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22,49,84,.035) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 70%);
}
.hero-copy-centered {
    position: relative;
    z-index: 5;
    width: min(980px, 100%);
    max-width: none;
    margin: 0 auto;
    text-align: center;
}
.hero-copy-centered .eyebrow { margin-bottom: 20px; }
.hero-copy-centered h1 {
    max-width: 980px;
    margin-inline: auto;
    font-size: clamp(4.5rem, 8vw, 8.8rem);
    line-height: .84;
    text-wrap: balance;
}
.hero-copy-centered .hero-intro {
    max-width: 760px;
    margin: 30px auto 26px;
    font-size: clamp(1rem, 1.35vw, 1.2rem);
    line-height: 1.7;
}
.hero-buttons { justify-content: center; }
.hero-trust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 22px;
    margin-top: 26px;
    color: rgba(21,36,58,.72);
    font-size: .78rem;
    font-weight: 800;
}
.hero-trust span { display: inline-flex; align-items: center; gap: 7px; }
.hero-trust svg { width: 16px; height: 16px; color: var(--navy); }

.hero-float {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px 8px 8px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(22,49,84,.10);
    backdrop-filter: blur(16px);
    color: var(--navy);
    font-size: .72rem;
    transition: transform .2s ease, box-shadow .2s ease;
}
.hero-float:hover { transform: translateY(-3px); box-shadow: 0 17px 34px rgba(22,49,84,.16); }
.hero-float > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--tool-accent);
    background: color-mix(in srgb, var(--tool-accent) 58%, white);
}
.hero-float svg { width: 18px; height: 18px; }
.hero-float-1 { top: 185px; left: 6.5%; transform: rotate(-3deg); }
.hero-float-2 { top: 330px; left: 3%; transform: rotate(2deg); }
.hero-float-3 { top: 165px; right: 6%; transform: rotate(3deg); }
.hero-float-4 { top: 318px; right: 3.5%; transform: rotate(-2deg); }
.hero-float-5 { top: 448px; right: 8%; transform: rotate(2deg); }

.showcase-stage {
    position: relative;
    z-index: 6;
    top: auto;
    right: auto;
    width: min(1380px, calc(100% - 42px));
    min-height: 570px;
    margin: 76px auto 0;
    padding: 14px;
    background: rgba(255,255,255,.58);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 28px;
    box-shadow: 0 38px 80px rgba(22,49,84,.22);
    transform: none;
    backdrop-filter: blur(18px);
}
.showcase-window-bar {
    display: grid;
    grid-template-columns: 92px 1fr auto;
    align-items: center;
    gap: 16px;
    min-height: 34px;
    padding: 0 8px 10px;
    color: rgba(22,49,84,.58);
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .12em;
}
.showcase-window-bar > span { text-align: center; }
.showcase-window-bar > b { color: var(--coral); }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 999px; background: rgba(22,49,84,.16); }
.window-dots i:nth-child(1) { background: var(--coral); }
.window-dots i:nth-child(2) { background: #f3bf66; }
.window-dots i:nth-child(3) { background: var(--mint); }
.showcase-tabs {
    display: flex;
    justify-content: center;
    gap: 5px;
    width: fit-content;
    max-width: calc(100% - 30px);
    margin: 4px auto 14px;
    padding: 6px;
    overflow-x: auto;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(22,49,84,.09);
    border-radius: 14px;
}
.showcase-tabs span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 9px 13px;
    border-radius: 10px;
    color: rgba(21,36,58,.65);
    font-size: .72rem;
    font-weight: 800;
}
.showcase-tabs span.is-active { background: var(--navy); color: var(--cream); }
.showcase-tabs svg { width: 16px; height: 16px; }
.showcase-image-wrap {
    overflow: hidden;
    border: 1px solid rgba(22,49,84,.12);
    border-radius: 17px;
    background: #edf1f2;
}
.showcase-image-wrap .stage-image {
    width: 100%;
    aspect-ratio: 16/8.2;
    object-fit: cover;
    object-position: top center;
    border: 0;
    border-radius: 0;
}
.showcase-placeholder {
    display: grid;
    grid-template-columns: 78px 1fr;
    min-height: 470px;
    overflow: hidden;
    border: 1px solid rgba(22,49,84,.13);
    border-radius: 17px;
    background: #f4f6f5;
}
.showcase-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 18px 12px;
    background: var(--navy);
}
.showcase-sidebar img {
    width: 37px;
    height: 37px;
    margin-bottom: 14px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.showcase-sidebar span {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    border-radius: 11px;
    color: rgba(255,255,255,.65);
}
.showcase-sidebar span.is-active { background: var(--coral); color: var(--navy-deep); }
.showcase-sidebar svg { width: 19px; height: 19px; }
.showcase-workspace { padding: 24px; }
.showcase-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding-bottom: 20px;
}
.showcase-toolbar small {
    display: block;
    margin-bottom: 3px;
    color: var(--coral);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .13em;
}
.showcase-toolbar strong { color: var(--navy); font-size: 1.42rem; }
.showcase-toolbar-actions { display: flex; gap: 7px; }
.showcase-toolbar-actions i { width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.65); }
.showcase-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.showcase-kpis article {
    min-height: 105px;
    padding: 16px;
    background: white;
    border: 1px solid rgba(22,49,84,.10);
    border-radius: 14px;
}
.showcase-kpis article:nth-child(2) { background: rgba(183,225,207,.44); }
.showcase-kpis article:nth-child(3) { background: rgba(100,186,212,.20); }
.showcase-kpis span,
.showcase-kpis small { display: block; color: rgba(21,36,58,.58); font-size: .67rem; font-weight: 750; }
.showcase-kpis strong { display: block; margin: 8px 0 3px; color: var(--navy); font-size: 1.5rem; }
.showcase-columns { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12px; margin-top: 12px; }
.showcase-list-panel,
.showcase-focus-panel {
    min-height: 210px;
    padding: 17px;
    background: white;
    border: 1px solid rgba(22,49,84,.10);
    border-radius: 14px;
}
.showcase-list-panel header { display: flex; justify-content: space-between; margin-bottom: 12px; }
.showcase-list-panel header strong { color: var(--navy); }
.showcase-list-panel header span { color: var(--coral); font-size: .67rem; font-weight: 850; }
.showcase-list-panel p {
    display: grid;
    grid-template-columns: 9px 1fr auto;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 11px 0;
    border-top: 1px solid rgba(22,49,84,.08);
}
.showcase-list-panel p i { width: 7px; height: 7px; border-radius: 999px; background: var(--mint); }
.showcase-list-panel p:nth-of-type(2) i { background: var(--sky); }
.showcase-list-panel p:nth-of-type(3) i { background: var(--coral); }
.showcase-list-panel p:nth-of-type(4) i { background: #c7aedc; }
.showcase-list-panel p b { font-size: .76rem; }
.showcase-list-panel p small { color: rgba(21,36,58,.55); font-size: .65rem; }
.showcase-focus-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--navy);
    color: var(--cream);
}
.showcase-focus-panel > span { color: var(--coral); font-size: .6rem; font-weight: 900; letter-spacing: .12em; }
.showcase-focus-panel strong { display: block; max-width: 340px; margin: 9px 0; font-family: var(--condensed); font-size: 2.15rem; line-height: .94; text-transform: uppercase; }
.showcase-focus-panel p { max-width: 370px; margin: 0 0 18px; color: rgba(240,239,225,.72); font-size: .76rem; }
.showcase-focus-panel button {
    width: fit-content;
    padding: 9px 12px;
    border: 0;
    border-radius: 9px;
    background: var(--coral);
    color: var(--navy-deep);
    font-size: .69rem;
    font-weight: 850;
}
.showcase-stage .stage-caption { padding: 12px 7px 1px; }

.audience-ribbon {
    display: grid;
    place-items: center;
    min-height: 94px;
    padding: 20px var(--content-gutter);
    background: var(--navy);
    color: var(--cream);
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.audience-ribbon p {
    max-width: 1050px;
    margin: 0;
    text-align: center;
    font-family: var(--condensed);
    font-size: clamp(1.25rem, 2.1vw, 2.1rem);
    font-weight: 850;
    line-height: 1.05;
    text-transform: uppercase;
}

.week-section {
    padding: 108px var(--content-gutter);
    border-bottom: 1px solid var(--line);
}
.week-intro {
    display: grid;
    grid-template-columns: minmax(360px, .9fr) minmax(360px, .7fr);
    column-gap: clamp(50px, 8vw, 150px);
    align-items: end;
    max-width: var(--content-wide);
    margin: 0 auto 66px;
}
.week-intro .eyebrow { grid-column: 1 / -1; }
.week-intro h2 {
    margin: 0;
    color: var(--navy);
    font-family: var(--condensed);
    font-size: clamp(3.2rem, 5.4vw, 6.3rem);
    font-weight: 900;
    line-height: .87;
    letter-spacing: -.035em;
    text-transform: uppercase;
}
.week-intro > p:last-child { margin: 0; font-size: 1rem; line-height: 1.75; }
.week-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: var(--content-wide);
    margin: 0 auto;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}
.week-grid article {
    min-height: 330px;
    padding: 34px 32px 36px;
}
.week-grid article + article { border-left: 1px solid var(--line); }
.week-grid article > span { color: var(--coral); font-family: var(--condensed); font-weight: 900; }
.week-grid .eyebrow { margin: 68px 0 12px; font-size: .62rem; }
.week-grid h3 {
    margin: 0 0 14px;
    color: var(--navy);
    font-family: var(--condensed);
    font-size: clamp(2rem, 2.7vw, 3rem);
    line-height: .92;
    text-transform: uppercase;
}
.week-grid article > p:last-child { margin: 0; color: #596266; font-size: .85rem; line-height: 1.65; }

.featured-tools-section,
.hosting-section,
.hub-section,
.process-section,
.support-project-section {
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
}
.featured-tools-section > *,
.hosting-section > *,
.hub-section > *,
.process-section > *,
.support-project-section > * { }
.featured-tools-section .section-heading-row,
.featured-tool-list,
.process-section .section-heading-row,
.process-list {
    max-width: var(--content-wide);
    margin-left: auto;
    margin-right: auto;
}
.hosting-section,
.hub-section,
.support-project-section {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

@media (max-width: 1180px) {
    .hero-float { display: none; }
    .hero-section.hero-modern { min-height: auto; }
    .showcase-stage { width: 100%; }
    .week-intro { grid-template-columns: 1fr; gap: 25px; }
    .week-intro .eyebrow { grid-column: auto; }
}

@media (max-width: 900px) {
    .site-shell { width: calc(100% - 8px); margin: 4px; border-radius: 22px; }
    .site-shell::before { inset: 4px; border-radius: 16px; }
    .site-header { padding-inline: 22px; }
    .hero-section.hero-modern { padding: 68px 22px 50px; }
    .hero-copy-centered h1 { font-size: clamp(4rem, 12vw, 6.4rem); }
    .showcase-stage { margin-top: 56px; padding: 10px; border-radius: 22px; }
    .showcase-window-bar { grid-template-columns: 56px 1fr; }
    .showcase-window-bar > b { display: none; }
    .showcase-placeholder { grid-template-columns: 62px 1fr; }
    .showcase-workspace { padding: 17px; }
    .week-section { padding: 78px 30px; }
    .week-grid { grid-template-columns: 1fr; }
    .week-grid article { min-height: auto; }
    .week-grid article + article { border-left: 0; border-top: 1px solid var(--line); }
    .week-grid .eyebrow { margin-top: 42px; }
}

@media (max-width: 620px) {
    .site-header { padding-inline: 14px; }
    .brand img { width: 165px; height: 56px; }
    .hero-section.hero-modern { padding: 55px 16px 36px; }
    .hero-copy-centered h1 { font-size: 3.85rem; }
    .hero-copy-centered .hero-intro { font-size: .96rem; }
    .hero-trust { align-items: center; flex-direction: column; gap: 7px; }
    .showcase-stage { width: 100%; margin-top: 42px; padding: 8px; }
    .showcase-window-bar { display: flex; justify-content: space-between; padding-inline: 3px; }
    .showcase-window-bar > span { max-width: 190px; text-align: right; }
    .showcase-tabs { justify-content: flex-start; width: 100%; max-width: 100%; }
    .showcase-placeholder { grid-template-columns: 1fr; min-height: 510px; }
    .showcase-sidebar { display: none; }
    .showcase-workspace { padding: 14px; }
    .showcase-kpis { grid-template-columns: 1fr 1fr; }
    .showcase-kpis article:nth-child(3) { display: none; }
    .showcase-columns { grid-template-columns: 1fr; }
    .showcase-list-panel { display: none; }
    .showcase-focus-panel { min-height: 230px; }
    .showcase-stage .stage-caption { align-items: flex-start; flex-direction: column; }
    .audience-ribbon { min-height: 82px; padding-inline: 20px; }
    .week-section { padding: 64px 20px; }
    .week-intro h2 { font-size: 3.15rem; }
    .week-grid article { padding: 28px 22px; }
}

/* Customer profile and gated resource area */
.header-account-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--navy);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.header-account-link span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--navy);color:#fff;font-weight:800}.header-account-link b{font-weight:700}.account-auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:clamp(40px,7vw,110px);padding:clamp(70px,9vw,130px) clamp(24px,7vw,120px);align-items:center;min-height:720px;background:linear-gradient(135deg,rgba(183,225,207,.26),transparent 45%),var(--cream)}.account-auth-copy{max-width:720px}.account-auth-copy h1,.account-dashboard-hero h1,.profile-heading h1{font-size:clamp(3.2rem,6vw,6.9rem);line-height:.88;letter-spacing:-.045em;text-transform:uppercase;margin:.16em 0}.account-auth-copy>p,.profile-heading>p,.account-dashboard-hero>div>p{font-size:1.08rem;line-height:1.65;max-width:650px}.account-benefits{list-style:none;padding:0;margin:38px 0 0;display:grid;gap:16px}.account-benefits li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding-top:16px;border-top:1px solid var(--line)}.account-benefits svg{width:30px;height:30px}.account-benefits span{display:grid;gap:4px}.account-benefits small{line-height:1.45;color:var(--muted)}.account-auth-card{background:rgba(255,255,255,.72);border:1px solid rgba(22,49,84,.14);border-radius:26px;padding:clamp(26px,4vw,48px);box-shadow:0 28px 70px rgba(22,49,84,.12);backdrop-filter:blur(16px);display:grid;gap:18px}.account-auth-card h2{font-size:2.2rem;margin:0 0 8px}.account-auth-card label{display:grid;gap:7px;font-weight:700;font-size:.83rem}.account-auth-card label span{display:flex;justify-content:space-between}.account-auth-card label small{font-weight:500;color:var(--muted)}.account-auth-card input{width:100%;border:1px solid rgba(22,49,84,.2);border-radius:13px;padding:14px 15px;background:#fff;color:var(--navy);font:inherit}.account-auth-card input:focus{outline:3px solid rgba(100,186,212,.24);border-color:var(--blue)}.account-switch{margin:2px 0 0;font-size:.9rem}.account-switch a,.profile-back,.support-account-note a{color:var(--navy);font-weight:800}.account-privacy-note{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin-top:34px;padding:22px;border:1px solid rgba(22,49,84,.14);border-radius:18px;background:rgba(255,255,255,.42);line-height:1.5}.account-dashboard-hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:clamp(70px,8vw,115px) clamp(24px,7vw,110px) 50px;background:linear-gradient(115deg,rgba(100,186,212,.18),transparent 52%)}.account-dashboard-hero h1{max-width:900px}.account-identity{min-width:300px;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:50px 1fr;gap:13px;background:rgba(255,255,255,.66)}.account-identity>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--navy);color:#fff;font-size:1.2rem;font-weight:900}.account-identity>div:not(.account-identity-actions){display:grid}.account-identity small{color:var(--muted)}.account-identity-actions{grid-column:1/-1;display:flex;gap:16px;padding-top:12px;border-top:1px solid var(--line)}.account-identity-actions a{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--navy)}.account-flash{margin:20px clamp(24px,7vw,110px) 0}.account-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px clamp(24px,7vw,110px) 70px}.account-resource-grid>a{position:relative;min-height:330px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;color:var(--navy);display:flex;flex-direction:column;transition:.2s ease}.account-resource-grid>a:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(22,49,84,.1)}.account-resource-grid>a>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--mint)}.account-resource-grid svg{width:26px;height:26px}.account-resource-grid h2{font-size:2.25rem;margin:.15em 0}.account-resource-grid p:not(.eyebrow){line-height:1.55;color:var(--muted)}.account-resource-grid>a>b{margin-top:auto;display:flex;gap:8px;align-items:center}.account-resource-grid>a>b svg{width:18px}.account-requests{padding:0 clamp(24px,7vw,110px) 100px}.account-request-list{border-top:1px solid var(--line)}.account-request-list article{display:flex;justify-content:space-between;gap:30px;padding:22px 0;border-bottom:1px solid var(--line)}.account-request-list h3{margin:8px 0 5px}.account-request-list p{margin:0;color:var(--muted)}.account-request-list time{white-space:nowrap;color:var(--muted);font-size:.82rem}.request-status{display:inline-flex;border-radius:999px;padding:5px 9px;background:var(--soft-gray);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.account-empty{padding:32px;border:1px dashed var(--line);border-radius:18px}.profile-page{display:grid;grid-template-columns:1fr minmax(380px,.72fr);gap:clamp(40px,7vw,100px);padding:clamp(70px,8vw,120px) clamp(24px,7vw,110px);align-items:start}.profile-heading{max-width:720px}.profile-form{position:sticky;top:30px}.profile-password{display:grid;gap:16px;padding-top:20px;margin-top:6px;border-top:1px solid var(--line)}.support-account-note{padding:12px 14px;border-radius:12px;background:rgba(183,225,207,.35);font-size:.85rem}.form-notice.info{background:rgba(100,186,212,.16);border-color:rgba(100,186,212,.5)}
@media(max-width:900px){.account-auth-shell,.profile-page{grid-template-columns:1fr}.account-dashboard-hero{grid-template-columns:1fr}.account-identity{min-width:0}.account-resource-grid{grid-template-columns:1fr}.profile-form{position:static}.header-account-link b{display:none}}
@media(max-width:620px){.account-auth-shell{padding-inline:18px}.account-auth-copy h1,.account-dashboard-hero h1,.profile-heading h1{font-size:3.45rem}.account-auth-card{padding:23px;border-radius:20px}.account-privacy-note{grid-template-columns:1fr}.account-dashboard-hero{padding-inline:20px}.account-resource-grid,.account-requests{padding-inline:20px}.account-request-list article{flex-direction:column;gap:10px}.profile-page{padding-inline:20px}}

/* Support conversations */
.support-portal-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:28px;padding:70px clamp(24px,5vw,80px)}
.support-ticket-list-panel,.support-guide-rail{min-width:0}.support-ticket-list{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.55)}
.support-ticket-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto 22px;gap:18px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);color:inherit}.support-ticket-list>a:last-child{border-bottom:0}.support-ticket-list>a:hover{background:#fff}.support-ticket-list h3{margin:4px 0 5px;color:var(--navy);font-size:1rem}.support-ticket-list p{margin:0;color:#657078;font-size:.78rem}.support-ticket-list small{color:#8a9398;font-size:.66rem;font-weight:800;text-transform:uppercase}.support-ticket-list time{font-size:.7rem;color:#7c878d}.support-ticket-list svg{width:18px}.support-guide-rail{align-self:start;padding:24px;border-radius:22px;background:var(--navy);color:#fff}.support-guide-rail>.eyebrow{color:var(--sky)}.support-guide-rail>a:not(.text-arrow){display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.support-guide-rail>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1)}.support-guide-rail svg{width:18px}.support-guide-rail b,.support-guide-rail small{display:block}.support-guide-rail small{margin-top:4px;color:#aebbc4;font-size:.68rem;line-height:1.45}.support-guide-rail .text-arrow{display:flex;margin-top:18px;color:var(--mint)}
.ticket-page-header{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:50px;align-items:end;padding:70px clamp(24px,6vw,100px) 36px}.ticket-page-header h1{max-width:900px;margin:10px 0 0;color:var(--navy);font-family:var(--condensed);font-size:clamp(3rem,5vw,6.2rem);line-height:.88;text-transform:uppercase}.back-link{display:inline-flex;margin-bottom:30px}.ticket-summary-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.ticket-summary-card dl{display:grid;gap:10px;margin:18px 0 0}.ticket-summary-card dl div{display:flex;justify-content:space-between;gap:18px;padding-top:10px;border-top:1px solid #e8e5de}.ticket-summary-card dt{color:#7a858a;font-size:.68rem;font-weight:800;text-transform:uppercase}.ticket-summary-card dd{margin:0;text-align:right;font-size:.76rem;font-weight:750}.ticket-summary-card code{font-size:.68rem}
.ticket-conversation{display:grid;gap:18px;max-width:1040px;margin:0 auto;padding:30px clamp(24px,5vw,70px)}.ticket-message{max-width:86%;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line)}.ticket-message.is-customer{justify-self:end;background:#f5f9fa;border-color:#dce9ed}.ticket-message.is-staff{justify-self:start;border-left:4px solid var(--coral)}.ticket-message header{display:flex;gap:11px;align-items:center;margin-bottom:16px}.ticket-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--navy);color:#fff;font-weight:900}.ticket-message header b,.ticket-message header small{display:block}.ticket-message header small{margin-top:2px;color:#849096;font-size:.66rem}.ticket-message-body{font-size:.9rem;line-height:1.72}.ticket-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ticket-attachments a{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:#edf1f2;color:var(--navy);font-size:.7rem}.ticket-attachments svg{width:16px}.ticket-attachments small{display:block;color:#7c878c;font-size:.58rem}
.ticket-reply-panel{max-width:1040px;margin:0 auto;padding:20px clamp(24px,5vw,70px) 80px}.ticket-reply-form{padding:25px;border-radius:22px;background:#fff;border:1px solid var(--line)}.ticket-compose-actions{display:flex;justify-content:flex-end}.ticket-close-form{text-align:right;padding-top:15px}.text-button{border:0;background:none;color:#8d5555;text-decoration:underline;cursor:pointer}.support-upload input{padding:11px;border:1px dashed #b8c2c7;background:#f7f8f7}.support-upload small{color:#829096;font-weight:500}.ticket-closed-state{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.ticket-closed-state h2{margin:5px 0}.account-request-list>a{display:block;color:inherit}
.request-status.status-closed{background:#e4e5e6;color:#60686c}.request-status.status-waiting{background:#fff0c9;color:#8a6514}.request-status.status-open{background:#dff2f8;color:#22697d}.request-status.status-resolved{background:#def4e7;color:#2d7550}.request-status.status-new{background:#ffe0dd;color:#9b4039}
@media(max-width:900px){.support-portal-grid,.ticket-page-header{grid-template-columns:1fr}.ticket-page-header{gap:24px}.ticket-summary-card{max-width:none}.ticket-message{max-width:96%}}@media(max-width:640px){.support-ticket-list>a{grid-template-columns:1fr auto}.support-ticket-list>a>.request-status{grid-column:1}.support-ticket-list>a>div{grid-column:1/-1}.support-ticket-list>a>svg{display:none}.ticket-message{max-width:100%}.ticket-closed-state{align-items:flex-start;flex-direction:column}}

/* Support portal polish v1.0.6 */
.support-portal-grid svg,
.support-form-section svg,
.ticket-page-header svg,
.ticket-conversation svg,
.ticket-reply-panel svg {
    max-width: 24px;
    max-height: 24px;
    flex: 0 0 auto;
}
.account-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 118px;
    padding: 24px 26px;
    background: rgba(255,255,255,.36);
}
.account-empty p { margin: 0; color: #58656c; }
.account-empty .button { flex: 0 0 auto; }
.public-form select {
    width: 100%;
    min-height: 50px;
    padding: 0 42px 0 14px;
    border: 1px solid var(--line-strong);
    border-radius: 11px;
    background-color: rgba(255,255,255,.62);
    color: var(--navy);
    outline: none;
    appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,var(--navy) 50%),linear-gradient(135deg,var(--navy) 50%,transparent 50%);
    background-position: calc(100% - 19px) 21px,calc(100% - 14px) 21px;
    background-size: 5px 5px,5px 5px;
    background-repeat: no-repeat;
}
.public-form select:focus {
    border-color: var(--navy);
    box-shadow: 0 0 0 3px rgba(100,186,212,.2);
}
.support-upload {
    align-content: start;
}
.support-upload input[type="file"] {
    min-height: 50px;
    padding: 7px;
    border: 1px dashed rgba(22,49,84,.28);
    border-radius: 11px;
    background: rgba(255,255,255,.46);
    color: #59666d;
    cursor: pointer;
}
.support-upload input[type="file"]::file-selector-button {
    min-height: 34px;
    margin-right: 12px;
    padding: 0 13px;
    border: 1px solid rgba(22,49,84,.2);
    border-radius: 8px;
    background: var(--navy);
    color: var(--cream);
    font: inherit;
    font-size: .75rem;
    font-weight: 800;
    cursor: pointer;
}
.support-submit-button { width: 100%; }
.ticket-compose-actions .button { min-width: 150px; }
.ticket-close-form .text-button {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid rgba(141,85,85,.3);
    border-radius: 10px;
    background: rgba(141,85,85,.06);
    text-decoration: none;
    font-weight: 800;
}
.ticket-close-form .text-button:hover { background: rgba(141,85,85,.12); }
@media(max-width:640px){
    .account-empty { align-items: flex-start; flex-direction: column; }
    .account-empty .button { width: 100%; }
}

/* Support utility-first layout v1.0.8 */
.support-utility-header{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:34px clamp(24px,5vw,80px);border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(183,225,207,.22),rgba(255,255,255,.12))}
.support-utility-header>div{max-width:820px}
.support-utility-header .eyebrow{margin-bottom:7px}
.support-utility-header h1{margin:0;color:var(--navy);font-family:var(--condensed);font-size:clamp(2.35rem,4vw,4.25rem);line-height:.92;text-transform:uppercase;letter-spacing:-.03em}
.support-utility-header p:last-child{max-width:720px;margin:11px 0 0;color:#5f6c73;font-size:.9rem;line-height:1.55}
.support-portal-grid{padding-top:38px}
.support-section-heading{margin-bottom:18px}
.support-section-heading h2{font-size:clamp(1.85rem,3vw,3rem);margin:.12em 0 0}
.support-form-section{align-items:start;padding-top:54px;padding-bottom:70px}
.support-form-intro{max-width:560px}
.support-form-intro h2{font-size:clamp(2.1rem,3.8vw,4.4rem);line-height:.95;margin:.12em 0 .25em}
.support-form-intro p:last-child{max-width:510px;font-size:.92rem;line-height:1.6}
.support-form-section .public-form{align-self:start}
@media(max-width:760px){.support-utility-header{align-items:flex-start;flex-direction:column}.support-utility-header .button{width:100%}.support-portal-grid{padding-top:28px}.support-form-section{padding-top:40px}}

/* v1.0.9 Resource Hub and member menu */
.member-menu{position:relative}.member-menu-trigger{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--navy);padding:5px 7px;border-radius:12px;font:inherit;cursor:pointer}.member-menu-trigger:hover,.member-menu-trigger[aria-expanded="true"]{background:rgba(22,49,84,.08)}.member-menu-trigger>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--navy);color:#fff;font-weight:850}.member-menu-trigger>b{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.member-menu-trigger>svg{width:12px;height:8px;fill:none;stroke:currentColor;stroke-width:1.8}.member-menu-panel{position:absolute;z-index:50;top:calc(100% + 10px);right:0;width:245px;padding:10px;border:1px solid rgba(22,49,84,.16);border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(22,49,84,.18)}.member-menu-panel[hidden]{display:none}.member-menu-summary{display:grid;gap:2px;padding:10px 10px 13px;margin-bottom:6px;border-bottom:1px solid var(--line)}.member-menu-summary small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.7rem}.member-menu-panel>a{display:block;padding:10px;border-radius:10px;color:var(--navy);font-size:.78rem;font-weight:750}.member-menu-panel>a:hover{background:var(--soft-gray)}
.resource-hub-header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:52px clamp(24px,7vw,110px) 28px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(183,225,207,.22),transparent 52%)}.resource-hub-header h1{margin:6px 0 8px;font-family:var(--condensed);font-size:clamp(2.6rem,4.5vw,5rem);line-height:.92;text-transform:uppercase;color:var(--navy)}.resource-hub-header p:last-child{margin:0;color:var(--muted);font-size:1rem}.account-resource-grid{padding-top:30px}.account-requests{padding-top:5px}.account-request-list{display:grid;gap:12px;border-top:0}.account-request-list>a{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);transition:.18s ease}.account-request-list>a:hover{transform:translateY(-2px);border-color:rgba(22,49,84,.28);box-shadow:0 12px 28px rgba(22,49,84,.08);background:#fff}.account-request-list article{align-items:center;padding:20px 22px;border-bottom:0}.account-request-main{min-width:0;flex:1}.account-request-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.account-request-meta time{font-size:.7rem;color:var(--muted)}.account-request-list h3{margin:0 0 5px;font-size:1.04rem}.account-request-list p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-request-open{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--navy);font-size:.76rem;font-weight:850}.account-request-open svg{width:17px;height:17px}
@media(max-width:1040px){.site-nav{gap:2px}.site-nav a{padding-inline:10px;font-size:.72rem}.member-menu-trigger>b{display:none}}
@media(max-width:700px){.resource-hub-header{align-items:flex-start;flex-direction:column}.resource-hub-header .button{width:100%}.account-request-list article{align-items:flex-start;flex-direction:column}.account-request-list p{white-space:normal}.account-request-open{margin-top:4px}}

/* v1.0.10 Resource Hub downloads and connected installations */
.account-resource-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.hub-downloads,.hub-sync{padding:clamp(28px,4vw,56px);border-top:1px solid var(--line,#ccd2cf);scroll-margin-top:110px}
.hub-downloads .section-heading,.hub-sync .section-heading{align-items:center;margin-bottom:22px}
.hub-version-chip{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(22,49,84,.16);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#163154;background:rgba(255,255,255,.52)}
.hub-release-card{display:flex;justify-content:space-between;gap:32px;padding:26px;border:1px solid rgba(22,49,84,.16);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(22,49,84,.06)}
.hub-release-main{display:flex;gap:18px;min-width:0}.hub-release-main h3{margin:0 0 8px;font-size:1.35rem}.hub-release-main p{margin:0;max-width:760px;color:#59636f;line-height:1.65}
.hub-release-icon{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#163154;color:#fff}.hub-release-icon svg{width:24px;height:24px}
.hub-release-meta{display:flex;gap:18px;margin-top:14px;font-size:.78rem;font-weight:700;color:#687381;text-transform:uppercase;letter-spacing:.06em}
.hub-release-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;flex:0 0 auto}.hub-release-actions .button svg{width:17px;height:17px}.hub-release-actions .text-link{font-weight:800;color:#163154;text-decoration:none}
.hub-requirements{margin-top:14px;border:1px solid rgba(22,49,84,.14);border-radius:16px;background:rgba(255,255,255,.48);overflow:hidden}.hub-requirements summary{cursor:pointer;padding:16px 18px;font-weight:800;color:#163154}.hub-requirements .rich-text{padding:0 18px 18px;color:#4f5966}
.hub-sync{background:linear-gradient(125deg,rgba(183,225,207,.34),rgba(240,239,225,.6))}.hub-sync-intro{max-width:900px;margin:-6px 0 24px;line-height:1.65;color:#52606d}
.pair-code-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:20px;border:1px solid rgba(22,49,84,.18);border-radius:18px;background:#fff}.pair-code-panel strong{display:block;margin:5px 0;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:.14em;color:#163154}.pair-code-panel small{display:block;color:#66717d}
.connected-empty{display:flex;align-items:center;gap:18px;padding:24px;border:1px dashed rgba(22,49,84,.25);border-radius:18px;background:rgba(255,255,255,.5)}.connected-empty>div:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#163154;color:#fff}.connected-empty svg{width:23px;height:23px}.connected-empty h3,.connected-empty p{margin:0}.connected-empty p{margin-top:5px;color:#5a6672}
.installation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.installation-card{padding:22px;border:1px solid rgba(22,49,84,.16);border-radius:18px;background:#fff}.installation-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.installation-card-top>div{display:flex;align-items:center;gap:10px}.installation-card-top h3{margin:0;font-size:1.05rem}.installation-card-top>span{font-size:.75rem;color:#687381}.installation-dot{width:9px;height:9px;border-radius:50%;background:#51a77b;box-shadow:0 0 0 4px rgba(81,167,123,.14)}
.installation-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.installation-facts span{padding:11px;border-radius:12px;background:#f3f4ef;min-width:0}.installation-facts small,.installation-facts b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.installation-facts small{font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:#78818a}.installation-facts b{margin-top:3px;font-size:.85rem;color:#163154}.installation-status{margin:14px 0 0;padding-top:14px;border-top:1px solid #e2e4df;font-size:.84rem;color:#52606d}
@media(max-width:1100px){.account-resource-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-list{grid-template-columns:1fr}}
@media(max-width:720px){.account-resource-grid-four{grid-template-columns:1fr}.hub-release-card,.pair-code-panel{align-items:stretch;flex-direction:column}.hub-release-actions{align-items:stretch}.hub-release-actions .button{text-align:center}.installation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-sync .section-heading{align-items:flex-start}.hub-sync .section-heading form{width:100%}.hub-sync .section-heading button{width:100%}}

/* v1.0.11: never leave a signed-in visitor with an empty navy page. */
.support-recovery-card {
    width: min(760px, calc(100% - 40px));
    margin: clamp(56px, 10vw, 120px) auto;
    padding: clamp(28px, 5vw, 52px);
    border: 1px solid rgba(22, 49, 84, .18);
    border-radius: 28px;
    background: #f0efe1;
    color: #163154;
    box-shadow: 0 18px 60px rgba(4, 21, 40, .18);
}
.support-recovery-card h1 { margin: 10px 0 14px; font-size: clamp(2rem, 5vw, 4rem); line-height: .98; }
.support-recovery-card p { max-width: 62ch; line-height: 1.7; }
.support-recovery-card code { padding: .2rem .45rem; border-radius: .4rem; background: rgba(22,49,84,.08); }
.support-recovery-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }

/* --------------------------------------------------------------------------
   Cream showcase canvas v1.0.13
   Public pages use one quiet background color so real product screenshots,
   navy typography, and coral actions carry the visual hierarchy.
   -------------------------------------------------------------------------- */
:root {
    --cream: #f0efe1;
    --paper: #f0efe1;
    --paper-2: #f0efe1;
    --soft-gray: #f0efe1;
}

html,
body,
.site-shell,
.site-header,
.site-shell > main,
.site-footer {
    background: #f0efe1;
}

body {
    color: var(--ink);
}

.site-shell {
    border-color: rgba(22, 49, 84, .16);
    box-shadow: none;
}

.site-shell::before {
    border-color: rgba(22, 49, 84, .10);
}

.site-nav {
    background: #f0efe1;
    border-color: rgba(22, 49, 84, .16);
    box-shadow: none;
}

.hero-section.hero-modern,
.page-hero,
.page-hero-tools,
.page-hero-downloads,
.page-hero-training,
.page-hero-whitepapers,
.page-hero-updates,
.page-hero-support,
.tool-detail-hero,
.account-auth-shell,
.account-dashboard-hero,
.resource-hub-header,
.support-utility-header,
.hub-sync,
.support-project-section,
.hosting-section {
    background: #f0efe1 !important;
    background-image: none !important;
}

.hero-wash {
    display: none;
}

.hero-stage,
.showcase-stage,
.hero-float,
.account-auth-card,
.account-privacy-note,
.account-identity,
.account-resource-grid > a,
.account-request-list > a,
.support-ticket-list,
.support-guide-rail,
.ticket-summary-card,
.ticket-message,
.ticket-message.is-customer,
.ticket-reply-form,
.ticket-closed-state,
.member-menu-panel,
.hub-release-card,
.hub-requirements,
.pair-code-panel,
.connected-empty,
.installation-card,
.installation-facts span,
.requirements-box,
.support-expectations,
.support-closed,
.support-recovery-card {
    background: #f0efe1;
    background-image: none;
    backdrop-filter: none;
}

.hero-stage,
.showcase-stage,
.hero-float,
.account-auth-card,
.account-identity,
.account-resource-grid > a,
.account-request-list > a,
.support-ticket-list,
.support-guide-rail,
.ticket-summary-card,
.ticket-message,
.ticket-reply-form,
.ticket-closed-state,
.member-menu-panel,
.hub-release-card,
.hub-requirements,
.pair-code-panel,
.connected-empty,
.installation-card,
.requirements-box,
.support-expectations,
.support-closed {
    border-color: rgba(22, 49, 84, .20);
}

.hero-float,
.showcase-stage,
.account-auth-card,
.account-resource-grid > a,
.account-request-list > a,
.member-menu-panel,
.hub-release-card {
    box-shadow: none;
}

.featured-tool:hover,
.catalog-row:hover,
.hub-links a:hover,
.resource-list > a:hover,
.support-ticket-list > a:hover,
.account-request-list > a:hover,
.member-menu-panel > a:hover,
.member-menu-trigger:hover,
.member-menu-trigger[aria-expanded="true"] {
    background: #f0efe1;
}

.public-form input,
.public-form textarea,
.public-form select,
.account-auth-card input,
.resource-filter input,
.support-upload input[type="file"] {
    background-color: #f0efe1;
}

.hosting-section,
.support-guide-rail,
.site-footer {
    color: var(--ink);
}

.hosting-section .eyebrow,
.hosting-section h2,
.hosting-section .text-arrow,
.support-guide-rail > .eyebrow,
.support-guide-rail a,
.support-guide-rail .text-arrow,
.site-footer a,
.site-footer strong {
    color: var(--navy);
}

.hosting-copy > p:not(.eyebrow),
.hosting-visual > p,
.support-guide-rail small,
.footer-brand p,
.footer-links a,
.footer-bottom {
    color: var(--muted);
}

.hosting-facts,
.hosting-facts div,
.support-guide-rail > a:not(.text-arrow),
.footer-bottom {
    border-color: var(--line);
}

.hosting-visual {
    background: #f0efe1;
    border-color: var(--line-strong);
}

.support-guide-rail > a > span {
    background: #f0efe1;
    border: 1px solid var(--line);
}

.footer-brand img {
    filter: none;
}

.footer-links span {
    color: var(--coral);
}

/* Keep product UI mockups, screenshots, semantic status chips, and primary
   actions colored. Those are content and controls, not page backgrounds. */

/* Account-linked downloads and installation management v1.0.14 */
.prepared-download-ready,
.linked-download-explainer,
.reconnect-key-panel,
.installation-overview-card,
.installation-detail-card,
.installation-action-card,
.installation-danger-zone {
    background:#f0efe1;
    border:1px solid var(--line-strong);
    border-radius:18px;
}
.prepared-download-ready{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:18px;padding:24px}
.prepared-download-ready>div{max-width:820px}.prepared-download-ready h3{margin:0 0 8px;font-family:var(--condensed);font-size:2rem;text-transform:uppercase}.prepared-download-ready p:not(.eyebrow){margin:0 0 16px;color:var(--muted)}
.prepared-key-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prepared-key-row code{display:block;padding:11px 14px;border:1px dashed var(--line-strong);border-radius:10px;background:#f0efe1;color:var(--navy);font-weight:900;letter-spacing:.08em}.prepared-download-ready small,.reconnect-key-panel small{display:block;margin-top:10px;color:var(--muted)}
.hub-release-actions form{display:contents}.hub-release-card-linked{align-items:center}.linked-download-explainer{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:14px;padding:16px 18px}.linked-download-explainer b{color:var(--navy)}.linked-download-explainer p{margin:0;color:var(--muted)}
.prepared-history{margin-top:16px;border:1px solid var(--line);border-radius:14px}.prepared-history summary{padding:14px 16px;color:var(--navy);font-weight:850;cursor:pointer}.prepared-history-list{border-top:1px solid var(--line)}.prepared-history-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid var(--line)}.prepared-history-list article:last-child{border-bottom:0}.prepared-history-list b,.prepared-history-list small{display:block}.prepared-history-list small{margin-top:3px;color:var(--muted);font-size:.72rem}
.key-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;border:1px solid var(--line);font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.key-status-claimed{background:rgba(183,225,207,.35);color:#245846}.key-status-issued{background:rgba(100,186,212,.18);color:#20556a}.key-status-revoked,.key-status-expired{background:rgba(233,110,101,.12);color:#8a312c}
.installation-card.is-muted{opacity:.72}.installation-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.installation-card-footer small{color:var(--muted)}.installation-dot.status-verified,.installation-dot.status-paired{background:#5fb38d}.installation-dot.status-unlinked{background:#c69a45}.installation-dot.status-revoked{background:var(--coral)}
.installation-page-header h1{font-size:clamp(2.2rem,5vw,4.4rem)}.reconnect-key-panel{margin:0 26px 24px;padding:24px}.reconnect-key-panel h2{margin:0 0 8px;font-family:var(--condensed);font-size:2rem;text-transform:uppercase}.reconnect-key-panel p:not(.eyebrow){margin:0 0 16px;color:var(--muted)}
.installation-management-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;padding:0 26px 60px}.installation-management-main,.installation-management-side{display:grid;gap:18px;align-content:start}.installation-overview-card,.installation-detail-card,.installation-action-card,.installation-danger-zone{padding:22px}.installation-status-line{display:flex;align-items:center;gap:9px;padding-bottom:18px;border-bottom:1px solid var(--line)}.installation-status-line small{margin-left:auto;color:var(--muted)}
.installation-overview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.installation-overview-facts span{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px}.installation-overview-facts small,.installation-overview-facts b,.installation-overview-facts code{display:block}.installation-overview-facts small{margin-bottom:4px;color:var(--muted);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.installation-overview-facts code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-heading.compact{margin-bottom:14px}.section-heading.compact h2{font-size:1.65rem}.module-chip-list{display:flex;gap:8px;flex-wrap:wrap}.module-chip-list span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--navy);font-size:.75rem;font-weight:800}.muted-copy,.privacy-note{color:var(--muted)}.permission-list{display:grid;gap:8px}.permission-list span{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}.permission-list small{color:var(--muted)}
.installation-action-card h2,.installation-danger-zone h2{margin:0 0 8px;font-family:var(--condensed);font-size:1.55rem;text-transform:uppercase}.installation-action-card>p,.installation-danger-zone>p:not(.eyebrow){color:var(--muted)}.installation-action-card form+form{margin-top:10px}.stack-form{display:grid;gap:12px}.stack-form label span{display:block;margin-bottom:5px;font-size:.72rem;font-weight:850}.stack-form input{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;background:#f0efe1;color:var(--ink)}.rotation-pending{margin:14px 0;padding:12px;border:1px solid rgba(198,154,69,.45);border-radius:10px}.rotation-pending b,.rotation-pending small{display:block}.rotation-pending small{margin-top:4px;color:var(--muted)}.installation-danger-zone{border-color:rgba(233,110,101,.5)}.installation-danger-zone form{margin-top:10px}.installation-danger-zone .button{width:100%}
@media(max-width:980px){.prepared-download-ready{align-items:flex-start;flex-direction:column}.installation-management-grid{grid-template-columns:1fr}.installation-overview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.installation-management-grid,.reconnect-key-panel{margin:0;padding-left:18px;padding-right:18px}.installation-overview-facts{grid-template-columns:1fr}.linked-download-explainer{grid-template-columns:1fr}.prepared-history-list article{align-items:flex-start;flex-direction:column}}

/* --------------------------------------------------------------------------
   Balanced showcase palette v1.0.16
   Cream remains the main canvas, while navy framing, white content surfaces,
   and restrained pastel accents restore hierarchy and keep product imagery
   from disappearing into one uninterrupted field.
   -------------------------------------------------------------------------- */
:root {
    --cream: #f0efe1;
    --paper: #fbfaf4;
    --paper-2: #ffffff;
    --soft-gray: #e8e8df;
}

html,
body {
    background: #102943;
}

body {
    padding: 8px;
}

.site-shell {
    background: var(--cream);
    box-shadow: 0 24px 70px rgba(3, 18, 34, .22);
}

.site-header,
.site-shell > main,
.site-footer {
    background: var(--cream);
}

.site-header {
    border-bottom-color: rgba(22, 49, 84, .18);
}

.site-nav {
    background: rgba(255, 255, 255, .52);
    border-color: rgba(22, 49, 84, .14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.hero-section.hero-modern,
.page-hero,
.tool-detail-hero,
.account-dashboard-hero,
.resource-hub-header,
.support-utility-header {
    background: var(--cream) !important;
}

.home-showcase,
.catalog-section,
.tool-detail-body,
.hub-downloads,
.account-requests,
.support-workspace,
.profile-page,
.article-page,
.resource-page {
    background: var(--paper);
}

.hosting-section,
.hub-sync,
.support-project-section {
    background: #dce8e2 !important;
}

.site-footer {
    background: #102943;
    color: rgba(255,255,255,.82);
}

.site-footer a,
.site-footer strong,
.site-footer .footer-brand p,
.site-footer .footer-links a,
.site-footer .footer-bottom {
    color: rgba(255,255,255,.78);
}

.site-footer .footer-links span {
    color: var(--coral);
}

.site-footer .footer-bottom,
.site-footer .footer-links,
.site-footer .footer-brand {
    border-color: rgba(255,255,255,.16);
}

.hero-stage,
.showcase-stage,
.account-auth-card,
.account-identity,
.account-resource-grid > a,
.account-request-list > a,
.support-ticket-list,
.support-guide-rail,
.ticket-summary-card,
.ticket-message,
.ticket-reply-form,
.ticket-closed-state,
.member-menu-panel,
.hub-release-card,
.hub-requirements,
.pair-code-panel,
.connected-empty,
.installation-card,
.requirements-box,
.support-expectations,
.support-closed,
.prepared-download-ready,
.linked-download-explainer,
.reconnect-key-panel,
.installation-overview-card,
.installation-detail-card,
.installation-action-card,
.installation-danger-zone,
.support-recovery-card {
    background: var(--paper-2);
}

.account-resource-grid > a:nth-child(1),
.hub-release-card-linked,
.prepared-download-ready {
    background: #fff8f3;
}

.account-resource-grid > a:nth-child(2),
.support-guide-rail {
    background: #f2f8f5;
}

.account-resource-grid > a:nth-child(3),
.hub-requirements {
    background: #f6f4fb;
}

.account-resource-grid > a:nth-child(4),
.ticket-summary-card {
    background: #f2f8fb;
}

.public-form input,
.public-form textarea,
.public-form select,
.account-auth-card input,
.resource-filter input,
.support-upload input[type="file"],
.stack-form input {
    background-color: #fff;
}

.featured-tool:hover,
.catalog-row:hover,
.hub-links a:hover,
.resource-list > a:hover,
.support-ticket-list > a:hover,
.account-request-list > a:hover,
.member-menu-panel > a:hover,
.member-menu-trigger:hover,
.member-menu-trigger[aria-expanded="true"] {
    background: #fff;
}

.linked-download-unavailable {
    max-width: 330px;
    padding: 12px 14px;
    border: 1px solid rgba(198, 154, 69, .45);
    border-radius: 12px;
    background: #fff9e8;
    color: var(--navy);
}

.linked-download-unavailable b,
.linked-download-unavailable small {
    display: block;
}

.linked-download-unavailable small {
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.4;
}

[data-prepared-download-form] button[disabled] {
    cursor: wait;
    opacity: .72;
}

@media (max-width: 720px) {
    body { padding: 0; }
    .site-shell { border-radius: 0; }
}

/* Learning portal v1.1.0 */
.learning-header{padding:clamp(2.5rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:3rem;align-items:end;background:#fff;border-bottom:1px solid var(--line)}
.learning-header h1,.course-hero h1{font-size:clamp(3rem,6vw,6.5rem);line-height:.88;max-width:900px;margin:.35rem 0 1rem}.learning-header>div>p:last-child{max-width:720px;font-size:1.05rem}
.learning-search{display:grid;grid-template-columns:1fr;gap:.75rem;padding:1rem;background:#f0efe1;border:1px solid var(--line);border-radius:24px}.learning-search input,.learning-search select{width:100%;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff}
.learning-course-grid{padding:2rem clamp(1.5rem,4vw,4rem) 5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.learning-course-card{display:block;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;color:inherit;transition:.2s transform,.2s box-shadow}.learning-course-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(19,49,84,.1)}.learning-course-art{height:190px;background:#dcece5;display:grid;place-items:center}.learning-course-art svg{width:64px;height:64px}.learning-course-art img{width:100%;height:100%;object-fit:cover}.learning-course-copy{padding:1.5rem}.learning-card-meta,.learning-card-footer,.course-meta{display:flex;gap:.7rem;justify-content:space-between;flex-wrap:wrap}.learning-card-meta span,.course-meta span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.learning-course-copy h2{font-size:1.65rem;margin:.75rem 0}.learning-progress,.course-progress-card div{height:7px;background:#ecebe4;border-radius:999px;overflow:hidden}.learning-progress i,.course-progress-card i{display:block;height:100%;background:#e96e65}.learning-card-footer{margin-top:1rem;font-size:.85rem}.learning-card-footer b{display:flex;align-items:center;gap:.35rem}.learning-card-footer svg{width:16px;height:16px}.learning-empty{padding:5rem;text-align:center}
.course-hero{padding:2rem clamp(1.5rem,5vw,5rem) 4rem;background:#fff;border-bottom:1px solid var(--line)}.back-link{display:inline-flex;gap:.5rem;align-items:center;font-weight:800;margin-bottom:2rem}.back-link svg{width:16px;height:16px;transform:rotate(180deg)}.course-hero-grid{display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:end}.course-progress-card{background:#163154;color:#fff;padding:1.75rem;border-radius:24px}.course-progress-card>b{font-size:3.5rem;display:block}.course-progress-card span{display:block;margin:.25rem 0 1rem}.course-progress-card div{background:rgba(255,255,255,.2)}.course-layout{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);gap:3rem;padding:3rem clamp(1.5rem,5vw,5rem) 6rem}.course-description{position:sticky;top:2rem;align-self:start}.course-curriculum section{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-bottom:1rem}.curriculum-heading{display:flex;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--line)}.curriculum-row{display:grid;grid-template-columns:42px 1fr auto;gap:1rem;align-items:center;padding:1.1rem 1.5rem;color:inherit;border-bottom:1px solid var(--line)}.curriculum-row:last-child{border:0}.curriculum-row:hover{background:#f8f7ef}.curriculum-row small{display:block;color:var(--muted);margin-top:.2rem}.curriculum-row em{font-style:normal;font-size:.8rem;color:var(--muted)}.curriculum-status{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f0efe1}.curriculum-status svg{width:18px;height:18px}.curriculum-row.is-complete .curriculum-status{background:#d6eee2;color:#176744}
.lesson-shell{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);min-height:70vh}.lesson-sidebar{padding:3rem;background:#f0efe1;border-right:1px solid var(--line)}.lesson-sidebar h1{font-size:clamp(2.3rem,4vw,4rem);line-height:.92;margin:.75rem 0 1rem}.lesson-side-meta{display:flex;gap:.5rem;margin-top:1.5rem}.lesson-side-meta span{padding:.5rem .75rem;border:1px solid var(--line);border-radius:999px;font-size:.75rem}.lesson-content{padding:3rem clamp(1.5rem,5vw,5rem);background:#fff;min-width:0}.lesson-copy{max-width:840px;margin:2rem auto}.lesson-media video,.lesson-media audio{width:100%}.lesson-embed iframe{width:100%;min-height:620px;border:0;border-radius:20px}.h5p-stage{min-height:420px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.h5p-loading,.h5p-error{padding:4rem;text-align:center}.lesson-completion{display:flex;justify-content:flex-end;margin:2rem 0}.lesson-complete-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#d6eee2;border-radius:999px;font-weight:800}.lesson-complete-badge svg{width:18px}.lesson-next-prev{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--line);padding-top:2rem}.lesson-next-prev a{padding:1rem;border:1px solid var(--line);border-radius:16px;color:inherit}.lesson-next-prev small{display:block;color:var(--muted)}.lesson-next-prev .next{text-align:right}
.account-resource-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.learning-header,.course-hero-grid,.course-layout,.lesson-shell{grid-template-columns:1fr}.learning-course-grid{grid-template-columns:repeat(2,1fr)}.course-description{position:static}.lesson-sidebar{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:650px){.learning-course-grid{grid-template-columns:1fr}.account-resource-grid-three{grid-template-columns:1fr}.learning-header,.course-hero,.course-layout,.lesson-sidebar,.lesson-content{padding-left:1.25rem;padding-right:1.25rem}.curriculum-row{grid-template-columns:38px 1fr}.curriculum-row em{display:none}}

/* --------------------------------------------------------------------------
   Monochrome product showcase v1.1.3
   The public site now uses a restrained, product-first system: white and soft
   gray canvases, near-black typography, charcoal emphasis, and color supplied
   primarily by the Youth Ministry Tools logo and real suite screenshots.
   -------------------------------------------------------------------------- */
:root {
    --navy: #1d1d1f;
    --navy-deep: #161617;
    --coral: #2f2f32;
    --sky: #8e8e93;
    --mint: #e8e8ed;
    --cream: #f5f5f7;
    --paper: #ffffff;
    --paper-2: #f5f5f7;
    --soft-gray: #e8e8ed;
    --ink: #1d1d1f;
    --muted: #6e6e73;
    --line: rgba(0, 0, 0, .11);
    --line-strong: rgba(0, 0, 0, .2);
    --shadow: 0 22px 60px rgba(0, 0, 0, .12);
    --radius-shell: 0;
    --radius: 22px;
    --condensed: var(--sans);
    --content-wide: 1440px;
}

html,
body {
    background: #f5f5f7;
}

body {
    padding: 0;
    color: var(--ink);
}

.site-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: visible;
    background: #f5f5f7;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.site-shell::before {
    display: none;
}

.site-shell > main {
    background: #f5f5f7;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    min-height: 72px;
    padding: 10px clamp(22px, 4vw, 64px);
    background: rgba(255, 255, 255, .82);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    -webkit-backdrop-filter: saturate(180%) blur(22px);
    backdrop-filter: saturate(180%) blur(22px);
}

.brand img {
    width: 184px;
    height: 52px;
}

.site-nav {
    gap: 2px;
    padding: 4px;
    background: rgba(245, 245, 247, .9);
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 14px;
    box-shadow: none;
}

.site-nav a {
    min-width: 74px;
    padding: 9px 13px;
    color: #515154;
    font-size: .8rem;
    font-weight: 650;
    letter-spacing: -.01em;
}

.site-nav a:hover {
    color: #1d1d1f;
    background: rgba(255, 255, 255, .72);
    transform: none;
}

.site-nav a.is-active {
    background: #2c2c2e;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.header-actions {
    gap: 12px;
}

.header-text-link {
    color: #1d1d1f;
    font-weight: 650;
}

.button {
    min-height: 46px;
    padding-inline: 20px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: -.01em;
    box-shadow: none;
}

.button:hover {
    transform: translateY(-1px);
}

.button-dark,
.button-coral {
    background: #1d1d1f;
    color: #fff;
    box-shadow: none;
}

.button-dark:hover,
.button-coral:hover {
    background: #3a3a3c;
}

.button-ghost,
.button-outline {
    background: rgba(255, 255, 255, .76);
    color: #1d1d1f;
    border-color: rgba(0, 0, 0, .17);
}

.button-disabled {
    background: #e8e8ed;
    color: #8e8e93;
}

.text-arrow,
.text-link {
    color: #1d1d1f;
}

.eyebrow {
    color: #6e6e73;
    font-size: .69rem;
    letter-spacing: .16em;
}

.member-menu-trigger {
    color: #1d1d1f;
}

.member-menu-trigger > span {
    background: #2c2c2e;
    color: #fff;
}

.member-menu-panel {
    background: rgba(255, 255, 255, .96) !important;
    border-color: rgba(0, 0, 0, .12);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .14);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.member-menu-panel > a:hover,
.member-menu-trigger:hover,
.member-menu-trigger[aria-expanded="true"] {
    background: #f5f5f7;
}

/* Homepage: clear product hierarchy, then supporting story. */
.hero-section.hero-modern {
    min-height: auto;
    padding: clamp(72px, 9vw, 128px) clamp(22px, 4vw, 64px) 0;
    overflow: hidden;
    background: #fff !important;
    border-bottom: 0;
}

.hero-wash,
.hero-float {
    display: none !important;
}

.hero-copy-centered {
    width: min(1040px, 100%);
}

.hero-copy-centered h1,
.page-hero h1,
.tool-detail-hero h1,
.article-header h1,
.not-found-page h1,
.learning-header h1,
.course-hero h1 {
    color: #1d1d1f;
    font-family: var(--sans);
    font-weight: 760;
    text-transform: none;
    letter-spacing: -.065em;
}

.hero-copy-centered h1 {
    max-width: 1000px;
    font-size: clamp(4rem, 8.2vw, 8.8rem);
    line-height: .91;
}

.hero-intro {
    max-width: 740px;
    margin: 28px auto 26px;
    color: #6e6e73;
    font-size: clamp(1.05rem, 1.5vw, 1.32rem);
    line-height: 1.55;
}

.hero-buttons {
    justify-content: center;
}

.hero-trust {
    color: #6e6e73;
}

.hero-trust span {
    background: transparent;
    border-color: rgba(0, 0, 0, .1);
}

.showcase-stage {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: min(1260px, 100%) !important;
    min-height: 0;
    margin: clamp(54px, 7vw, 90px) auto 0 !important;
    padding: 12px;
    background: #f5f5f7;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 0;
    border-radius: 34px 34px 0 0;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .8), 0 35px 90px rgba(0, 0, 0, .15);
    transform: none !important;
}

.showcase-window-bar {
    color: #6e6e73;
}

.window-dots i {
    background: #a1a1a6 !important;
}

.showcase-tabs {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
}

.showcase-tabs span {
    color: #6e6e73;
}

.showcase-tabs span.is-active {
    background: #2c2c2e;
    color: #fff;
}

.showcase-placeholder {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
}

.showcase-sidebar,
.showcase-focus-panel {
    background: #2c2c2e;
}

.showcase-sidebar span.is-active,
.showcase-focus-panel button {
    background: #fff;
    color: #1d1d1f;
}

.showcase-focus-panel > span,
.showcase-focus-panel p,
.showcase-focus-panel strong {
    color: #fff;
}

.showcase-kpis article,
.showcase-list-panel {
    background: #f5f5f7;
    border-color: rgba(0, 0, 0, .08);
}

.showcase-kpis article:nth-child(2),
.showcase-kpis article:nth-child(3) {
    background: #f5f5f7;
}

.showcase-list-panel p i,
.showcase-list-panel p:nth-of-type(2) i,
.showcase-list-panel p:nth-of-type(3) i,
.showcase-list-panel p:nth-of-type(4) i {
    background: #8e8e93;
}

.audience-ribbon {
    min-height: 88px;
    background: #1d1d1f;
    color: #fff;
    border: 0;
}

.audience-ribbon p {
    max-width: 1120px;
    font-family: var(--sans);
    font-size: clamp(1.12rem, 1.9vw, 1.75rem);
    font-weight: 620;
    line-height: 1.25;
    letter-spacing: -.025em;
    text-transform: none;
}

.week-section {
    padding: clamp(76px, 9vw, 128px) var(--content-gutter);
    background: #f5f5f7;
}

.week-intro h2,
.section-heading-row h2,
.hosting-copy h2,
.hub-title-block h2,
.support-project-section h2,
.plain-callout h2,
.tool-secondary-copy h2,
.support-form-section h2,
.about-principles h2,
.policy-body h2 {
    color: #1d1d1f;
    font-family: var(--sans);
    font-weight: 720;
    line-height: .98;
    letter-spacing: -.05em;
    text-transform: none;
}

.week-intro h2 {
    font-size: clamp(3rem, 5.2vw, 5.8rem);
}

.week-intro > p:last-child,
.week-grid article > p:last-child,
.tool-summary,
.catalog-summary,
.hub-links small,
.process-list p {
    color: #6e6e73;
}

.week-grid {
    gap: 16px;
    border: 0;
}

.week-grid article {
    min-height: 320px;
    padding: 34px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .09) !important;
    border-radius: 28px;
}

.week-grid article + article {
    border-left: 1px solid rgba(0, 0, 0, .09);
}

.week-grid article > span {
    color: #8e8e93;
}

.week-grid .eyebrow {
    margin-top: 62px;
}

.week-grid h3 {
    color: #1d1d1f;
    font-family: var(--sans);
    font-size: clamp(1.8rem, 2.4vw, 2.75rem);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -.04em;
    text-transform: none;
}

.featured-tools-section {
    padding-top: clamp(76px, 9vw, 124px);
    padding-bottom: clamp(76px, 9vw, 124px);
    background: #fff;
}

.featured-tool-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    border: 0;
}

.featured-tool {
    display: flex;
    min-height: 290px;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    background: #f5f5f7;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 28px;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.featured-tool:hover {
    padding: 30px;
    background: #f5f5f7;
    transform: translateY(-4px);
    box-shadow: 0 20px 52px rgba(0, 0, 0, .1);
}

.tool-index {
    color: #8e8e93;
    order: 1;
}

.tool-icon,
.catalog-icon {
    width: 56px;
    height: 56px;
    color: #fff;
    background: #2c2c2e;
    border: 0;
    border-radius: 18px;
    order: 2;
}

.tool-name {
    margin-top: 16px;
    order: 3;
}

.tool-name b,
.catalog-name strong {
    color: #1d1d1f;
    font-family: var(--sans);
    font-size: 1.7rem;
    font-weight: 720;
    line-height: 1.05;
    letter-spacing: -.04em;
    text-transform: none;
}

.tool-name small,
.catalog-name small {
    color: #6e6e73;
    letter-spacing: .08em;
}

.tool-summary {
    order: 4;
    font-size: .95rem;
    line-height: 1.6;
}

.tool-arrow {
    margin-top: auto;
    order: 5;
}

.hosting-section {
    grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr);
    padding-top: clamp(88px, 10vw, 150px);
    padding-bottom: clamp(88px, 10vw, 150px);
    background: #2c2c2e !important;
    color: #fff;
}

.hosting-section .eyebrow,
.hosting-section h2,
.hosting-section .text-arrow {
    color: #fff;
}

.hosting-copy > p:not(.eyebrow) {
    color: rgba(255, 255, 255, .67);
}

.hosting-facts {
    border-color: rgba(255, 255, 255, .17);
}

.hosting-facts div {
    border-color: rgba(255, 255, 255, .17);
}

.hosting-facts strong {
    color: #a1a1a6;
}

.hosting-visual {
    padding: 14px;
    background: #f5f5f7;
    border-color: rgba(255, 255, 255, .16);
    border-radius: 30px;
    transform: none;
    box-shadow: 0 32px 70px rgba(0, 0, 0, .27);
}

.hosting-visual > p {
    color: rgba(255, 255, 255, .58);
}

.compact-placeholder {
    background: #fff;
    color: #1d1d1f;
}

.compact-body button {
    background: #2c2c2e;
    color: #fff;
}

.hub-section {
    grid-template-columns: minmax(300px, .62fr) minmax(0, 1.38fr);
    padding-top: clamp(82px, 9vw, 132px);
    padding-bottom: clamp(82px, 9vw, 132px);
    background: #f5f5f7;
}

.hub-title-block .section-number {
    display: none;
}

.hub-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    border: 0;
}

.hub-links a {
    display: flex;
    min-height: 230px;
    padding: 28px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 26px;
}

.hub-links a:hover {
    padding: 28px;
    background: #fff;
    transform: translateY(-3px);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .08);
}

.hub-links a > span {
    width: 48px;
    height: 48px;
    background: #2c2c2e;
    color: #fff;
    border: 0;
    border-radius: 15px;
}

.hub-links b {
    margin-top: 14px;
    color: #1d1d1f;
    font-family: var(--sans);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.035em;
    text-transform: none;
}

.process-section {
    padding-top: clamp(80px, 9vw, 128px);
    padding-bottom: clamp(80px, 9vw, 128px);
    background: #fff;
}

.process-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    border: 0;
}

.process-list li {
    display: block;
    padding: 30px 0 0;
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 0;
}

.process-list li > span {
    color: #8e8e93;
}

.process-list b {
    margin-top: 42px;
    color: #1d1d1f;
    font-family: var(--sans);
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -.035em;
    text-transform: none;
}

.support-project-section {
    background: #e8e8ed !important;
}

/* General public page structure. */
.page-hero,
.page-hero-tools,
.page-hero-downloads,
.page-hero-training,
.page-hero-whitepapers,
.page-hero-updates,
.page-hero-support,
.tool-detail-hero,
.account-dashboard-hero,
.resource-hub-header,
.support-utility-header {
    background: #fff !important;
}

.page-hero {
    min-height: 390px;
    padding-top: clamp(72px, 8vw, 112px);
    padding-bottom: clamp(56px, 7vw, 92px);
}

.page-hero > p {
    color: #6e6e73;
    font-size: 1.05rem;
}

.tool-catalog,
.resource-index,
.update-timeline,
.article-page,
.profile-page,
.resource-page,
.account-requests,
.hub-downloads,
.support-workspace,
.course-layout,
.lesson-shell {
    background: #f5f5f7;
}

.catalog-row,
.resource-list > a,
.update-timeline article {
    border-color: rgba(0, 0, 0, .1);
}

.catalog-row:hover,
.resource-list > a:hover,
.support-ticket-list > a:hover,
.account-request-list > a:hover {
    background: #fff;
}

.catalog-number,
.resource-number {
    color: #8e8e93;
}

.catalog-icon {
    order: initial;
}

.plain-callout {
    background: #2c2c2e;
    color: #fff;
}

.plain-callout .eyebrow,
.plain-callout h2,
.plain-callout p {
    color: #fff;
}

.tool-detail-mark,
.about-mark,
.paper-mark,
.update-date,
.release-stamp {
    background: #2c2c2e;
    color: #fff;
}

.tool-detail-hero {
    background: #fff !important;
}

.tool-detail-meta,
.tool-principles,
.tool-secondary-section,
.previous-next,
.current-release,
.download-preflight,
.archive-table,
.article-layout,
.about-story,
.about-principles,
.policy-layout,
.telemetry-columns,
.telemetry-flow {
    border-color: rgba(0, 0, 0, .1);
}

.tool-screenshot-primary {
    background: #2c2c2e;
}

.detail-placeholder,
.secondary-placeholder,
.screenshot-placeholder,
.compact-placeholder {
    background: #f5f5f7;
}

.detail-placeholder-nav {
    background: #2c2c2e;
}

.detail-placeholder-nav i:first-child,
.detail-placeholder-grid i,
.detail-placeholder-grid i:nth-child(2),
.detail-placeholder-grid i:nth-child(3) {
    background: #d2d2d7;
}

/* Learning: search first, restrained hero, neutral course art. */
.learning-header {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
    gap: clamp(36px, 6vw, 90px);
    padding: clamp(64px, 8vw, 108px) clamp(22px, 5vw, 78px);
    align-items: center;
    background: #fff;
}

.learning-header h1 {
    max-width: 780px;
    font-size: clamp(3.5rem, 6.7vw, 7rem);
    line-height: .92;
}

.learning-header > div > p:last-child {
    max-width: 620px;
    color: #6e6e73;
    font-size: 1.08rem;
}

.learning-search {
    gap: 10px;
    padding: 12px;
    background: #f5f5f7;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 22px;
}

.learning-search input,
.learning-search select {
    min-height: 52px;
    background: #fff;
    border-color: rgba(0, 0, 0, .13);
    border-radius: 13px;
}

.learning-course-grid {
    background: #f5f5f7;
}

.learning-course-card,
.course-curriculum section,
.lesson-content,
.h5p-stage {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
}

.learning-course-card {
    border-radius: 24px;
}

.learning-course-art {
    background: #e8e8ed;
    color: #2c2c2e;
}

.learning-course-card:hover {
    box-shadow: 0 18px 50px rgba(0, 0, 0, .1);
}

.learning-course-copy h2 {
    color: #1d1d1f;
    font-weight: 700;
    letter-spacing: -.035em;
}

.learning-progress,
.course-progress-card div {
    background: #e8e8ed;
}

.learning-progress i,
.course-progress-card i {
    background: #2c2c2e;
}

.course-hero {
    background: #fff;
}

.course-progress-card {
    background: #2c2c2e;
}

.curriculum-row:hover {
    background: #f5f5f7;
}

.curriculum-status,
.lesson-sidebar {
    background: #e8e8ed;
}

.curriculum-row.is-complete .curriculum-status,
.lesson-complete-badge {
    background: #d2d2d7;
    color: #1d1d1f;
}

/* Resource Hub and support: dashboard utility rather than marketing surface. */
.resource-hub-header,
.account-dashboard-hero,
.support-utility-header {
    border-color: rgba(0, 0, 0, .1);
}

.account-resource-grid > a,
.account-identity,
.account-request-list > a,
.hub-release-card,
.hub-requirements,
.connected-empty,
.installation-card,
.pair-code-panel,
.prepared-download-ready,
.linked-download-explainer,
.reconnect-key-panel,
.installation-overview-card,
.installation-detail-card,
.installation-action-card,
.installation-danger-zone,
.support-ticket-list,
.support-guide-rail,
.ticket-summary-card,
.ticket-message,
.ticket-reply-form,
.ticket-closed-state,
.support-recovery-card,
.account-auth-card {
    background: #fff !important;
    border-color: rgba(0, 0, 0, .11);
}

.account-resource-grid > a:nth-child(n),
.hub-release-card-linked,
.prepared-download-ready,
.hub-sync,
.hosting-section,
.support-project-section {
    background-image: none !important;
}

.account-resource-grid > a:hover,
.installation-card:hover {
    box-shadow: 0 16px 42px rgba(0, 0, 0, .08);
}

.hub-sync {
    background: #e8e8ed !important;
}

.installation-card-top > span,
.installation-status,
.hub-sync-intro,
.account-request-meta time {
    color: #6e6e73;
}

.installation-facts span,
.installation-overview-facts span {
    background: #f5f5f7;
}

.installation-facts b,
.module-chip-list span,
.linked-download-explainer b,
.prepared-key-row code {
    color: #1d1d1f;
}

.prepared-key-row code,
.stack-form input,
.public-form input,
.public-form textarea,
.public-form select,
.account-auth-card input,
.resource-filter input,
.support-upload input[type="file"] {
    background: #fff;
}

.request-status,
.key-status,
.status-pill,
.lesson-side-meta span,
.module-chip-list span {
    border-color: rgba(0, 0, 0, .12);
}

/* Footer: dark gray anchor with a cleaner information hierarchy. */
.site-footer {
    padding-top: clamp(66px, 8vw, 104px);
    background: #2c2c2e;
    color: #fff;
}

.footer-brand img {
    filter: brightness(0) invert(1);
}

.footer-brand strong,
.footer-links a,
.footer-brand p,
.footer-bottom {
    color: rgba(255, 255, 255, .76);
}

.footer-links span {
    color: #a1a1a6;
}

.footer-links,
.footer-bottom {
    border-color: rgba(255, 255, 255, .14);
}

/* Keep functional state colors only where they communicate status. */
.status-open,
.key-status-issued,
.installation-dot.status-verified,
.installation-dot.status-paired {
    filter: saturate(.35);
}

@media (max-width: 1180px) {
    .site-header {
        grid-template-columns: 1fr auto;
    }

    .site-nav {
        top: 72px;
        background: rgba(255, 255, 255, .96);
        border: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 20px 50px rgba(0, 0, 0, .13);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }

    .featured-tool-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hub-section,
    .hosting-section {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .site-shell {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .site-header {
        min-height: 68px;
    }

    .brand img {
        width: 166px;
        height: 48px;
    }

    .hero-section.hero-modern {
        padding-top: 72px;
    }

    .hero-copy-centered h1 {
        font-size: clamp(3.5rem, 12vw, 6rem);
    }

    .showcase-stage {
        border-radius: 24px 24px 0 0;
    }

    .week-grid {
        gap: 12px;
    }

    .week-grid article + article {
        border-top: 1px solid rgba(0, 0, 0, .09);
    }

    .learning-header {
        grid-template-columns: 1fr;
    }

    .process-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .site-header {
        padding-inline: 14px;
    }

    .site-nav {
        left: 12px;
        right: 12px;
    }

    .hero-section.hero-modern {
        padding-inline: 18px;
    }

    .hero-copy-centered h1 {
        font-size: clamp(3.2rem, 16vw, 4.8rem);
    }

    .hero-intro {
        font-size: 1rem;
    }

    .showcase-tabs {
        overflow-x: auto;
        justify-content: flex-start;
    }

    .featured-tool-list,
    .hub-links,
    .process-list {
        grid-template-columns: 1fr;
    }

    .featured-tool {
        min-height: 250px;
    }

    .hub-links a {
        min-height: 200px;
    }

    .week-grid article {
        padding: 28px;
    }

    .learning-header,
    .learning-course-grid,
    .course-hero,
    .course-layout,
    .lesson-sidebar,
    .lesson-content {
        padding-left: 18px;
        padding-right: 18px;
    }
}

/* =========================================================
   Community + My Account v1.2.0
   ========================================================= */
:root{
  --community-bg:#f5f5f7;
  --community-surface:#fff;
  --community-ink:#1d1d1f;
  --community-muted:#6e6e73;
  --community-line:#d2d2d7;
  --community-soft:#ececf0;
  --community-dark:#2c2c2e;
  --community-success:#266443;
  --community-warning:#8a5b13;
  --community-danger:#9d2e2e;
}
.site-nav{gap:.15rem}.site-nav a{white-space:nowrap}
.community-shell,.discussion-shell{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:48px 0 96px;color:var(--community-ink)}
.community-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:28px 0 34px;border-bottom:1px solid var(--community-line)}
.community-header h1{max-width:900px;margin:.2rem 0 .75rem;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.95;letter-spacing:-.055em}.community-header p{max-width:720px;color:var(--community-muted);font-size:1.05rem;line-height:1.65}
.community-toolbar{position:sticky;top:78px;z-index:8;background:rgba(245,245,247,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--community-line);padding:16px 0 14px}
.community-search{display:flex;gap:10px;align-items:center}.community-search input{min-width:0;flex:1}
.community-filter-tabs{display:flex;gap:6px;overflow-x:auto;padding:12px 0 0;scrollbar-width:thin;scrollbar-color:#9b9ba1 transparent}.community-filter-tabs a{flex:none;padding:9px 13px;border-radius:999px;color:var(--community-muted);font-weight:700;font-size:.86rem;text-decoration:none}.community-filter-tabs a:hover,.community-filter-tabs a.is-active{background:var(--community-dark);color:#fff}
.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;padding-top:28px}.community-feed{min-width:0}.community-feed-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.community-feed-heading h2{font-size:1.35rem}.community-feed-heading span{color:var(--community-muted);font-size:.88rem}
.community-row{display:grid;grid-template-columns:minmax(0,1fr) auto;background:#fff;border:1px solid var(--community-line);border-radius:18px;margin-bottom:10px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.community-row:hover{transform:translateY(-1px);border-color:#a9a9ae;box-shadow:0 12px 30px rgba(0,0,0,.06)}.community-row.is-pinned{border-left:4px solid var(--community-dark)}
.community-row-main{padding:20px 22px;color:inherit;text-decoration:none}.community-row-main h3{margin:7px 0 6px;font-size:1.13rem;line-height:1.3}.community-row-main>p{margin:0;color:var(--community-muted);line-height:1.5}.community-row-badges,.community-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.community-row-meta{margin-top:14px;color:var(--community-muted);font-size:.8rem}.community-row-meta span+span:before{content:"·";margin-right:8px}
.community-type,.community-state{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#e8e8ed;color:#3a3a3c;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.community-type.type-question{background:#e8edf6;color:#284d7a}.community-type.type-idea{background:#f3ead8;color:#78510f}.community-type.type-guide{background:#e5f0ea;color:#2b6548}.community-type.type-bug{background:#f4e3e3;color:#8b2c2c}.community-type.type-announcement{background:#2c2c2e;color:#fff}.community-state.is-solved{background:#dcecdf;color:#245c3c}
.community-row-stats{display:grid;align-content:center;gap:11px;min-width:112px;padding:16px 18px;border-left:1px solid var(--community-line);background:#fafafa}.community-row-stats span{font-size:.72rem;color:var(--community-muted);text-align:right}.community-row-stats b{display:block;color:var(--community-ink);font-size:1rem}
.community-sidebar{display:grid;align-content:start;gap:18px}.community-sidebar section{background:#fff;border:1px solid var(--community-line);border-radius:18px;padding:18px}.community-sidebar-heading h2{font-size:1rem;margin:0 0 10px}.community-topic-link{display:flex;align-items:center;gap:12px;padding:11px 8px;border-radius:12px;text-decoration:none;color:inherit}.community-topic-link:hover{background:var(--community-soft)}.community-topic-link>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ececf0}.community-topic-link svg{width:17px;height:17px}.community-topic-link div{display:grid}.community-topic-link small{color:var(--community-muted);font-size:.74rem}.community-tool-cloud{display:flex;gap:7px;flex-wrap:wrap}.community-tool-cloud a{padding:7px 9px;border:1px solid var(--community-line);border-radius:999px;text-decoration:none;color:var(--community-ink);font-size:.77rem}.community-tool-cloud a:hover{background:var(--community-dark);border-color:var(--community-dark);color:#fff}.community-private-help{background:var(--community-dark)!important;color:#fff}.community-private-help p{color:#c9c9ce}.community-private-help a{color:#fff;font-weight:800}
.community-composer-card,.discussion-reply-card{background:#fff;border:1px solid var(--community-line);border-radius:22px;padding:24px;margin:26px 0}.community-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.community-section-heading h2{margin:.15rem 0 0}.community-composer,.discussion-reply-card form{display:grid;gap:16px}.community-composer label,.discussion-reply-card label{display:grid;gap:7px;font-weight:750;font-size:.86rem}.community-composer label>small{font-weight:500;color:var(--community-muted)}.community-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.community-composer-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.community-draft-state{color:var(--community-muted);font-size:.8rem}
.community-empty{padding:54px 28px;border:1px dashed #b6b6bb;border-radius:18px;text-align:center;background:#fff}.community-empty h3{margin:0 0 7px}.community-empty p{margin:0;color:var(--community-muted)}
.discussion-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:22px;color:var(--community-muted);font-size:.84rem}.discussion-breadcrumb a{color:inherit}.discussion-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--community-line)}.discussion-header h1{font-size:clamp(2rem,4vw,4rem);line-height:1.03;letter-spacing:-.045em;margin:.5rem 0}.discussion-header p{color:var(--community-muted)}.discussion-timeline{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--community-muted);font-size:.8rem}.discussion-timeline>span{height:3px;flex:1;border-radius:99px;background:linear-gradient(90deg,var(--community-dark) var(--progress),#d9d9de var(--progress))}
.discussion-post{display:grid;grid-template-columns:170px minmax(0,1fr);background:#fff;border:1px solid var(--community-line);border-radius:18px;margin:12px 0;overflow:hidden}.discussion-post.is-accepted{border-color:#79a487;box-shadow:0 0 0 2px rgba(38,100,67,.08)}.discussion-post>aside{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:20px;border-right:1px solid var(--community-line);background:#fafafa}.community-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--community-dark);color:#fff;font-weight:850}.discussion-post>aside small{color:var(--community-muted);line-height:1.3}.discussion-post>aside a{margin-top:auto;color:var(--community-muted);font-size:.75rem}.discussion-post-content{min-width:0}.discussion-post-body{padding:24px;font-size:1rem;line-height:1.72}.discussion-post-body h1,.discussion-post-body h2,.discussion-post-body h3{margin:1.25em 0 .45em}.discussion-post-body code{padding:.15em .4em;border-radius:5px;background:#ececf0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.discussion-post-content footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px;border-top:1px solid var(--community-line);color:var(--community-muted);font-size:.76rem}.discussion-post-actions{display:flex;gap:8px}.discussion-post-actions form{margin:0}.community-action-button{appearance:none;border:1px solid var(--community-line);background:#fff;border-radius:999px;padding:7px 10px;color:var(--community-ink);font:inherit;font-weight:750;cursor:pointer}.community-action-button:hover{background:#ececf0}.accepted-answer-banner{padding:10px 20px;background:#dcecdf;color:#245c3c;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
/* Stock chrome: every control inside public account/community surfaces */
.community-shell input,.community-shell select,.community-shell textarea,.discussion-shell input,.discussion-shell select,.discussion-shell textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #c7c7cc;border-radius:11px;background:#fff;color:#1d1d1f;font:inherit;line-height:1.35;outline:none;box-shadow:none}.community-shell textarea,.discussion-shell textarea{min-height:150px;resize:vertical}.community-shell input:focus,.community-shell select:focus,.community-shell textarea:focus,.discussion-shell input:focus,.discussion-shell select:focus,.discussion-shell textarea:focus{border-color:#444446;box-shadow:0 0 0 3px rgba(29,29,31,.1)}.community-shell select,.discussion-shell select{appearance:none;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#555 50%),linear-gradient(135deg,#555 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.community-shell input[type=number],.discussion-shell input[type=number]{appearance:textfield}.community-shell input[type=number]::-webkit-inner-spin-button,.community-shell input[type=number]::-webkit-outer-spin-button,.discussion-shell input[type=number]::-webkit-inner-spin-button,.discussion-shell input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.community-shell input[type=file]::file-selector-button,.discussion-shell input[type=file]::file-selector-button{margin:-11px 12px -11px -13px;padding:12px 14px;border:0;border-right:1px solid #c7c7cc;background:#ececf0;color:#1d1d1f;font-weight:800;cursor:pointer}.community-shell input[type=file]::file-selector-button:hover,.discussion-shell input[type=file]::file-selector-button:hover{background:#dedee3}
.community-shell *,.discussion-shell *{scrollbar-width:thin;scrollbar-color:#8e8e93 transparent}.community-shell *::-webkit-scrollbar,.discussion-shell *::-webkit-scrollbar{width:10px;height:10px}.community-shell *::-webkit-scrollbar-track,.discussion-shell *::-webkit-scrollbar-track{background:transparent}.community-shell *::-webkit-scrollbar-thumb,.discussion-shell *::-webkit-scrollbar-thumb{background:#9b9ba1;border:3px solid transparent;border-radius:99px;background-clip:padding-box}.community-shell *::-webkit-scrollbar-thumb:hover,.discussion-shell *::-webkit-scrollbar-thumb:hover{background:#68686d;border:2px solid transparent;background-clip:padding-box}
@media(max-width:1050px){.community-layout{grid-template-columns:1fr}.community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.community-private-help{grid-column:1/-1}.community-toolbar{top:66px}}
@media(max-width:760px){.community-shell,.discussion-shell{width:min(100% - 24px,1480px);padding-top:28px}.community-header,.discussion-header{align-items:flex-start;flex-direction:column}.community-header h1{font-size:2.7rem}.community-form-grid{grid-template-columns:1fr}.community-row{grid-template-columns:1fr}.community-row-stats{display:flex;justify-content:flex-start;border-left:0;border-top:1px solid var(--community-line)}.community-row-stats span{text-align:left}.community-sidebar{grid-template-columns:1fr}.community-composer-footer{align-items:stretch;flex-direction:column}.discussion-post{grid-template-columns:1fr}.discussion-post>aside{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--community-line)}.discussion-post>aside a{margin:0 0 0 auto}.discussion-post-content footer{align-items:flex-start;flex-direction:column}.discussion-post-actions{flex-wrap:wrap}}
.account-resource-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.account-resource-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.account-resource-grid-four{grid-template-columns:1fr}}


/* =========================================================
   Account authentication refresh v1.2.3
   Monochrome entry experience aligned with the public site.
   ========================================================= */
.account-auth-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(390px, .72fr);
    gap: clamp(42px, 7vw, 112px);
    align-items: center;
    min-height: calc(100vh - 154px);
    padding: clamp(64px, 8vw, 118px) clamp(28px, 7vw, 118px);
    background: #f5f5f7;
    overflow: hidden;
}
.account-auth-shell::before {
    content: "";
    position: absolute;
    inset: clamp(28px, 3vw, 48px) auto clamp(28px, 3vw, 48px) clamp(28px, 3vw, 48px);
    width: min(49%, 820px);
    border-radius: 34px;
    background: #2c2c2e;
    pointer-events: none;
}
.account-auth-copy {
    position: relative;
    z-index: 1;
    max-width: 760px;
    padding: clamp(34px, 5vw, 76px);
    color: #fff;
}
.account-auth-copy .eyebrow { color: #a1a1a6; }
.account-auth-copy h1 {
    max-width: 720px;
    margin: .18em 0 .26em;
    color: #fff;
    font-size: clamp(3rem, 5.7vw, 6.45rem);
    line-height: .91;
    letter-spacing: -.052em;
    text-transform: none;
}
.account-auth-copy > p:not(.eyebrow) {
    max-width: 670px;
    color: #d1d1d6;
    font-size: 1.04rem;
    line-height: 1.68;
}
.account-benefits {
    margin-top: 38px;
    gap: 0;
}
.account-benefits li {
    grid-template-columns: 42px 1fr;
    gap: 15px;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.14);
}
.account-benefits li:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.account-benefits svg { width: 24px; height: 24px; color: #fff; }
.account-benefits b { color: #fff; }
.account-benefits small { color: #a1a1a6; }
.account-privacy-note {
    margin-top: 34px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: #f5f5f7;
}
.account-privacy-note span { color: #c7c7cc; }
.account-auth-card {
    position: relative;
    z-index: 1;
    width: min(100%, 610px);
    justify-self: center;
    padding: clamp(30px, 4vw, 52px);
    border: 1px solid #d2d2d7 !important;
    border-radius: 28px;
    background: #fff !important;
    box-shadow: 0 28px 75px rgba(0,0,0,.1);
    backdrop-filter: none;
}
.account-auth-card .eyebrow { color: #6e6e73; }
.account-auth-card h2 {
    color: #1d1d1f;
    font-size: clamp(2rem, 3vw, 2.55rem);
    letter-spacing: -.035em;
}
.account-auth-card label { color: #1d1d1f; }
.account-auth-card input {
    min-height: 50px;
    padding: 13px 15px;
    border: 1px solid #c7c7cc;
    border-radius: 12px;
    background: #fff;
    color: #1d1d1f;
    box-shadow: none;
}
.account-auth-card input:hover { border-color: #8e8e93; }
.account-auth-card input:focus {
    border-color: #2c2c2e;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(44,44,46,.11);
}
.account-auth-card .button-dark {
    min-height: 50px;
    border: 1px solid #1d1d1f;
    border-radius: 999px;
    background: #1d1d1f;
    color: #fff;
    box-shadow: none;
}
.account-auth-card .button-dark:hover {
    background: #3a3a3c;
    border-color: #3a3a3c;
    transform: translateY(-1px);
}
.account-auth-card .button-dark svg { width: 17px; height: 17px; }
.account-switch { color: #6e6e73; }
.account-switch a { color: #1d1d1f; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.account-auth-card .form-notice.info {
    border: 1px solid #d2d2d7;
    background: #f5f5f7;
    color: #3a3a3c;
}
.account-auth-card .form-notice.error {
    border-color: #e2b5b5;
    background: #fbefef;
    color: #7d2828;
}
.account-auth-shell,
.account-auth-shell * {
    scrollbar-width: thin;
    scrollbar-color: #8e8e93 transparent;
}
.account-auth-shell *::-webkit-scrollbar { width: 10px; height: 10px; }
.account-auth-shell *::-webkit-scrollbar-track { background: transparent; }
.account-auth-shell *::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: #8e8e93;
    background-clip: padding-box;
}
@media (max-width: 980px) {
    .account-auth-shell {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 28px;
    }
    .account-auth-shell::before {
        inset: 28px 28px auto;
        width: auto;
        height: min(630px, 47%);
    }
    .account-auth-copy {
        padding: clamp(38px, 8vw, 72px);
    }
    .account-auth-card { width: min(100%, 680px); }
}
@media (max-width: 620px) {
    .account-auth-shell {
        min-height: 0;
        padding: 14px;
    }
    .account-auth-shell::before {
        inset: 14px 14px auto;
        height: 570px;
        border-radius: 24px;
    }
    .account-auth-copy { padding: 38px 26px 44px; }
    .account-auth-copy h1 { font-size: clamp(2.75rem, 15vw, 4.35rem); }
    .account-benefits li { grid-template-columns: 34px 1fr; }
    .account-auth-card {
        padding: 26px 22px;
        border-radius: 22px;
    }
}

/* Community filtering and profile trust details · v1.2.6 */
.community-filter-choice {
    display: inline-flex;
    align-items: stretch;
    flex: none;
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 999px;
    overflow: hidden;
    color: var(--community-muted);
    font-size: .86rem;
    font-weight: 750;
    text-decoration: none;
}
.community-filter-choice:not(.is-selected) {
    padding: 9px 13px;
}
.community-filter-choice:not(.is-selected):hover {
    color: var(--community-ink);
    background: #e8e8ed;
}
.community-filter-choice.is-selected {
    color: #fff;
    background: var(--community-dark);
    border-color: var(--community-dark);
}
.community-filter-choice-label,
.community-filter-choice-clear {
    display: inline-flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
}
.community-filter-choice-label { padding: 8px 12px 8px 14px; }
.community-filter-choice-divider {
    display: inline-grid;
    place-items: center;
    width: 12px;
    color: rgba(255,255,255,.48);
    background: rgba(255,255,255,.06);
    font-weight: 900;
    line-height: 1;
}
.community-filter-choice-clear {
    justify-content: center;
    min-width: 34px;
    padding: 0 10px 1px 8px;
    background: rgba(255,255,255,.13);
    font-size: 1.2rem;
    line-height: 1;
}
.community-filter-choice-clear:hover { background: rgba(255,255,255,.24); }

.community-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 12px;
}
.community-active-chip {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #b8b8bf;
    border-radius: 999px;
    background: #fff;
    color: var(--community-ink);
    font-size: .76rem;
    font-weight: 760;
}
.community-active-chip > span { padding: 7px 10px 7px 12px; }
.community-active-chip > i {
    display: grid;
    place-items: center;
    width: 11px;
    background: #ececf0;
    color: #8e8e93;
    font-style: normal;
}
.community-active-chip > a {
    display: grid;
    place-items: center;
    min-width: 30px;
    padding-bottom: 1px;
    background: #dedee3;
    color: #1d1d1f;
    font-size: 1rem;
    text-decoration: none;
}
.community-active-chip > a:hover { background: #c9c9cf; }
.community-clear-all {
    color: var(--community-muted);
    font-size: .77rem;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.community-clear-all:hover { color: var(--community-ink); }
.community-clear-all-block { display: inline-block; margin-top: 12px; }

.community-sidebar-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.community-sidebar-heading > a {
    color: var(--community-muted);
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
}
.community-sidebar-heading > a:hover { color: var(--community-ink); text-decoration: underline; }
.community-topic-choice {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    align-items: stretch;
    border-radius: 13px;
    overflow: hidden;
}
.community-topic-choice.is-selected {
    grid-template-columns: minmax(0,1fr) 12px 36px;
    margin-block: 4px;
    background: var(--community-dark);
    color: #fff;
}
.community-topic-choice.is-selected .community-topic-link { color: #fff; }
.community-topic-choice.is-selected .community-topic-link:hover { background: transparent; }
.community-topic-choice.is-selected .community-topic-link > span { background: rgba(255,255,255,.13); }
.community-topic-choice.is-selected .community-topic-link small { color: rgba(255,255,255,.68); }
.community-choice-divider {
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.45);
    font-weight: 900;
}
.community-choice-clear {
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.14);
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
}
.community-choice-clear:hover { background: rgba(255,255,255,.26); }

.community-tool-choice {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--community-line);
    border-radius: 999px;
    background: #fff;
}
.community-tool-choice > a {
    display: inline-flex;
    align-items: center;
    padding: 7px 9px;
    color: var(--community-ink);
    font-size: .77rem;
    text-decoration: none;
}
.community-tool-choice:not(.is-selected):hover {
    border-color: var(--community-dark);
    background: var(--community-dark);
}
.community-tool-choice:not(.is-selected):hover > a { color: #fff; }
.community-tool-choice.is-selected {
    border-color: var(--community-dark);
    background: var(--community-dark);
}
.community-tool-choice.is-selected > a { color: #fff; padding-left: 11px; }
.community-tool-choice > i {
    display: grid;
    place-items: center;
    width: 11px;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.45);
    font-style: normal;
    font-weight: 900;
}
.community-tool-choice .community-tool-clear {
    min-width: 30px;
    justify-content: center;
    padding-inline: 8px;
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: 1rem;
}
.community-tool-choice .community-tool-clear:hover { background: rgba(255,255,255,.28); }

.community-member-identity {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.community-member-identity > div { display: grid; min-width: 0; }
.community-member-identity b,
.community-member-identity small { overflow-wrap: anywhere; }
.community-member-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    width: 100%;
    margin: 10px 0 0;
}
.community-member-metrics > div {
    display: grid;
    gap: 2px;
    padding: 7px;
    border: 1px solid #e3e3e7;
    border-radius: 9px;
    background: #fff;
}
.community-member-metrics dt {
    color: var(--community-muted);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.community-member-metrics dd {
    margin: 0;
    color: var(--community-ink);
    font-size: .76rem;
    font-weight: 850;
}
.discussion-post-number { margin-top: 8px !important; }

@media (max-width: 760px) {
    .community-active-filters { align-items: stretch; }
    .community-member-metrics { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .discussion-post > aside { flex-wrap: wrap; }
    .community-member-identity { width: auto; flex: 1 1 220px; }
    .community-member-metrics { flex: 1 1 100%; }
}

@media (max-width: 480px) {
    .community-member-metrics { grid-template-columns: 1fr 1fr; }
}

/* Community phase 2: follows, unread state, notifications, member profiles · v1.3.0 */
.header-notification-button{
  position:relative;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--community-ink,#1d1d1f);
  text-decoration:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.header-notification-button:hover{background:#ececf0;border-color:#b7b7bd;transform:translateY(-1px)}
.header-notification-button svg{width:18px;height:18px}
.header-notification-button>span{
  position:absolute;
  top:-6px;
  right:-7px;
  display:grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  background:#1d1d1f;
  color:#fff;
  font-size:.62rem;
  font-weight:850;
  line-height:1;
}
.header-notification-button.has-unread{border-color:#8d8d93}

.community-posting-state{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border:1px solid var(--community-line);
  border-radius:999px;
  background:#ececf0;
  color:var(--community-muted);
  font-size:.78rem;
  font-weight:800;
}
.community-access-notice{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin:20px 0 0;
  padding:16px 18px;
  border:1px solid #c9c9cf;
  border-radius:16px;
  background:#fff;
}
.community-access-notice>div:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ececf0}
.community-access-notice svg{width:18px;height:18px}
.community-access-notice b{display:block;margin-bottom:3px}
.community-access-notice p{margin:0;color:var(--community-muted);font-size:.88rem}
.community-row.is-unread{border-color:#8f8f95;box-shadow:inset 4px 0 0 #2c2c2e}
.community-row.is-unread .community-row-main h3{font-weight:850}
.community-state.is-new{background:#1d1d1f;color:#fff}
.community-follow-topic-form{margin-top:13px;padding-top:13px;border-top:1px solid var(--community-line)}
.community-follow-button{
  width:100%;
  min-height:38px;
  padding:0 12px;
  border:1px solid var(--community-line);
  border-radius:11px;
  background:#fff;
  color:var(--community-ink);
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  cursor:pointer;
}
.community-follow-button:hover,.community-follow-button.is-following{background:var(--community-dark);border-color:var(--community-dark);color:#fff}
.discussion-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.discussion-header-actions .button.is-active{background:#2c2c2e;border-color:#2c2c2e;color:#fff}
.community-member-identity{text-decoration:none;color:inherit;border-radius:10px}
.community-member-identity:hover b{text-decoration:underline}
.community-member-joined{grid-column:1/-1}
.discussion-original-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-top:1px solid var(--community-line);color:var(--community-muted);font-size:.78rem}
.community-report-menu{position:relative}
.community-report-menu>summary{list-style:none;cursor:pointer;color:var(--community-muted);font-size:.76rem;font-weight:750}
.community-report-menu>summary::-webkit-details-marker{display:none}
.community-report-menu[open]>summary{color:var(--community-ink)}
.community-report-form{
  position:absolute;
  z-index:20;
  right:0;
  bottom:calc(100% + 9px);
  display:grid;
  gap:10px;
  width:min(340px,calc(100vw - 36px));
  padding:14px;
  border:1px solid var(--community-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 38px rgba(0,0,0,.14);
}
.community-report-form label{display:grid;gap:6px;font-size:.76rem;font-weight:750}
.community-report-form textarea{min-height:88px}

.notifications-page,.community-profile-page{width:min(1400px,calc(100% - 40px));margin:0 auto;padding:48px 0 96px;color:var(--community-ink)}
.notifications-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:28px;border-bottom:1px solid var(--community-line)}
.notifications-header h1,.community-profile-header h1{margin:.2rem 0 .4rem;font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.05em}
.notifications-header p,.community-profile-header p{margin:0;color:var(--community-muted)}
.notifications-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;padding-top:28px}
.notification-list,.notification-preferences,.community-profile-panel{background:#fff;border:1px solid var(--community-line);border-radius:20px;overflow:hidden}
.notification-list-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--community-line)}
.notification-list-heading h2{margin:0;font-size:1.15rem}.notification-list-heading span{color:var(--community-muted);font-size:.8rem}
.notification-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--community-line);color:inherit;text-decoration:none;transition:background .15s ease}
.notification-row:last-child{border-bottom:0}.notification-row:hover{background:#f5f5f7}.notification-row.is-unread{background:#f0f0f3}.notification-row.is-unread:hover{background:#e8e8ed}
.notification-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ececf0}.notification-icon svg{width:18px;height:18px}.notification-icon.type-solution{background:#dcecdf;color:#245c3c}.notification-icon.type-moderation{background:#f3e1e1;color:#8b2c2c}
.notification-row>div{min-width:0}.notification-row b{display:block;margin-bottom:3px}.notification-row p{margin:0;color:var(--community-muted);font-size:.86rem;line-height:1.45}.notification-row small{display:block;margin-top:5px;color:#8b8b90;font-size:.72rem}.notification-row>i{width:9px;height:9px;border-radius:50%;background:#1d1d1f}
.notification-preferences{align-self:start;padding:22px}.notification-preferences h2{margin:.2rem 0 18px;font-size:1.35rem}.notification-preference-form{display:grid;gap:10px}
.site-check-card{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid var(--community-line);border-radius:13px;background:#fff;cursor:pointer}
.site-check-card:hover{border-color:#a9a9ae;background:#fafafa}.site-check-card input{appearance:none;flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;border:1px solid #a8a8ae;border-radius:6px;background:#fff;cursor:pointer}
.site-check-card input:checked{border-color:#1d1d1f;background:#1d1d1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='m5 10 3 3 7-7'/%3E%3C/svg%3E") center/15px no-repeat}
.site-check-card input:focus-visible{outline:3px solid rgba(29,29,31,.18);outline-offset:2px}.site-check-card>span{display:grid;gap:2px}.site-check-card small{color:var(--community-muted);font-size:.74rem;line-height:1.35}.notification-preference-divider{height:1px;margin:5px 0;background:var(--community-line)}

.community-profile-header{display:flex;align-items:center;gap:22px;padding:24px 0 30px;border-bottom:1px solid var(--community-line)}
.community-profile-avatar{display:grid;place-items:center;width:88px;height:88px;border-radius:24px;background:#2c2c2e;color:#fff;font-size:2rem;font-weight:900}
.community-profile-header small{display:block;margin-top:7px;color:var(--community-muted)}
.community-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.community-profile-stats>div{padding:18px;border:1px solid var(--community-line);border-radius:16px;background:#fff}.community-profile-stats dt{color:var(--community-muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.community-profile-stats dd{margin:7px 0 0;font-size:2rem;font-weight:900}
.community-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.community-profile-panel .community-section-heading{margin:0;padding:20px 22px;border-bottom:1px solid var(--community-line)}
.community-profile-activity{display:grid}.community-profile-activity>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--community-line);color:inherit;text-decoration:none}.community-profile-activity>a:last-child{border-bottom:0}.community-profile-activity>a:hover{background:#f5f5f7}.community-profile-activity>a>div{display:grid;gap:3px;min-width:0}.community-profile-activity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-profile-activity small{color:var(--community-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-profile-activity em{color:var(--community-muted);font-size:.74rem;font-style:normal;white-space:nowrap}.community-profile-reply-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ececf0}.community-profile-reply-icon svg{width:15px;height:15px}.community-empty.compact{margin:16px;padding:26px 18px}

@media(max-width:960px){
  .notifications-layout,.community-profile-grid{grid-template-columns:1fr}
  .notification-preferences{order:-1}
  .community-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .discussion-header{flex-direction:column}.discussion-header-actions{justify-content:flex-start}
}
@media(max-width:680px){
  .header-notification-button{width:34px;height:34px;border-radius:10px}
  .notifications-page,.community-profile-page{width:min(100% - 24px,1400px);padding-top:28px}
  .notifications-header{align-items:flex-start;flex-direction:column}
  .community-profile-header{align-items:flex-start;flex-direction:column}.community-profile-avatar{width:70px;height:70px;border-radius:19px}
  .community-profile-stats{grid-template-columns:1fr 1fr}.community-profile-activity>a{grid-template-columns:auto minmax(0,1fr)}.community-profile-activity em{grid-column:2}
  .community-report-form{position:fixed;left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100vh - 24px);overflow:auto}
  .discussion-original-footer{align-items:flex-start;flex-direction:column}
}
.resource-hub-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.resource-hub-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.resource-hub-header-actions .button{width:100%;text-align:center}}
.discussion-post>aside .community-member-identity{margin-top:0;color:inherit}
.discussion-post>aside .community-member-identity+dl{width:100%}

/* Community discussion hierarchy and segmented filters · v1.3.1 */
.community-filter-choice.is-selected {
    color: #fff;
}
.community-filter-choice.is-selected .community-filter-choice-label {
    color: #fff;
}
.community-filter-choice-divider {
    align-self: stretch;
    width: 14px;
    min-height: 100%;
    padding: 0;
    border-left: 1px solid rgba(255,255,255,.18);
    border-right: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.62);
}
.community-filter-choice-clear {
    align-self: stretch;
    min-width: 38px;
    padding: 0 12px;
    border-radius: 0;
    background: rgba(255,255,255,.16);
    color: #fff;
}
.community-filter-choice-clear:hover {
    background: rgba(255,255,255,.29);
    color: #fff;
}

.community-member-metrics {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 12px 0 0;
    border-top: 1px solid #e0e0e5;
    border-bottom: 1px solid #e0e0e5;
}
.community-member-metrics > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 33px;
    padding: 7px 0;
    border: 0;
    border-bottom: 1px solid #ececf0;
    border-radius: 0;
    background: transparent;
}
.community-member-metrics > div:last-child {
    border-bottom: 0;
}
.community-member-metrics dt {
    font-size: .63rem;
    letter-spacing: .055em;
}
.community-member-metrics dd {
    font-size: .77rem;
    text-align: right;
}
.community-member-joined {
    grid-column: auto;
}

.discussion-post {
    position: relative;
    margin: 16px 0;
}
.discussion-original {
    border-color: #b6b6bc;
    box-shadow: 0 10px 28px rgba(29,29,31,.045);
}
.discussion-post:not(.discussion-original) {
    margin-left: 34px;
    border-color: #d8d8dd;
    background: #fff;
}
.discussion-post:not(.discussion-original)::before {
    content: "";
    position: absolute;
    top: -17px;
    bottom: calc(100% - 20px);
    left: -18px;
    width: 2px;
    background: #d2d2d7;
}
.discussion-post:not(.discussion-original)::after {
    content: "";
    position: absolute;
    top: 18px;
    left: -18px;
    width: 18px;
    height: 2px;
    background: #d2d2d7;
}
.discussion-post-kind {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 42px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--community-line);
    background: #f5f5f7;
}
.discussion-post-kind span {
    color: #1d1d1f;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.discussion-post-kind small {
    color: var(--community-muted);
    font-size: .7rem;
}
.discussion-post-kind.is-original {
    background: #2c2c2e;
}
.discussion-post-kind.is-original span {
    color: #fff;
}
.discussion-post-kind.is-original small {
    color: #c7c7cc;
}
.discussion-post:not(.discussion-original) > aside {
    background: #f7f7f9;
}
.discussion-original > aside {
    background: #f1f1f3;
}
.discussion-post.is-accepted .discussion-post-kind.is-reply {
    background: #edf5ef;
}

@media (max-width: 760px) {
    .discussion-post:not(.discussion-original) {
        margin-left: 14px;
    }
    .discussion-post:not(.discussion-original)::before,
    .discussion-post:not(.discussion-original)::after {
        display: none;
    }
    .community-member-metrics {
        grid-template-columns: 1fr 1fr;
        gap: 0 14px;
        border-bottom: 0;
    }
    .community-member-metrics > div:nth-last-child(-n+2) {
        border-bottom: 1px solid #ececf0;
    }
    .discussion-post-kind {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
}

@media (max-width: 480px) {
    .community-member-metrics {
        grid-template-columns: 1fr;
    }
}

/* Unified public geometry and Community segmented controls · v1.3.2 */
:root {
    --site-control-radius: 14px;
}

/* Keep one deliberate corner language across public controls and surfaces. */
.button,
.site-nav,
.site-nav a,
.community-search input,
.community-search button,
.community-filter-choice,
.community-active-chip,
.community-topic-choice,
.community-tool-choice,
.community-follow-button,
.community-posting-state,
.community-action-button,
.header-notification-button,
.account-auth-card input,
.account-auth-card button,
.community-shell input,
.community-shell select,
.community-shell textarea,
.discussion-shell input,
.discussion-shell select,
.discussion-shell textarea {
    border-radius: var(--site-control-radius);
}

/* Buttons should match the navigation geometry rather than using pills. */
.button,
.button-dark,
.button-coral,
.button-outline,
.button-ghost,
.site-header .button,
.account-auth-card .button-dark {
    border-radius: var(--site-control-radius);
}

/* Selected top-level Community view: true three-part segmented control. */
.community-filter-choice.is-selected {
    display: grid;
    grid-template-columns: auto 1px 38px;
    align-items: stretch;
    min-height: 38px;
    padding: 0;
    overflow: hidden;
    border-radius: var(--site-control-radius);
    background: var(--community-dark);
}
.community-filter-choice.is-selected .community-filter-choice-label {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 14px;
    background: transparent;
    color: #fff;
    white-space: nowrap;
}
.community-filter-choice-divider,
.community-choice-divider,
.community-active-chip > i,
.community-tool-choice > i {
    position: relative;
    width: 1px;
    min-width: 1px;
    height: 100%;
    min-height: 100%;
    padding: 0;
    overflow: visible;
    border: 0;
    background: repeating-linear-gradient(
        to bottom,
        rgba(255,255,255,.48) 0 2px,
        transparent 2px 5px
    );
    color: transparent;
    font-size: 0;
    align-self: stretch;
}
.community-filter-choice-clear,
.community-choice-clear,
.community-active-chip > a,
.community-tool-choice .community-tool-clear {
    display: grid;
    place-items: center;
    align-self: stretch;
    min-width: 38px;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(255,255,255,.18);
    color: #fff;
    font-size: 1.08rem;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
}
.community-filter-choice-clear:hover,
.community-choice-clear:hover,
.community-tool-choice .community-tool-clear:hover {
    background: rgba(255,255,255,.31);
    color: #fff;
}

/* Active filter summary chips use the same segmented construction. */
.community-active-chip {
    display: grid;
    grid-template-columns: auto 1px 34px;
    align-items: stretch;
    min-height: 34px;
    padding: 0;
    overflow: hidden;
    border-radius: var(--site-control-radius);
    border-color: #a9a9af;
    background: #fff;
}
.community-active-chip > span {
    display: flex;
    align-items: center;
    padding: 0 11px;
    white-space: nowrap;
}
.community-active-chip > i {
    background: repeating-linear-gradient(
        to bottom,
        rgba(29,29,31,.36) 0 2px,
        transparent 2px 5px
    );
}
.community-active-chip > a {
    min-width: 34px;
    background: #dedee3;
    color: #1d1d1f;
}
.community-active-chip > a:hover {
    background: #c8c8ce;
    color: #000;
}

/* Selected topic: full-width segmented row with no circular clear affordance. */
.community-topic-choice {
    border-radius: var(--site-control-radius);
}
.community-topic-choice.is-selected {
    display: grid;
    grid-template-columns: minmax(0,1fr) 1px 40px;
    align-items: stretch;
    overflow: hidden;
    border-radius: var(--site-control-radius);
}
.community-topic-choice.is-selected .community-topic-link {
    min-width: 0;
    border-radius: 0;
}
.community-topic-choice.is-selected .community-choice-clear {
    min-width: 40px;
}

/* Tool chips use one container, one label segment, one divider, one clear segment. */
.community-tool-choice {
    border-radius: var(--site-control-radius);
}
.community-tool-choice.is-selected {
    display: grid;
    grid-template-columns: auto 1px 36px;
    align-items: stretch;
    min-height: 36px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--community-dark);
    border-radius: var(--site-control-radius);
    background: var(--community-dark);
}
.community-tool-choice.is-selected > a:first-child {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 11px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    white-space: nowrap;
}
.community-tool-choice.is-selected > i {
    width: 1px;
    min-width: 1px;
}
.community-tool-choice.is-selected .community-tool-clear {
    min-width: 36px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(255,255,255,.18);
    color: #fff;
}
.community-tool-choice:not(.is-selected) > a {
    border-radius: calc(var(--site-control-radius) - 1px);
}

/* Normalize the most visible Community surfaces to the same radius. */
.community-row,
.community-sidebar section,
.community-empty,
.community-composer-card,
.discussion-reply-card,
.discussion-post,
.community-access-notice,
.notification-list,
.notification-preferences,
.community-profile-panel,
.community-profile-stats > div,
.site-check-card {
    border-radius: var(--site-control-radius);
}

/* Circular identity and count elements intentionally remain circular. */
.community-avatar,
.header-notification-button > span,
.notification-row > i {
    border-radius: 50%;
}

/* Community discussion list refinement · v1.3.3 */
/* The clear affordance is one rectangular segment, not a nested circle. */
.community-filter-choice.is-selected {
    grid-template-columns: auto 40px !important;
}
.community-filter-choice.is-selected .community-filter-choice-divider {
    display: none !important;
}
.community-filter-tabs .community-filter-choice.is-selected > .community-filter-choice-clear {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 2px dotted rgba(255,255,255,.56) !important;
    border-radius: 0 !important;
    background: #4a4a4d !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    box-shadow: none !important;
}
.community-filter-tabs .community-filter-choice.is-selected > .community-filter-choice-clear:hover {
    background: #5b5b5f !important;
    color: #fff !important;
}

/* Flarum-inspired discussion rows, expressed in the YMT visual system. */
.community-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) 78px;
    min-height: 132px;
    margin-bottom: 10px;
    border: 1px solid var(--community-line);
    border-radius: var(--site-control-radius);
    background: #fff;
    overflow: hidden;
    box-shadow: none;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.community-row:hover {
    transform: translateY(-1px);
    border-color: #aaaab0;
    background: #fdfdfd;
    box-shadow: 0 8px 22px rgba(29,29,31,.045);
}
.community-row-main {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr);
    gap: 14px;
    align-items: start;
    min-width: 0;
    padding: 17px 18px;
}
.community-row-avatar {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-top: 1px;
    border-radius: 50%;
    background: #2c2c2e;
    color: #fff;
    font-size: .8rem;
    font-weight: 850;
}
.community-row-content {
    display: block;
    min-width: 0;
}
.community-row-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
.community-row-main h3 {
    margin: 0 0 5px;
    color: #1d1d1f;
    font-size: 1.08rem;
    font-weight: 760;
    line-height: 1.28;
}
.community-row-excerpt {
    display: block;
    overflow: hidden;
    color: var(--community-muted);
    font-size: .88rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.community-row-meta {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 9px;
    color: #85858a;
    font-size: .74rem;
}
.community-row-meta span + span::before {
    content: "·";
    margin: 0 7px;
    color: #b0b0b5;
}
.community-type,
.community-state,
.community-context-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 3px 7px;
    border: 0;
    border-radius: 6px;
    font-size: .64rem;
    font-weight: 820;
    letter-spacing: .045em;
    line-height: 1;
    text-transform: uppercase;
}
.community-type.type-question { background:#e5edf8; color:#315a88; }
.community-type.type-idea { background:#f4ead7; color:#79530f; }
.community-type.type-guide { background:#e3efe8; color:#2c6548; }
.community-type.type-bug { background:#f4e2e2; color:#8c3030; }
.community-type.type-announcement { background:#2c2c2e; color:#fff; }
.community-state.is-solved {
    background:#dcecdf;
    color:#28613f;
}
.community-state.is-solved svg {
    width: 12px;
    height: 12px;
    stroke-width: 2.4;
}
.community-state.is-new { background:#1d1d1f; color:#fff; }
.community-state.is-pinned-label { background:#ececf0; color:#55555a; }
.community-context-tag {
    background:#f0f0f3;
    color:#66666b;
    font-weight: 730;
    letter-spacing: 0;
    text-transform: none;
}
.community-context-tag.is-tool {
    background:#e9e9ed;
    color:#3f3f43;
}
.community-row-comments {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-left: 1px solid var(--community-line);
    background:#fafafa;
    color:#737378;
    text-decoration:none;
    font-size:.8rem;
    font-weight:760;
    transition: background .15s ease,color .15s ease;
}
.community-row-comments svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.8;
}
.community-row-comments:hover {
    background:#f0f0f3;
    color:#1d1d1f;
}
.community-row.is-unread .community-row-main h3 { font-weight:850; }
.community-row.is-pinned { border-left:3px solid #2c2c2e; }

@media (max-width: 680px) {
    .community-row {
        grid-template-columns: minmax(0,1fr) 58px;
        min-height: 120px;
    }
    .community-row-main {
        grid-template-columns: 34px minmax(0,1fr);
        gap: 10px;
        padding: 15px 13px;
    }
    .community-row-avatar { width:32px;height:32px;font-size:.7rem; }
    .community-row-excerpt { white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
    .community-row-comments { flex-direction:column;gap:3px; }
}

/* Community member hover cards and left reading timeline · v1.3.4 */
.community-member-hovercard {
    position: relative;
    z-index: 3;
    outline: none;
}
.community-member-hovercard:focus-visible .community-member-identity {
    outline: 2px solid #1d1d1f;
    outline-offset: 3px;
}
.community-member-popover {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 40;
    width: min(330px, calc(100vw - 32px));
    padding: 18px;
    border: 1px solid #3a3a3c;
    border-radius: var(--site-control-radius);
    background: #202022;
    color: #fff;
    box-shadow: 0 22px 60px rgba(0,0,0,.26);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    pointer-events: none;
}
.community-member-popover::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 24px;
    width: 12px;
    height: 12px;
    border-left: 1px solid #3a3a3c;
    border-top: 1px solid #3a3a3c;
    background: #202022;
    transform: rotate(45deg);
}
.community-member-hovercard:hover .community-member-popover,
.community-member-hovercard:focus-within .community-member-popover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.community-member-popover header {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    gap: 13px;
    align-items: center;
}
.community-member-popover header > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}
.community-member-popover header a {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 850;
    text-decoration: none;
}
.community-member-popover header a:hover { text-decoration: underline; }
.community-member-popover header small,
.community-member-popover-joined {
    color: #b8b8bd;
}
.community-avatar-large {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: #f5f5f7;
    color: #1d1d1f;
    font-size: 1.25rem;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}
.community-member-popover-joined {
    margin: 15px 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #3a3a3c;
    font-size: .78rem;
}
.community-member-popover dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    border-top: 1px solid #353538;
}
.community-member-popover dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid #353538;
}
.community-member-popover dl > div:nth-child(odd) { padding-right: 12px; }
.community-member-popover dl > div:nth-child(even) { padding-left: 12px; border-left: 1px solid #353538; }
.community-member-popover dt {
    color: #a8a8ad;
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.community-member-popover dd {
    margin: 0;
    color: #fff;
    font-size: .82rem;
    font-weight: 850;
}
.community-member-popover-link {
    display: flex;
    justify-content: center;
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid #4a4a4d;
    border-radius: 10px;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}
.community-member-popover-link:hover { background: #303033; }

.discussion-reading-layout {
    display: grid;
    grid-template-columns: 128px minmax(0,1fr);
    gap: 28px;
    align-items: start;
}
.discussion-thread-column { min-width: 0; }
.discussion-progress-rail {
    position: sticky;
    top: 104px;
    display: grid;
    grid-template-rows: auto auto minmax(180px,1fr) auto;
    min-height: min(520px, calc(100vh - 148px));
    padding: 8px 0 4px;
    color: #6e6e73;
}
.discussion-progress-start,
.discussion-progress-now {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6e6e73;
    text-decoration: none;
}
.discussion-progress-start:hover,
.discussion-progress-now:hover { color: #1d1d1f; }
.discussion-progress-start span,
.discussion-progress-now span {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
}
.discussion-progress-start svg,
.discussion-progress-now svg { width: 16px; height: 16px; }
.discussion-progress-start svg.is-up { transform: rotate(-90deg); }
.discussion-progress-now svg.is-down { transform: rotate(90deg); }
.discussion-progress-start small,
.discussion-progress-now small {
    font-size: .76rem;
    font-weight: 700;
}
.discussion-progress-marker {
    position: relative;
    display: grid;
    gap: 3px;
    margin: 18px 0 12px 10px;
    padding-left: 16px;
}
.discussion-progress-marker i {
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 4px;
    background: #1d1d1f;
}
.discussion-progress-marker b {
    color: #1d1d1f;
    font-size: .79rem;
}
.discussion-progress-marker small { font-size: .72rem; }
.discussion-progress-line {
    position: relative;
    width: 22px;
    min-height: 180px;
}
.discussion-progress-line::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 1px;
    background: #d2d2d7;
}
.discussion-progress-line span {
    position: absolute;
    top: 0;
    left: 8px;
    width: 5px;
    height: 28%;
    border-radius: 4px;
    background: #6e6e73;
}
.discussion-progress-now { align-self: end; }

@media (max-width: 980px) {
    .discussion-reading-layout {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .discussion-progress-rail {
        position: static;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto;
        align-items: center;
        min-height: 0;
        padding: 10px 14px;
        border: 1px solid #d2d2d7;
        border-radius: var(--site-control-radius);
        background: #fff;
    }
    .discussion-progress-marker {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin: 0;
        padding: 0 12px;
    }
    .discussion-progress-marker i { display: none; }
    .discussion-progress-line { display: none; }
    .discussion-progress-now { justify-self: end; }
}

@media (max-width: 680px) {
    .community-member-popover {
        position: fixed;
        left: 12px;
        right: 12px;
        top: auto;
        bottom: 12px;
        width: auto;
    }
    .community-member-popover::before { display: none; }
    .discussion-progress-start small,
    .discussion-progress-now small { display: none; }
    .discussion-progress-marker small { display: none; }
}

/* Community knowledge quality · v1.4.0 */
.community-state.is-verified,
.community-state.is-review,
.community-state.is-outdated,
.community-state.is-duplicate {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.community-state.is-verified { background: #e4f1e8; color: #245a36; }
.community-state.is-review { background: #f3eedf; color: #735b18; }
.community-state.is-outdated { background: #f5e7e6; color: #8b2f2a; }
.community-state.is-duplicate { background: #e8e8ed; color: #515154; }
.community-state.is-verified svg { width: 13px; height: 13px; }

.community-knowledge-banner {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin: 0 0 24px;
    padding: 18px 20px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius);
    background: #fff;
}
.community-knowledge-banner > div:first-child {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: var(--site-control-radius);
    background: #e8e8ed;
}
.community-knowledge-banner svg { width: 20px; height: 20px; }
.community-knowledge-banner h2 { margin: 2px 0 4px; font-size: 1rem; }
.community-knowledge-banner p { margin: 0; color: #6e6e73; line-height: 1.5; }
.community-knowledge-banner .eyebrow { color: #6e6e73; font-size: .62rem; }
.community-knowledge-banner.is-verified { border-left: 4px solid #44795a; }
.community-knowledge-banner.is-review { border-left: 4px solid #9b7c28; }
.community-knowledge-banner.is-outdated { border-left: 4px solid #a74842; }
.community-knowledge-banner.is-duplicate { border-left: 4px solid #6e6e73; }

.staff-verified-answer-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 11px 13px;
    border: 1px solid #cbdccd;
    border-radius: var(--site-control-radius);
    background: #f2f8f3;
    color: #245a36;
}
.staff-verified-answer-banner svg { width: 18px; height: 18px; flex: 0 0 auto; }
.staff-verified-answer-banner span { display: grid; gap: 2px; }
.staff-verified-answer-banner small { color: #56705e; }

.community-inline-editor {
    margin: 18px 0 0;
    border-top: 1px solid #e1e1e5;
}
.community-inline-editor > summary {
    width: max-content;
    padding: 12px 0 0;
    color: #515154;
    font-size: .76rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}
.community-inline-editor > summary::-webkit-details-marker { display: none; }
.community-inline-editor > summary::before { content: "✎"; margin-right: 7px; }
.community-inline-editor > form {
    display: grid;
    gap: 12px;
    margin-top: 12px;
    padding: 16px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius);
    background: #f5f5f7;
}
.community-inline-editor label { display: grid; gap: 7px; }
.community-inline-editor label > span { font-size: .73rem; font-weight: 800; }
.community-inline-editor input,
.community-inline-editor textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c7c7cc;
    border-radius: var(--site-control-radius);
    background: #fff;
    color: #1d1d1f;
    font: inherit;
}
.community-inline-editor input { min-height: 44px; padding: 0 12px; }
.community-inline-editor textarea { min-height: 130px; padding: 12px; resize: vertical; }
.community-inline-editor input:focus,
.community-inline-editor textarea:focus { outline: 0; border-color: #1d1d1f; box-shadow: 0 0 0 3px rgba(29,29,31,.08); }

.community-suggestion-panel {
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius);
    background: #f5f5f7;
    overflow: hidden;
}
.community-suggestion-panel[hidden] { display: none; }
.community-suggestion-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid #d2d2d7;
    background: #fff;
}
.community-suggestion-panel h3 { margin: 2px 0 0; font-size: 1rem; }
.community-suggestion-panel header > span { color: #6e6e73; font-size: .75rem; font-weight: 750; }
.community-suggestion-columns { display: grid; grid-template-columns: 1fr 1fr; }
.community-suggestion-columns > section { min-width: 0; padding: 16px; }
.community-suggestion-columns > section + section { border-left: 1px solid #d2d2d7; }
.community-suggestion-columns h4 { margin: 0 0 10px; font-size: .78rem; text-transform: uppercase; letter-spacing: .055em; }
.community-suggestion-columns section > div { display: grid; gap: 8px; }
.community-suggestion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid #d8d8dd;
    border-radius: var(--site-control-radius);
    background: #fff;
    color: #1d1d1f;
    text-decoration: none;
}
.community-suggestion-item:hover { border-color: #8e8e93; transform: translateY(-1px); }
.community-suggestion-item > span:first-child { display: grid; gap: 3px; min-width: 0; }
.community-suggestion-item b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .83rem; }
.community-suggestion-item small { color: #6e6e73; font-size: .7rem; }
.community-suggestion-arrow { color: #6e6e73; font-size: 1rem; }
.community-suggestion-empty { margin: 0; padding: 10px 2px; color: #6e6e73; font-size: .78rem; }

@media (max-width: 820px) {
    .community-knowledge-banner { grid-template-columns: 40px minmax(0,1fr); }
    .community-knowledge-banner > a { grid-column: 1 / -1; justify-self: stretch; }
    .community-suggestion-columns { grid-template-columns: 1fr; }
    .community-suggestion-columns > section + section { border-left: 0; border-top: 1px solid #d2d2d7; }
    .community-suggestion-panel > header { align-items: flex-start; flex-direction: column; }
}

.discussion-related-knowledge {
    margin: 26px 0;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius);
    background: #fff;
    overflow: hidden;
}
.discussion-related-knowledge > header { padding: 16px 18px; border-bottom: 1px solid #e1e1e5; }
.discussion-related-knowledge h2 { margin: 2px 0 0; font-size: 1rem; }
.discussion-related-knowledge > div { display: grid; }
.discussion-related-knowledge > div > a {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px 16px;
    border-top: 1px solid #ededf0;
    color: #1d1d1f;
    text-decoration: none;
}
.discussion-related-knowledge > div > a:first-child { border-top: 0; }
.discussion-related-knowledge > div > a:hover { background: #f5f5f7; }
.discussion-related-knowledge > div > a > div { display: grid; gap: 3px; min-width: 0; }
.discussion-related-knowledge b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .85rem; }
.discussion-related-knowledge small { color: #6e6e73; font-size: .72rem; }
.discussion-related-knowledge > div > a > svg { width: 16px; height: 16px; color: #6e6e73; }

/* Public UX polish v1.6.0 */
:root {
    --site-control-radius: 14px;
    --site-panel-radius: 22px;
    --site-focus: 0 0 0 4px rgba(29,29,31,.12);
}
#main-content { min-height: 55vh; }
:is(a, button, input, textarea, select, [tabindex]):focus-visible {
    outline: 2px solid #1d1d1f;
    outline-offset: 3px;
}
.button,
.site-nav,
.site-nav a,
.member-menu-trigger,
.header-notification-button,
.header-actions .button,
.public-form :is(input, textarea, select),
.account-auth-card :is(input, textarea, select),
.form-notice,
.support-recovery-card,
.logout-confirmation-card { border-radius: var(--site-control-radius); }
.button { transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease; }
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0); }
form[aria-busy="true"] { cursor: progress; }
button.is-loading,
input.is-loading { pointer-events: none; opacity: .72; }
button.is-loading::after,
input.is-loading::after {
    content: "";
    width: 13px;
    height: 13px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: site-spin .7s linear infinite;
}
@keyframes site-spin { to { transform: rotate(360deg); } }

.site-header { position: sticky; top: 0; backdrop-filter: saturate(160%) blur(18px); background: rgba(255,255,255,.88); }
.site-nav a[aria-current="page"],
.site-nav a.is-active { box-shadow: 0 5px 14px rgba(29,29,31,.12); }
.member-menu-panel { overflow: hidden; }
.member-menu-signout { margin: 0; border-top: 1px solid #e5e5e7; }
.member-menu-signout button {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    background: transparent;
    color: #1d1d1f;
    font: inherit;
    font-size: .78rem;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
}
.member-menu-signout button:hover { background: #f5f5f7; }

.form-notice { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-right: 10px; }
.form-notice-dismiss {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 9px;
    background: rgba(29,29,31,.08);
    color: inherit;
    font-size: 1.15rem;
    cursor: pointer;
}
.public-form :is(input, textarea, select),
.account-auth-card :is(input, textarea, select),
.profile-form :is(input, textarea, select) {
    appearance: none;
    border-color: #d2d2d7;
    background: #fff;
    color: #1d1d1f;
}
.public-form select,
.account-auth-card select,
.profile-form select {
    padding-right: 42px;
    background-image: linear-gradient(45deg, transparent 50%, #6e6e73 50%), linear-gradient(135deg, #6e6e73 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}
.public-form :is(input, textarea, select):focus,
.account-auth-card :is(input, textarea, select):focus,
.profile-form :is(input, textarea, select):focus { outline: 0; border-color: #6e6e73; box-shadow: var(--site-focus); }
input[type="file"] { padding: 7px; cursor: pointer; }
input[type="file"]::file-selector-button {
    min-height: 38px;
    margin-right: 11px;
    padding: 0 13px;
    border: 1px solid #d2d2d7;
    border-radius: 10px;
    background: #f5f5f7;
    color: #1d1d1f;
    font-weight: 800;
    cursor: pointer;
}
input[type="file"]::file-selector-button:hover { background: #e8e8ed; }
input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0; }
textarea { resize: vertical; }

.logout-confirmation {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(320px,460px);
    align-items: center;
    gap: clamp(30px,7vw,100px);
    min-height: 620px;
    padding: clamp(64px,8vw,120px) clamp(24px,7vw,110px);
    background: #f5f5f7;
}
.logout-confirmation h1 { margin: .12em 0; font-size: clamp(3rem,6vw,6rem); line-height: .92; letter-spacing: -.045em; }
.logout-confirmation p:not(.eyebrow) { max-width: 620px; color: #6e6e73; font-size: 1.03rem; }
.logout-confirmation-card { display: grid; gap: 12px; padding: 28px; border: 1px solid #d2d2d7; background: #fff; box-shadow: 0 24px 65px rgba(29,29,31,.1); }

/* Calm browser chrome */
html { scrollbar-color: #8e8e93 #f5f5f7; scrollbar-width: thin; }
body::-webkit-scrollbar, body *::-webkit-scrollbar { width: 12px; height: 12px; }
body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track { background: #f5f5f7; }
body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb { border: 3px solid #f5f5f7; border-radius: 99px; background: #8e8e93; background-clip: padding-box; }

@media (max-width: 800px) {
    .logout-confirmation { grid-template-columns: 1fr; min-height: auto; }
    .site-header { backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Public hierarchy polish v1.6.0 */
.site-header { z-index: 60; border-bottom: 1px solid rgba(29,29,31,.09); }
.hero-section.hero-modern {
    position: relative;
    padding-top: clamp(70px, 9vw, 132px);
    background: #f5f5f7;
}
.hero-section .hero-wash { display: none; }
.hero-copy-centered { max-width: 960px; margin-inline: auto; }
.hero-copy-centered h1 { max-width: 920px; margin-inline: auto; }
.hero-copy-centered .hero-intro { max-width: 760px; margin-inline: auto; }
.hero-trust { justify-content: center; }
.showcase-stage {
    max-width: 1500px;
    margin-inline: auto;
    border-color: #c7c7cc;
    box-shadow: 0 32px 90px rgba(29,29,31,.13);
}
.audience-ribbon { background: #fff; border-block-color: #e1e1e5; }
.week-section,
.featured-tools-section,
.hub-section,
.process-section { background: #f5f5f7; }
.week-grid article,
.hub-links a { background: #fff; border-color: #d2d2d7; box-shadow: 0 1px 0 rgba(29,29,31,.02); }
.hub-links { grid-template-columns: repeat(4,minmax(0,1fr)); }
.hub-links a { min-height: 190px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.hub-links a:hover { transform: translateY(-3px); border-color: #8e8e93; box-shadow: 0 18px 45px rgba(29,29,31,.09); }
.featured-tool { background: #fff; }
.process-list li { background: #fff; }
.support-project-section { background: #2c2c2e; color: #fff; }
.support-project-section p,
.support-project-section small { color: #d1d1d6; }
.support-project-section .button { background: #fff; color: #1d1d1f; }
.support-project-section .button:hover { background: #e8e8ed; }
@media (max-width: 980px) { .hub-links { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .hub-links { grid-template-columns: 1fr; } }

/* Transactional email and account recovery v1.7.0 */
.account-recovery-shell{background:#f5f5f7}
.account-message-card{align-content:start}
.account-message-card>p{margin:0;color:#6e6e73;line-height:1.65}
.account-inline-action{display:flex;align-items:center;gap:10px;margin-top:4px}
.account-password-row{display:flex;justify-content:flex-end;align-items:center;margin-top:-6px}
.account-password-row a{color:#3a3a3c;font-size:.82rem;font-weight:750;text-decoration:none}
.account-password-row a:hover{text-decoration:underline}
.pending-email-notice{display:flex;align-items:center;justify-content:space-between;gap:18px}
.pending-email-notice>div{display:grid;gap:3px}.pending-email-notice p{margin:0}
.account-auth-card button:disabled,.account-auth-card .button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}
.account-auth-card .button-secondary{background:#fff;border:1px solid #d2d2d7;color:#1d1d1f}
.account-auth-card .button-secondary:hover{background:#f5f5f7}
@media(max-width:620px){.pending-email-notice{align-items:stretch;flex-direction:column}.account-inline-action,.account-inline-action .button{width:100%}}
.pending-email-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px}
@media(max-width:620px){.pending-email-actions{width:100%;justify-content:stretch}.pending-email-actions .button{flex:1}}

/* Community Phase 5 · conversation tools and durable composer · v1.9.0 */
.community-honeypot {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}
.community-editor-shell {
    overflow: hidden;
    border: 1px solid var(--community-line);
    border-radius: var(--site-control-radius);
    background: #fff;
}
.community-editor-tabs {
    display: flex;
    align-items: stretch;
    min-height: 44px;
    border-bottom: 1px solid var(--community-line);
    background: #f5f5f7;
}
.community-editor-tabs button {
    appearance: none;
    min-width: 82px;
    padding: 0 18px;
    border: 0;
    border-right: 1px solid var(--community-line);
    background: transparent;
    color: #6e6e73;
    font-weight: 800;
    cursor: pointer;
}
.community-editor-tabs button:hover { background: #ececf0; color: #1d1d1f; }
.community-editor-tabs button.is-active { background: #fff; color: #1d1d1f; box-shadow: inset 0 -2px #1d1d1f; }
.community-editor-toolbar {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 48px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--community-line);
    background: #fff;
    overflow-x: auto;
    scrollbar-width: thin;
}
.community-editor-toolbar button {
    appearance: none;
    flex: 0 0 auto;
    min-width: 34px;
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid transparent;
    border-radius: calc(var(--site-control-radius) - 4px);
    background: transparent;
    color: #3a3a3c;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}
.community-editor-toolbar button:hover,
.community-editor-toolbar button:focus-visible { border-color: #c7c7cc; background: #f5f5f7; outline: 0; }
.community-editor-toolbar > span { margin-left: auto; color: #6e6e73; font-size: .72rem; white-space: nowrap; }
.community-editor-write {
    display: grid;
    gap: 8px;
    padding: 14px;
    margin: 0;
    background: #fff;
}
.community-editor-write > span { font-size: .74rem; font-weight: 800; }
.community-editor-write textarea {
    width: 100%;
    min-height: 190px;
    padding: 15px 16px;
    border: 1px solid #c7c7cc;
    border-radius: var(--site-control-radius);
    background: #fff;
    color: #1d1d1f;
    line-height: 1.62;
    resize: vertical;
}
.community-editor-write textarea:focus { outline: 0; border-color: #1d1d1f; box-shadow: 0 0 0 3px rgba(29,29,31,.09); }
.community-editor-write > small { color: #6e6e73; font-size: .72rem; font-weight: 500; }
.community-editor-preview {
    min-height: 240px;
    padding: 22px;
    background: #fff;
    color: #1d1d1f;
}
.community-editor-preview[hidden],
.community-editor-write[hidden] { display: none !important; }
.community-preview-empty { margin: 0; color: #8e8e93; font-style: italic; }
.community-draft-state { min-height: 20px; }

.discussion-post-body :is(h1,h2,h3),
.community-editor-preview :is(h1,h2,h3) { line-height: 1.15; letter-spacing: -.02em; }
.discussion-post-body ul,
.discussion-post-body ol,
.community-editor-preview ul,
.community-editor-preview ol { padding-left: 1.35rem; }
.discussion-post-body blockquote,
.community-editor-preview blockquote {
    margin: 1.1rem 0;
    padding: 12px 16px;
    border-left: 4px solid #8e8e93;
    border-radius: 0 var(--site-control-radius) var(--site-control-radius) 0;
    background: #f5f5f7;
    color: #3a3a3c;
}
.discussion-post-body blockquote p,
.community-editor-preview blockquote p { margin: 0; }
.community-mention {
    display: inline;
    padding: .08em .35em;
    border-radius: 7px;
    background: #e8e8ed;
    color: #1d1d1f;
    font-weight: 800;
    text-decoration: none;
}
.community-mention:hover { background: #d2d2d7; }
.community-code-block {
    overflow: hidden;
    margin: 1.15rem 0;
    border: 1px solid #343437;
    border-radius: var(--site-control-radius);
    background: #1d1d1f;
    color: #f5f5f7;
}
.community-code-block header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 0 12px 0 15px;
    border-bottom: 1px solid #3a3a3c;
    color: #c7c7cc;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.community-code-block header button {
    appearance: none;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid #515154;
    border-radius: 8px;
    background: #2c2c2e;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
}
.community-code-block header button:hover { background: #3a3a3c; }
.community-code-block pre {
    max-width: 100%;
    margin: 0;
    padding: 17px;
    overflow: auto;
    scrollbar-color: #6e6e73 #1d1d1f;
}
.community-code-block pre code { padding: 0; background: transparent; color: inherit; font-size: .82rem; line-height: 1.6; }

.community-reply-context {
    display: grid;
    gap: 3px;
    margin: 0 20px 12px;
    padding: 10px 13px;
    border-left: 3px solid #8e8e93;
    border-radius: 0 var(--site-control-radius) var(--site-control-radius) 0;
    background: #f5f5f7;
    color: #3a3a3c;
    text-decoration: none;
}
.community-reply-context:hover { background: #ececf0; }
.community-reply-context span { font-size: .72rem; font-weight: 850; }
.community-reply-context small { overflow: hidden; color: #6e6e73; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.discussion-reply-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.discussion-reply-heading h2 { margin: 2px 0 0; }
.community-reply-context-clear {
    appearance: none;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #c7c7cc;
    border-radius: var(--site-control-radius);
    background: #fff;
    color: #515154;
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}
.community-reply-context-clear:hover { background: #ececf0; color: #1d1d1f; }
.community-action-button { border-radius: var(--site-control-radius); }

.profile-handle-field small,
.community-profile-handle { color: #6e6e73; }
.community-profile-handle { margin: -.45rem 0 .85rem; font-size: .92rem; font-weight: 800; }

.community-inline-editor .community-editor-shell { margin-top: 0; }
.community-inline-editor .community-editor-write { padding: 12px; }
.community-inline-editor .community-editor-write textarea { min-height: 150px; }
.community-inline-editor > form[data-community-composer] { padding: 14px; }

@media (max-width: 760px) {
    .community-editor-toolbar > span { display: none; }
    .community-editor-toolbar { padding-inline: 7px; }
    .community-editor-tabs button { min-width: 72px; padding-inline: 13px; }
    .community-composer-footer,
    .discussion-reply-heading { align-items: stretch; flex-direction: column; }
    .community-composer-footer .button,
    .community-reply-context-clear { width: 100%; }
}
.profile-handle-field {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    overflow: hidden;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius);
    background: #fff;
}
.profile-handle-field > span {
    display: grid;
    place-items: center;
    border-right: 1px solid #d2d2d7;
    background: #f5f5f7;
    color: #6e6e73;
    font-weight: 900;
}
.profile-handle-field input {
    min-width: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.profile-handle-field:focus-within { border-color: #1d1d1f; box-shadow: 0 0 0 3px rgba(29,29,31,.09); }

/* Native Roadmap and Community idea lifecycle · v2.0.0 */
.updates-page,
.roadmap-page,
.roadmap-detail {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 30px 0 80px;
}
.updates-subnav {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 24px;
    padding: 5px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #fff;
    box-shadow: 0 8px 30px rgba(29,29,31,.05);
}
.updates-subnav a {
    min-height: 38px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--site-control-radius, 14px) - 4px);
    color: #6e6e73;
    font-size: .78rem;
    font-weight: 800;
}
.updates-subnav a:hover { color: #1d1d1f; background: #f5f5f7; }
.updates-subnav a.is-active { color: #fff; background: #1d1d1f; }

.updates-page .page-hero-updates { margin: 0 0 34px; }
.updates-roadmap-preview {
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #fff;
    box-shadow: 0 18px 60px rgba(29,29,31,.06);
}
.updates-roadmap-preview > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 26px;
    border-bottom: 1px solid #e5e5ea;
}
.updates-roadmap-preview > header h2 { margin: 0; color: #1d1d1f; font-size: clamp(1.5rem, 3vw, 2.3rem); }
.updates-roadmap-preview > header p:not(.eyebrow) { max-width: 680px; margin: 7px 0 0; color: #6e6e73; }
.updates-roadmap-preview > div { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
.updates-roadmap-preview > div > a { display: grid; align-content: start; gap: 9px; min-height: 155px; padding: 20px; border-right: 1px solid #e5e5ea; }
.updates-roadmap-preview > div > a:last-child { border-right: 0; }
.updates-roadmap-preview > div > a:hover { background: #f5f5f7; }
.updates-roadmap-preview b { color: #1d1d1f; font-size: .92rem; }
.updates-roadmap-preview small { color: #6e6e73; font-size: .72rem; }

.roadmap-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 36px;
    padding: clamp(30px, 6vw, 68px) 0 46px;
}
.roadmap-hero > div { max-width: 850px; }
.roadmap-hero h1 {
    max-width: 900px;
    margin: 0;
    color: #1d1d1f;
    font-size: clamp(3rem, 6.5vw, 6.5rem);
    line-height: .93;
    letter-spacing: -.055em;
}
.roadmap-hero p:not(.eyebrow) { max-width: 760px; margin: 24px 0 0; color: #6e6e73; font-size: 1rem; line-height: 1.75; }

.roadmap-filter-shell {
    display: grid;
    gap: 16px;
    margin-bottom: 32px;
    padding: 18px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #fff;
    box-shadow: 0 16px 50px rgba(29,29,31,.05);
}
.roadmap-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.roadmap-search label { min-width: 0; }
.roadmap-search input,
.roadmap-secondary-filters select {
    width: 100%;
    min-height: 44px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background-color: #fff;
    color: #1d1d1f;
    outline: 0;
}
.roadmap-search input { padding: 0 14px; }
.roadmap-search input:focus,
.roadmap-secondary-filters select:focus { border-color: #1d1d1f; box-shadow: 0 0 0 3px rgba(29,29,31,.09); }
.roadmap-status-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.roadmap-status-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #f5f5f7;
    color: #515154;
    font-size: .72rem;
    font-weight: 800;
}
.roadmap-status-tabs a b { min-width: 22px; padding: 2px 6px; border-radius: 999px; background: #e5e5ea; color: #6e6e73; font-size: .64rem; text-align: center; }
.roadmap-status-tabs a:hover { border-color: #8e8e93; color: #1d1d1f; }
.roadmap-status-tabs a.is-active { border-color: #1d1d1f; background: #1d1d1f; color: #fff; }
.roadmap-status-tabs a.is-active b { background: #3a3a3c; color: #fff; }
.roadmap-secondary-filters { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.roadmap-secondary-filters label { display: grid; gap: 6px; min-width: min(360px, 100%); color: #6e6e73; font-size: .68rem; font-weight: 800; }
.roadmap-secondary-filters select {
    appearance: none;
    min-height: 42px;
    padding: 0 42px 0 13px;
    background-image: linear-gradient(45deg, transparent 50%, #6e6e73 50%), linear-gradient(135deg, #6e6e73 50%, transparent 50%);
    background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}
.roadmap-clear-filters { color: #515154; font-size: .72rem; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }

.roadmap-list { display: grid; gap: 10px; }
.roadmap-list-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 6px 2px 10px; }
.roadmap-list-heading h2 { margin: 0; color: #1d1d1f; font-size: 1.7rem; }
.roadmap-list-heading > span { color: #6e6e73; font-size: .76rem; font-weight: 800; }
.roadmap-row {
    overflow: hidden;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #fff;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.roadmap-row:hover { transform: translateY(-2px); border-color: #8e8e93; box-shadow: 0 15px 42px rgba(29,29,31,.07); }
.roadmap-row-main { display: grid; grid-template-columns: 165px minmax(0,1fr) auto; gap: 22px; align-items: center; min-height: 150px; padding: 22px 24px; }
.roadmap-row-status,
.roadmap-status-pill,
.admin-roadmap-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: #515154;
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .045em;
}
.roadmap-row-status i,
.roadmap-status-pill i,
.admin-roadmap-status i { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #8e8e93; box-shadow: 0 0 0 4px #f0f0f2; }
.status-in-progress i { background: #1d1d1f; }
.status-planned i { background: #4f5965; }
.status-consideration i { background: #8e8e93; }
.status-released i { background: #3d7c5c; }
.status-deferred i { background: #9b7a3c; }
.status-declined i { background: #9a4c50; }
.roadmap-row-copy { min-width: 0; }
.roadmap-row-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; margin-bottom: 8px; color: #6e6e73; font-size: .68rem; }
.roadmap-row-meta b { color: #1d1d1f; }
.roadmap-row-meta span:not(:first-child)::before { content: "·"; margin-right: 12px; color: #aeaeb2; }
.roadmap-row h3 { margin: 0; color: #1d1d1f; font-size: clamp(1.2rem, 2vw, 1.65rem); }
.roadmap-row p { max-width: 760px; margin: 8px 0 0; color: #6e6e73; font-size: .86rem; line-height: 1.65; }
.roadmap-row-signals { display: flex; align-items: center; gap: 18px; color: #6e6e73; }
.roadmap-row-signals > span { display: grid; grid-template-columns: 18px auto; gap: 0 7px; align-items: center; min-width: 70px; }
.roadmap-row-signals svg { width: 17px; height: 17px; }
.roadmap-row-signals b { color: #1d1d1f; font-size: .88rem; }
.roadmap-row-signals small { grid-column: 2; font-size: .58rem; }
.roadmap-row-arrow { width: 20px !important; height: 20px !important; color: #1d1d1f; }
.roadmap-empty { display: grid; justify-items: start; gap: 8px; padding: 40px; border: 1px dashed #c7c7cc; border-radius: var(--site-control-radius, 14px); background: #fff; }
.roadmap-empty h3 { margin: 0; }
.roadmap-empty p { margin: 0 0 8px; color: #6e6e73; }

.roadmap-breadcrumb { display: flex; gap: 8px; align-items: center; margin-bottom: 28px; color: #6e6e73; font-size: .73rem; font-weight: 750; }
.roadmap-breadcrumb a:hover { color: #1d1d1f; }
.roadmap-detail-header {
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px;
    gap: 54px;
    align-items: end;
    padding: 34px 0 50px;
    border-bottom: 1px solid #d2d2d7;
}
.roadmap-detail-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.roadmap-detail-badges > span {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #fff;
    color: #515154;
    font-size: .66rem;
    font-weight: 800;
}
.roadmap-status-pill { min-height: 32px; padding: 0 11px; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius, 14px); background: #f5f5f7; }
.roadmap-detail-header h1 { max-width: 900px; margin: 18px 0 0; color: #1d1d1f; font-size: clamp(2.8rem, 6vw, 5.8rem); line-height: .94; letter-spacing: -.05em; }
.roadmap-detail-header > div > p { max-width: 760px; margin: 20px 0 0; color: #6e6e73; font-size: 1rem; line-height: 1.75; }
.roadmap-detail-facts { display: grid; grid-template-columns: 1fr 1fr; margin: 0; overflow: hidden; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius, 14px); background: #fff; }
.roadmap-detail-facts > div { padding: 17px; border-right: 1px solid #e5e5ea; border-bottom: 1px solid #e5e5ea; }
.roadmap-detail-facts > div:nth-child(2n) { border-right: 0; }
.roadmap-detail-facts > div:nth-last-child(-n+2) { border-bottom: 0; }
.roadmap-detail-facts dt { color: #6e6e73; font-size: .62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.roadmap-detail-facts dd { margin: 4px 0 0; color: #1d1d1f; font-size: .92rem; font-weight: 850; }
.roadmap-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 50px; padding-top: 46px; }
.roadmap-detail-layout > main { min-width: 0; }
.roadmap-detail-body { padding: clamp(24px, 4vw, 48px); border: 1px solid #d2d2d7; border-radius: var(--site-control-radius, 14px); background: #fff; }
.roadmap-detail-body > :first-child { margin-top: 0; }
.roadmap-detail-sidebar { display: grid; align-content: start; gap: 14px; }
.roadmap-detail-sidebar > section { padding: 20px; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius, 14px); background: #fff; }
.roadmap-detail-sidebar h2 { margin: 0 0 10px; color: #1d1d1f; font-size: 1.15rem; }
.roadmap-detail-sidebar p { color: #6e6e73; font-size: .78rem; }
.roadmap-discussion-links { display: grid; gap: 9px; }
.roadmap-discussion-links a { display: grid; gap: 6px; padding: 12px; border: 1px solid #e5e5ea; border-radius: var(--site-control-radius, 14px); background: #f5f5f7; }
.roadmap-discussion-links a:hover { border-color: #8e8e93; background: #fff; }
.roadmap-discussion-links b { color: #1d1d1f; font-size: .78rem; }
.roadmap-discussion-links small { color: #6e6e73; font-size: .63rem; }
.roadmap-detail-note { background: #1d1d1f !important; border-color: #1d1d1f !important; color: #fff; }
.roadmap-detail-note .eyebrow { color: #aeaeb2; }
.roadmap-detail-note p:last-child { color: #f5f5f7; }
.roadmap-update-timeline { margin-top: 30px; }
.roadmap-update-timeline > header { margin-bottom: 16px; }
.roadmap-update-timeline h2 { margin: 0; color: #1d1d1f; }
.roadmap-update-timeline > article { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 20px; padding: 24px 0; border-top: 1px solid #d2d2d7; }
.roadmap-update-timeline time { color: #6e6e73; font-size: .7rem; font-weight: 800; }
.roadmap-update-timeline article > div > span { color: #6e6e73; font-size: .62rem; font-weight: 850; text-transform: uppercase; }
.roadmap-update-timeline h3 { margin: 5px 0 8px; color: #1d1d1f; }

.community-idea-signal,
.community-roadmap-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #f5f5f7;
    color: #515154;
    font-size: .61rem;
    font-weight: 800;
}
.community-idea-signal svg,
.community-roadmap-state svg { width: 13px; height: 13px; }
.community-roadmap-state span { color: #6e6e73; }
.community-roadmap-state b { color: #1d1d1f; }
.community-roadmap-state:hover { border-color: #8e8e93; background: #fff; }
.community-idea-interest-form .button { gap: 8px; }
.community-idea-interest-form .button b { display: grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: #e5e5ea; color: #515154; font-size: .67rem; }
.community-idea-interest-form .button.is-active b { background: #3a3a3c; color: #fff; }

@media (max-width: 1050px) {
    .updates-roadmap-preview > div { grid-template-columns: 1fr 1fr; }
    .updates-roadmap-preview > div > a:nth-child(2) { border-right: 0; }
    .updates-roadmap-preview > div > a:nth-child(-n+2) { border-bottom: 1px solid #e5e5ea; }
    .roadmap-row-main { grid-template-columns: 145px minmax(0,1fr); }
    .roadmap-row-signals { grid-column: 2; justify-content: flex-start; }
    .roadmap-detail-header { grid-template-columns: 1fr; }
    .roadmap-detail-facts { max-width: 620px; }
    .roadmap-detail-layout { grid-template-columns: 1fr; }
    .roadmap-detail-sidebar { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .updates-page,
    .roadmap-page,
    .roadmap-detail { width: min(100% - 28px, 1240px); padding-top: 18px; }
    .updates-subnav { width: 100%; }
    .updates-subnav a { flex: 1; }
    .roadmap-hero,
    .updates-roadmap-preview > header { align-items: stretch; flex-direction: column; }
    .roadmap-hero { display: flex; padding-top: 28px; }
    .roadmap-hero .button { width: 100%; }
    .roadmap-search { grid-template-columns: 1fr; }
    .roadmap-search .button { width: 100%; }
    .roadmap-secondary-filters { align-items: stretch; flex-direction: column; }
    .roadmap-secondary-filters label { min-width: 0; width: 100%; }
    .roadmap-row-main { grid-template-columns: 1fr; gap: 12px; min-height: 0; padding: 18px; }
    .roadmap-row-signals { grid-column: auto; }
    .roadmap-detail-facts { grid-template-columns: 1fr; }
    .roadmap-detail-facts > div { border-right: 0; }
    .roadmap-detail-facts > div:nth-last-child(-n+2) { border-bottom: 1px solid #e5e5ea; }
    .roadmap-detail-facts > div:last-child { border-bottom: 0; }
    .roadmap-detail-sidebar { grid-template-columns: 1fr; }
    .roadmap-update-timeline > article { grid-template-columns: 1fr; gap: 6px; }
    .updates-roadmap-preview > div { grid-template-columns: 1fr; }
    .updates-roadmap-preview > div > a { border-right: 0; border-bottom: 1px solid #e5e5ea; }
    .updates-roadmap-preview > div > a:last-child { border-bottom: 0; }
}


/* Public Roadmap empty and maintenance states · v2.0.0 */
.page-empty-state {
  width: min(880px, calc(100% - 40px));
  margin: clamp(48px, 8vw, 110px) auto;
  padding: clamp(34px, 6vw, 72px);
  border: 1px solid var(--site-border);
  border-radius: var(--site-control-radius);
  background: var(--site-surface);
  text-align: center;
  box-shadow: 0 24px 70px rgba(29, 29, 31, .08);
}
.page-empty-state h1 { margin: 8px 0 14px; font-size: clamp(2rem, 5vw, 4rem); letter-spacing: -.045em; }
.page-empty-state p:not(.eyebrow) { max-width: 620px; margin: 0 auto 24px; color: var(--site-muted); }

/* Unified discovery and search · v2.1.0 */
.header-search-button {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border: 1px solid #d2d2d7;
    border-radius: var(--site-control-radius, 14px);
    background: #fff;
    color: #1d1d1f;
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.header-search-button:hover { background: #ececf0; border-color: #b7b7bd; transform: translateY(-1px); }
.header-search-button.is-active { border-color: #1d1d1f; background: #1d1d1f; color: #fff; }
.header-search-button svg { width: 18px; height: 18px; }
body.global-search-open { overflow: hidden; }
.global-search-overlay[hidden] { display: none; }
.global-search-overlay { position: fixed; z-index: 500; inset: 0; display: grid; place-items: start center; padding: clamp(70px,10vh,130px) 20px 30px; }
.global-search-backdrop { position: absolute; inset: 0; border: 0; background: rgba(29,29,31,.48); backdrop-filter: blur(10px); cursor: default; }
.global-search-panel {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    max-height: min(720px, calc(100vh - 100px));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 34px 100px rgba(0,0,0,.24);
}
.global-search-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 26px 18px; }
.global-search-panel > header .eyebrow { margin-bottom: 5px; font-size: .6rem; }
.global-search-panel > header h2 { margin: 0; color: #1d1d1f; font-size: clamp(1.45rem,3vw,2.1rem); letter-spacing: -.035em; }
.global-search-panel > header > button { display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: var(--site-control-radius,14px); background: #f0f0f2; cursor: pointer; }
.global-search-panel > header > button:hover { background: #e2e2e6; }
.global-search-panel > header > button svg { width: 18px; height: 18px; }
.global-search-panel > form { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; margin: 0 20px; padding: 7px 8px 7px 15px; border: 1px solid #b9b9be; border-radius: var(--site-control-radius,14px); background: #f5f5f7; box-shadow: 0 0 0 4px rgba(29,29,31,.035); }
.global-search-panel > form:focus-within { border-color: #6e6e73; box-shadow: 0 0 0 4px rgba(29,29,31,.08); }
.global-search-panel > form > span { color: #6e6e73; }
.global-search-panel > form > span svg { width: 20px; height: 20px; }
.global-search-panel > form label { min-width: 0; }
.global-search-panel > form input { width: 100%; min-height: 44px; padding: 0; border: 0; outline: 0; background: transparent; color: #1d1d1f; font-size: .98rem; }
.global-search-suggestions { max-height: 420px; overflow: auto; margin-top: 16px; border-top: 1px solid #e5e5e7; scrollbar-width: thin; }
.global-search-start, .global-search-loading, .global-search-empty { display: flex; align-items: center; gap: 12px; min-height: 90px; padding: 20px 26px; color: #6e6e73; }
.global-search-start > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #d2d2d7; border-radius: 9px; background: #f5f5f7; color: #1d1d1f; font-weight: 800; }
.global-search-start p { margin: 0; font-size: .82rem; }
.global-search-result-list { display: grid; }
.global-search-result-list > a { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; padding: 14px 26px; border-bottom: 1px solid #ededf0; }
.global-search-result-list > a:hover, .global-search-result-list > a:focus-visible { background: #f5f5f7; outline: 0; }
.global-search-result-list > a > span:first-child { display: grid; gap: 3px; min-width: 0; }
.global-search-result-list b { overflow: hidden; color: #1d1d1f; font-size: .84rem; text-overflow: ellipsis; white-space: nowrap; }
.global-search-result-list small { color: #6e6e73; font-size: .66rem; }
.global-search-result-arrow { color: #8e8e93; font-size: 1rem; }
.global-search-view-all { display: flex; align-items: center; justify-content: center; min-height: 52px; color: #1d1d1f; font-size: .76rem; font-weight: 800; }
.global-search-view-all:hover { background: #f0f0f2; }
.global-search-panel > footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 54px; padding: 0 24px; border-top: 1px solid #e5e5e7; background: #fafafa; color: #6e6e73; font-size: .68rem; }
.global-search-panel > footer a { display: inline-flex; align-items: center; gap: 7px; color: #1d1d1f; font-weight: 800; }
.global-search-panel > footer a svg { width: 15px; height: 15px; }
.global-search-panel kbd { min-width: 30px; padding: 2px 6px; border: 1px solid #d2d2d7; border-bottom-width: 2px; border-radius: 6px; background: #fff; color: #1d1d1f; font: inherit; font-weight: 800; text-align: center; }

.discovery-page { min-height: 700px; padding: clamp(48px,7vw,92px) clamp(22px,5vw,74px) 100px; background: #f5f5f7; }
.discovery-hero { display: flex; align-items: end; justify-content: space-between; gap: 40px; max-width: 1320px; margin: 0 auto 34px; }
.discovery-hero > div { max-width: 850px; }
.discovery-hero .eyebrow { margin-bottom: 8px; }
.discovery-hero h1 { margin: 0; color: #1d1d1f; font-size: clamp(2.8rem,6vw,6.8rem); line-height: .9; letter-spacing: -.055em; }
.discovery-hero p:not(.eyebrow) { max-width: 760px; margin: 22px 0 0; color: #6e6e73; font-size: 1rem; }
.discovery-search-form { position: relative; max-width: 1320px; margin: 0 auto 38px; border: 1px solid #d2d2d7; border-radius: 22px; background: #fff; box-shadow: 0 18px 60px rgba(29,29,31,.07); }
.discovery-search-primary { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 78px; padding: 12px 14px 12px 22px; }
.discovery-search-icon { display: grid; place-items: center; color: #6e6e73; }
.discovery-search-icon svg { width: 24px; height: 24px; }
.discovery-search-primary label { min-width: 0; }
.discovery-search-primary input[type="search"] { width: 100%; min-height: 52px; border: 0; outline: 0; background: transparent; color: #1d1d1f; font-size: clamp(1rem,1.6vw,1.25rem); }
.discovery-search-primary input[type="search"]::-webkit-search-cancel-button { opacity: .55; cursor: pointer; }
.discovery-live-suggestions { position: absolute; z-index: 20; top: calc(100% - 4px); left: 18px; right: 18px; max-height: 410px; overflow: auto; border: 1px solid #d2d2d7; border-radius: 0 0 18px 18px; background: #fff; box-shadow: 0 24px 60px rgba(29,29,31,.15); }
.discovery-live-suggestions[hidden] { display: none; }
.discovery-scope-tabs { display: flex; align-items: stretch; gap: 2px; overflow-x: auto; padding: 0 12px 12px; scrollbar-width: none; }
.discovery-scope-tabs::-webkit-scrollbar { display: none; }
.discovery-scope-tabs a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 14px; border-radius: var(--site-control-radius,14px); color: #6e6e73; font-size: .76rem; font-weight: 800; white-space: nowrap; }
.discovery-scope-tabs a:hover { background: #f5f5f7; color: #1d1d1f; }
.discovery-scope-tabs a.is-active { background: #1d1d1f; color: #fff; }
.discovery-scope-tabs b { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.14); font-size: .62rem; }
.discovery-scope-tabs a:not(.is-active) b { background: #ececf0; color: #6e6e73; }
.discovery-advanced { border-top: 1px solid #ededf0; }
.discovery-advanced > summary { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 0 22px; color: #6e6e73; font-size: .73rem; font-weight: 800; cursor: pointer; list-style: none; }
.discovery-advanced > summary::-webkit-details-marker { display: none; }
.discovery-advanced > summary svg { width: 16px; height: 16px; }
.discovery-advanced > summary b { margin-left: auto; padding: 3px 8px; border-radius: 999px; background: #1d1d1f; color: #fff; font-size: .55rem; text-transform: uppercase; }
.discovery-advanced[open] > summary { color: #1d1d1f; }
.discovery-advanced-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; padding: 18px 22px 22px; border-top: 1px solid #ededf0; background: #fafafa; }
.discovery-advanced-grid label { display: grid; gap: 6px; min-width: 0; }
.discovery-advanced-grid label > span { color: #6e6e73; font-size: .64rem; font-weight: 800; }
.discovery-advanced-grid :is(input,select) { width: 100%; min-height: 44px; padding: 0 13px; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius,14px); background: #fff; color: #1d1d1f; }
.discovery-advanced-grid select { appearance: none; padding-right: 38px; background-image: linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%); background-position: calc(100% - 17px) 50%,calc(100% - 11px) 50%; background-repeat: no-repeat; background-size: 6px 6px; }
.discovery-advanced-grid :is(input,select):focus { outline: 0; border-color: #6e6e73; box-shadow: var(--site-focus); }
.discovery-exact-toggle { grid-template-columns: auto minmax(0,1fr); align-items: center; align-self: end; min-height: 44px; padding: 7px 11px; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius,14px); background: #fff; cursor: pointer; }
.discovery-exact-toggle input { appearance: none; width: 20px; min-height: 20px; height: 20px; padding: 0; border-radius: 6px; }
.discovery-exact-toggle input:checked { border-color: #1d1d1f; background: #1d1d1f; box-shadow: inset 0 0 0 4px #fff; }
.discovery-exact-toggle span { display: grid; gap: 1px; }
.discovery-exact-toggle span b { color: #1d1d1f; font-size: .68rem; }
.discovery-exact-toggle span small { color: #8e8e93; font-size: .56rem; }
.discovery-filter-actions { display: flex; align-items: end; gap: 8px; }
.discovery-results-header { display: flex; align-items: end; justify-content: space-between; gap: 30px; max-width: 1320px; margin: 0 auto 18px; }
.discovery-results-header .eyebrow { margin-bottom: 5px; }
.discovery-results-header h2 { margin: 0; color: #1d1d1f; font-size: clamp(1.5rem,3vw,2.4rem); letter-spacing: -.035em; }
.discovery-query-actions a { color: #6e6e73; font-size: .74rem; font-weight: 800; }
.discovery-query-actions a:hover { color: #1d1d1f; }
.discovery-active-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; max-width: 1320px; margin: 0 auto 20px; }
.discovery-active-filters > a:not(.discovery-clear-all) { display: inline-flex; align-items: stretch; min-height: 38px; overflow: hidden; border-radius: var(--site-control-radius,14px); background: #1d1d1f; color: #fff; font-size: .68rem; font-weight: 800; }
.discovery-active-filters > a span { display: flex; align-items: center; padding: 0 12px; }
.discovery-active-filters > a b { display: grid; place-items: center; min-width: 38px; border-left: 1px dotted rgba(255,255,255,.62); background: #3a3a3c; color: #fff; font-size: 1rem; }
.discovery-active-filters > a:hover b { background: #555559; }
.discovery-clear-all { padding: 8px 4px; color: #6e6e73; font-size: .68rem; font-weight: 800; }
.discovery-spelling-notice { display: flex; gap: 12px; max-width: 1320px; margin: 0 auto 22px; padding: 14px 16px; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius,14px); background: #fff; }
.discovery-spelling-notice > svg { width: 20px; height: 20px; flex: 0 0 auto; color: #6e6e73; }
.discovery-spelling-notice b { display: block; color: #1d1d1f; font-size: .75rem; }
.discovery-spelling-notice p { margin: 2px 0 0; color: #6e6e73; font-size: .68rem; }
.discovery-results-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,320px); gap: 24px; max-width: 1320px; margin: 0 auto; }
.discovery-results { display: grid; gap: 24px; min-width: 0; }
.discovery-result-group { overflow: hidden; border: 1px solid #d2d2d7; border-radius: 20px; background: #fff; }
.discovery-result-group > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 76px; padding: 14px 18px; border-bottom: 1px solid #ededf0; }
.discovery-result-group > header > div { display: flex; align-items: center; gap: 12px; }
.discovery-result-group > header > div > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--site-control-radius,14px); background: #1d1d1f; color: #fff; }
.discovery-result-group > header svg { width: 19px; height: 19px; }
.discovery-result-group > header .eyebrow { margin-bottom: 2px; font-size: .54rem; }
.discovery-result-group > header h2 { margin: 0; color: #1d1d1f; font-size: .94rem; }
.discovery-result-group > header > a { color: #6e6e73; font-size: .66rem; font-weight: 800; }
.discovery-result-list { display: grid; }
.discovery-result-row { border-top: 1px solid #ededf0; }
.discovery-result-row:first-child { border-top: 0; }
.discovery-result-row > a { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: start; gap: 15px; min-width: 0; padding: 17px 18px; }
.discovery-result-row > a:hover { background: #f5f5f7; }
.discovery-result-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: #ececf0; color: #3a3a3c; }
.discovery-result-icon svg { width: 17px; height: 17px; }
.discovery-result-copy { min-width: 0; }
.discovery-result-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.discovery-result-badges > * { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 0 8px; border-radius: 8px; font-size: .55rem; font-style: normal; font-weight: 850; text-transform: uppercase; }
.discovery-result-badges b { background: #1d1d1f; color: #fff; }
.discovery-result-badges i { border: 1px solid #d2d2d7; background: #f5f5f7; color: #6e6e73; }
.discovery-result-badges i svg { width: 12px; height: 12px; }
.discovery-result-badges .is-solved, .discovery-result-badges .is-verified { color: #1d1d1f; }
.discovery-result-badges .is-outdated { border-color: #b96b6b; color: #8c3131; }
.discovery-result-badges .is-close { border-style: dashed; }
.discovery-result-copy h3 { margin: 0; color: #1d1d1f; font-size: 1rem; line-height: 1.3; letter-spacing: -.015em; }
.discovery-result-copy p { display: -webkit-box; margin: 7px 0 0; overflow: hidden; color: #6e6e73; font-size: .74rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.discovery-result-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; }
.discovery-result-meta small { position: relative; color: #8e8e93; font-size: .61rem; }
.discovery-result-meta small + small::before { content: ""; position: absolute; left: -7px; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: #b7b7bd; transform: translateY(-50%); }
.discovery-result-arrow { align-self: center; color: #8e8e93; }
.discovery-result-arrow svg { width: 18px; height: 18px; }
.discovery-results-sidebar { display: grid; align-content: start; gap: 16px; }
.discovery-results-sidebar section { padding: 20px; border: 1px solid #d2d2d7; border-radius: 18px; background: #fff; }
.discovery-results-sidebar .eyebrow { margin-bottom: 7px; font-size: .55rem; }
.discovery-results-sidebar h3 { margin: 0; color: #1d1d1f; font-size: 1rem; }
.discovery-results-sidebar p, .discovery-results-sidebar li { color: #6e6e73; font-size: .7rem; line-height: 1.55; }
.discovery-results-sidebar ul { margin: 12px 0 0; padding-left: 18px; }
.discovery-results-sidebar .text-arrow { margin-top: 10px; font-size: .7rem; }
.discovery-empty { display: grid; justify-items: center; max-width: 760px; margin: 60px auto 0; padding: 54px 30px; border: 1px solid #d2d2d7; border-radius: 22px; background: #fff; text-align: center; }
.discovery-empty > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 18px; background: #1d1d1f; color: #fff; }
.discovery-empty svg { width: 24px; height: 24px; }
.discovery-empty h2 { margin: 18px 0 0; font-size: 1.7rem; }
.discovery-empty p { max-width: 580px; margin: 9px 0 0; color: #6e6e73; }
.discovery-empty > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }
.discovery-start-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 1320px; margin: 0 auto 22px; }
.discovery-start-grid > article, .discovery-curated-grid > article { overflow: hidden; border: 1px solid #d2d2d7; border-radius: 20px; background: #fff; }
.discovery-start-grid header { min-height: 70px; padding: 17px 19px; border-bottom: 1px solid #ededf0; }
.discovery-start-grid .eyebrow { margin-bottom: 3px; font-size: .54rem; }
.discovery-start-grid h2 { margin: 0; font-size: 1rem; }
.discovery-query-list { display: grid; }
.discovery-query-list > a { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 18px; border-top: 1px solid #ededf0; }
.discovery-query-list > a:first-child { border-top: 0; }
.discovery-query-list > a:hover { background: #f5f5f7; }
.discovery-query-list > a > span { display: flex; align-items: center; gap: 9px; min-width: 0; }
.discovery-query-list svg { width: 15px; height: 15px; color: #8e8e93; }
.discovery-query-list b { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.discovery-query-list small { color: #8e8e93; font-size: .58rem; white-space: nowrap; }
.discovery-popular-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 18px; }
.discovery-popular-chips a { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 11px; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius,14px); background: #f5f5f7; color: #1d1d1f; font-size: .67rem; font-weight: 800; }
.discovery-popular-chips a:hover { border-color: #8e8e93; background: #fff; }
.discovery-popular-chips span { display: grid; place-items: center; min-width: 20px; height: 20px; border-radius: 999px; background: #1d1d1f; color: #fff; font-size: .52rem; }
.discovery-mini-empty { padding: 24px 18px; color: #8e8e93; font-size: .7rem; }
.discovery-curated-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; max-width: 1320px; margin: 0 auto; }
.discovery-curated-grid > article > header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; min-height: 78px; padding: 14px 17px; border-bottom: 1px solid #ededf0; }
.discovery-curated-grid > article > header > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; background: #1d1d1f; color: #fff; }
.discovery-curated-grid > article > header > span svg { width: 17px; height: 17px; }
.discovery-curated-grid .eyebrow { margin-bottom: 2px; font-size: .5rem; }
.discovery-curated-grid h2 { margin: 0; font-size: .9rem; }
.discovery-curated-grid header > a { color: #6e6e73; font-size: .6rem; font-weight: 800; }
.discovery-curated-grid > article > div { display: grid; }
.discovery-curated-grid > article > div > a { display: grid; gap: 4px; padding: 13px 17px; border-top: 1px solid #ededf0; }
.discovery-curated-grid > article > div > a:first-child { border-top: 0; }
.discovery-curated-grid > article > div > a:hover { background: #f5f5f7; }
.discovery-curated-grid b { color: #1d1d1f; font-size: .73rem; }
.discovery-curated-grid small { color: #8e8e93; font-size: .59rem; }

@media (max-width: 1080px) {
    .discovery-advanced-grid { grid-template-columns: 1fr 1fr; }
    .discovery-results-layout { grid-template-columns: 1fr; }
    .discovery-results-sidebar { grid-template-columns: 1fr 1fr; }
    .discovery-curated-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .header-search-button { width: 34px; height: 34px; border-radius: 10px; }
    .global-search-overlay { padding: 12px; place-items: center; }
    .global-search-panel { max-height: calc(100vh - 24px); border-radius: 18px; }
    .global-search-panel > header { padding: 20px 18px 14px; }
    .global-search-panel > form { grid-template-columns: auto minmax(0,1fr); margin: 0 12px; }
    .global-search-panel > form .button { grid-column: 1 / -1; width: 100%; }
    .global-search-panel > footer { align-items: flex-start; flex-direction: column; padding-block: 12px; }
    .discovery-page { padding-inline: 16px; }
    .discovery-hero { align-items: flex-start; flex-direction: column; }
    .discovery-hero h1 { font-size: clamp(2.6rem,14vw,4.5rem); }
    .discovery-search-primary { grid-template-columns: auto minmax(0,1fr); min-height: auto; padding: 12px; }
    .discovery-search-primary .button { grid-column: 1 / -1; width: 100%; }
    .discovery-live-suggestions { left: 8px; right: 8px; }
    .discovery-advanced-grid { grid-template-columns: 1fr; }
    .discovery-filter-actions { align-items: stretch; flex-direction: column; }
    .discovery-filter-actions .button { width: 100%; }
    .discovery-results-header { align-items: flex-start; flex-direction: column; gap: 8px; }
    .discovery-results-sidebar { grid-template-columns: 1fr; }
    .discovery-result-row > a { grid-template-columns: auto minmax(0,1fr); }
    .discovery-result-arrow { display: none; }
    .discovery-start-grid { grid-template-columns: 1fr; }
    .discovery-query-list > a { align-items: flex-start; flex-direction: column; gap: 4px; }
}

/* Community discovery bridge · v2.1.0 */
.community-pulse { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0 0 18px; }
.community-pulse > a { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 11px; min-width: 0; padding: 13px 14px; border: 1px solid #d2d2d7; border-radius: var(--site-control-radius,14px); background: #fff; }
.community-pulse > a:hover { border-color: #8e8e93; background: #f5f5f7; }
.community-pulse > a > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: #1d1d1f; color: #fff; }
.community-pulse svg { width: 16px; height: 16px; }
.community-pulse div { display: grid; min-width: 0; }
.community-pulse b { color: #1d1d1f; font-size: .9rem; }
.community-pulse small { overflow: hidden; color: #6e6e73; font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.community-search { display: grid; grid-template-columns: minmax(0,1fr) auto auto; }
.community-search-all { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 11px; color: #6e6e73; font-size: .66rem; font-weight: 800; white-space: nowrap; }
.community-search-all:hover { color: #1d1d1f; }
.community-search-all svg { width: 15px; height: 15px; }
@media (max-width: 980px) { .community-pulse { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .community-pulse { grid-template-columns: 1fr; } .community-search { grid-template-columns: 1fr; } .community-search-all { justify-content: center; } }
.discovery-advanced-grid label > span small { margin-left: 4px; color: #9a9aa0; font-size: .54rem; font-weight: 650; }

.mobile-search-nav { display: none !important; align-items: center; gap: 7px; }
.mobile-search-nav svg { width: 15px; height: 15px; }
@media (max-width: 1180px) { .mobile-search-nav { display: inline-flex !important; } }
.discovery-results-header > div > p:not(.eyebrow) { margin: 8px 0 0; color: #6e6e73; font-size: .9rem; line-height: 1.55; }

/* Public Community stabilization · v2.1.1 */
.community-header + .community-pulse {
    position: relative;
    margin-top: 0;
}
.community-header + .community-pulse::before {
    content: none;
    display: none;
}
.community-pulse {
    border-top: 0 !important;
}
.community-pulse > a {
    box-shadow: none;
}

/* Member cards must be allowed to escape the post shell. */
.discussion-post {
    overflow: visible;
    isolation: isolate;
}
.discussion-post > aside {
    position: relative;
    z-index: 4;
    border-radius: 18px 0 0 18px;
}
.discussion-post-content {
    overflow: hidden;
    border-radius: 0 18px 18px 0;
}
.community-member-hovercard,
.community-member-popover {
    z-index: 80;
}
@media (max-width: 760px) {
    .discussion-post > aside { border-radius: 18px 18px 0 0; }
    .discussion-post-content { border-radius: 0 0 18px 18px; }
    .community-member-popover {
        position: fixed;
        inset: auto 12px 18px;
        width: auto;
        max-height: calc(100vh - 36px);
        overflow-y: auto;
    }
    .community-member-popover::before { display: none; }
}

/* Telemetry v2 public disclosure */
.telemetry-consent-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.telemetry-consent-cards article { position: relative; min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.telemetry-consent-cards article > span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 22px; border-radius: 10px; background: var(--ink); color: white; font-size: .75rem; font-weight: 900; }
.telemetry-consent-cards h2 { margin: 4px 0 10px; font-size: clamp(1.2rem,2vw,1.6rem); }
.telemetry-consent-cards p:not(.eyebrow) { color: var(--muted); }
.telemetry-consent-cards b { display: inline-flex; margin-top: 12px; font-size: .78rem; }
.telemetry-columns .rich-text ul { margin: 0; padding-left: 20px; }
.telemetry-columns .rich-text li { margin: 8px 0; }
.telemetry-control-callout .text-link { margin-top: 8px; }
@media (max-width: 900px) { .telemetry-consent-cards { grid-template-columns: 1fr; } }

/* ========================================================================== 
   PUBLIC POLISH PASS · v2.9.1
   Spacing, contrast, footer rhythm, and viewport-safe global search.
   ========================================================================== */

/* Give transient Community messages a full visual beat before the pulse cards. */
.community-shell > .form-notice {
    margin: 0 0 20px;
}
.community-shell > .form-notice + .form-notice {
    margin-top: -10px;
}

/* Match the Support section's opening rhythm to the Installations section above. */
.account-requests {
    padding-top: clamp(42px, 5vw, 68px);
}

/* Keep footer navigation grouped rather than stretched across the full viewport. */
.site-footer .footer-brand {
    margin-bottom: clamp(42px, 5vw, 62px);
}
.site-footer .footer-links {
    grid-template-columns: repeat(3, minmax(150px, 220px));
    justify-content: start;
    gap: clamp(46px, 7vw, 110px);
    width: min(100%, 920px);
}
.site-footer .footer-links > div {
    min-width: 0;
}

/* Turn the four onboarding steps into properly padded, readable cards. */
.process-list {
    gap: 16px;
}
.process-list li {
    min-height: 250px;
    padding: clamp(24px, 2.5vw, 34px);
    border: 1px solid #d2d2d7;
    border-radius: var(--site-panel-radius, 22px);
    background: #fff;
}
.process-list li > span {
    display: block;
}
.process-list b {
    margin-top: clamp(30px, 4vw, 46px);
}

/* Restore the intended dark closing section and readable type contrast. */
.support-project-section {
    background: #2c2c2e !important;
    color: #fff;
}
.support-project-section h2 {
    color: #fff;
}
.support-project-section p:not(.eyebrow),
.support-project-section small {
    color: rgba(255, 255, 255, .72);
}
.support-project-section .eyebrow {
    color: #ff8a80;
}

/* The search overlay now sits outside the sticky, blurred header. */
.global-search-overlay {
    position: fixed;
    z-index: 1000;
    inset: 0;
    isolation: isolate;
}
.global-search-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(20, 20, 22, .52);
    backdrop-filter: blur(12px) saturate(115%);
}
.global-search-panel > form input,
.global-search-panel > form input:focus,
.global-search-panel > form input:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.global-search-panel > form:focus-within {
    border-color: #6e6e73;
    box-shadow: 0 0 0 4px rgba(29, 29, 31, .10);
}

@media (max-width: 760px) {
    .site-footer .footer-links {
        grid-template-columns: 1fr 1fr;
        gap: 36px 42px;
    }
    .process-list {
        grid-template-columns: 1fr;
    }
    .process-list li {
        min-height: 0;
    }
}
@media (max-width: 520px) {
    .site-footer .footer-links {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}