:root{color-scheme:light dark;--ink:#183238;--muted:#53686c;--paper:#f6faf9;--surface:#fff;--line:#cbdcda;--accent:#176c68;--accent2:#8c3d52;--focus:#f0b429;--max:72rem}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;background:var(--paper);color:var(--ink)}body{margin:0}a{color:var(--accent);text-underline-offset:.18em;overflow-wrap:anywhere}a:hover{text-decoration-thickness:.14em}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.bar{max-width:var(--max);margin:auto;padding:1rem 1.25rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}.brand{font-weight:760;color:var(--ink);text-decoration:none}.brand small{display:block;color:var(--muted);font-weight:500}.nav{display:flex;gap:.9rem;flex-wrap:wrap}.nav a{font-weight:650}.preview-note{background:#e3f0ed;border-bottom:1px solid var(--line);color:#28484c;padding:.55rem 1.25rem;text-align:center;font-size:.9rem}main{max-width:var(--max);margin:auto;padding:2.5rem 1.25rem 4rem;overflow-wrap:anywhere}main>*{max-width:68rem;min-width:0}h1,h2,h3{line-height:1.2;margin-top:1.8em}h1{font-size:clamp(2rem,5vw,3.4rem);margin-top:0}h2{font-size:1.65rem}h3{font-size:1.25rem}p,li{max-width:72ch}img{max-width:100%;height:auto}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}button,.wp-block-button__link{display:inline-flex;padding:.7rem 1rem;border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none;border-radius:.3rem}table{width:100%;border-collapse:collapse;display:block;overflow:auto}th,td{padding:.65rem;border:1px solid var(--line);text-align:left}blockquote{border-left:.25rem solid var(--accent);margin-left:0;padding-left:1rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.footer-inner{max-width:var(--max);margin:auto;padding:2rem 1.25rem}.footer-links{display:flex;gap:.8rem 1.2rem;flex-wrap:wrap}.entity{color:var(--muted);font-size:.92rem}@media(max-width:48rem){.bar{align-items:flex-start;flex-direction:column}.nav{font-size:.95rem}main{padding-top:1.75rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){:root{--ink:#e7f0ef;--muted:#acc0bd;--paper:#101b1d;--surface:#162326;--line:#385054;--accent:#75d2c8;--accent2:#ef9bb1;--focus:#ffd166}.preview-note{background:#203b3a;color:#d9edeb}}

.cc-block {
    color: var(--text-primary);
    position: relative;
  }

  .cc-shell {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
  }

  .cc-panel {
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: clamp(1.25rem, 2vw, 2rem);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.16) inset,
      0 18px 42px rgba(7, 29, 32, 0.22);
  }

  .cc-brandbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
  }

  .cc-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
  }

  .cc-brand img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: 14px;
    padding: 0.35rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 24px rgba(7, 29, 32, 0.16);
  }

  .cc-brand-text {
    min-width: 0;
  }

  .cc-brand-text strong {
    display: block;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }

  .cc-brand-text span {
    display: block;
    margin-top: 0.2rem;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.4;
  }

  .cc-nav,
  .cc-actions,
  .cc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .cc-nav {
    align-items: center;
    justify-content: flex-end;
    padding: 0.4rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .cc-nav a {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0.7rem 0.95rem;
    border-radius: 14px;
    border: 1px solid transparent;
    background: transparent;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .cc-nav a:hover,
  .cc-nav a:focus-visible {
    color: var(--text-primary);
    border-color: rgba(94, 211, 199, 0.28);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 18px rgba(7, 29, 32, 0.14);
    transform: translateY(-1px);
    outline: none;
  }

  .cc-links a,
  .cc-block p a,
  .cc-block li a {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    font-weight: 600;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
  }

  .cc-links a:hover,
  .cc-block p a:hover,
  .cc-block li a:hover,
  .cc-links a:focus-visible,
  .cc-block p a:focus-visible,
  .cc-block li a:focus-visible {
    color: var(--text-primary);
    text-decoration-color: var(--accent);
    outline: none;
  }

  .cc-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: var(--primary-light);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .cc-hero h1,
  .cc-card h2 {
    margin: 0;
    color: var(--text-primary);
    letter-spacing: -0.02em;
  }

  .cc-hero h1 {
    margin-top: 1rem;
    max-width: 14ch;
    font-size: clamp(2.1rem, 5vw, 4rem);
    line-height: 1.02;
    text-wrap: balance;
  }

  .cc-hero p,
  .cc-card p,
  .cc-card li,
  .cc-footer p {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.7;
  }

  .cc-hero p {
    max-width: 62ch;
    margin: 1rem 0 0;
  }

  .cc-actions {
    margin-top: 1.35rem;
    align-items: center;
  }

  .cc-notice {
    margin-top: 1.35rem;
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid rgba(94, 211, 199, 0.22);
    background: rgba(255, 255, 255, 0.05);
  }

  .cc-notice p {
    margin: 0;
  }

  .cc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
  }

  .cc-card {
    display: grid;
    gap: 0.8rem;
    align-content: start;
  }

  .cc-card h2 {
    font-size: 1.12rem;
    line-height: 1.25;
  }

  .cc-card p,
  .cc-card ul,
  .cc-card .cc-links {
    margin: 0;
  }

  .cc-card ul {
    padding-left: 1.15rem;
  }

  .cc-card li + li {
    margin-top: 0.45rem;
  }

  .cc-footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
  }

  @media (max-width: 720px) {
    .cc-panel {
      border-radius: 20px;
      padding: 1.15rem;
    }

    .cc-brandbar {
      align-items: flex-start;
    }

    .cc-brand {
      width: 100%;
    }

    .cc-nav {
      width: 100%;
      justify-content: flex-start;
    }

    .cc-nav a {
      flex: 1 1 auto;
      justify-content: center;
      text-align: center;
      min-width: 0;
    }

    .cc-hero h1 {
      max-width: none;
      font-size: clamp(2rem, 10vw, 3rem);
    }

    .cc-hero p,
    .cc-card p,
    .cc-card li,
    .cc-footer p {
      font-size: 0.98rem;
    }
  }

.cc-block {
    color: var(--text-primary);
    position: relative;
  }

  .cc-shell {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
  }

  .cc-panel {
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: clamp(1.25rem, 2vw, 2rem);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.16) inset,
      0 18px 42px rgba(7, 29, 32, 0.22);
  }

  .cc-brandbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
  }

  .cc-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
  }

  .cc-brand img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: 14px;
    padding: 0.35rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 24px rgba(7, 29, 32, 0.16);
  }

  .cc-brand-text {
    min-width: 0;
  }

  .cc-brand-text strong {
    display: block;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }

  .cc-brand-text span {
    display: block;
    margin-top: 0.2rem;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.4;
  }

  .cc-nav,
  .cc-actions,
  .cc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .cc-nav {
    align-items: center;
    justify-content: flex-end;
    padding: 0.4rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .cc-nav a {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0.7rem 0.95rem;
    border-radius: 14px;
    border: 1px solid transparent;
    background: transparent;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .cc-nav a:hover,
  .cc-nav a:focus-visible {
    color: var(--text-primary);
    border-color: rgba(94, 211, 199, 0.28);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 18px rgba(7, 29, 32, 0.14);
    transform: translateY(-1px);
    outline: none;
  }

  .cc-links a,
  .cc-block p a,
  .cc-block li a {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    font-weight: 600;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
  }

  .cc-links a:hover,
  .cc-block p a:hover,
  .cc-block li a:hover,
  .cc-links a:focus-visible,
  .cc-block p a:focus-visible,
  .cc-block li a:focus-visible {
    color: var(--text-primary);
    text-decoration-color: var(--accent);
    outline: none;
  }

  .cc-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: var(--primary-light);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .cc-hero h1,
  .cc-card h2 {
    margin: 0;
    color: var(--text-primary);
    letter-spacing: -0.02em;
  }

  .cc-hero h1 {
    margin-top: 1rem;
    max-width: 14ch;
    font-size: clamp(2.1rem, 5vw, 4rem);
    line-height: 1.02;
    text-wrap: balance;
  }

  .cc-hero p,
  .cc-card p,
  .cc-card li,
  .cc-footer p {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.7;
  }

  .cc-hero p {
    max-width: 62ch;
    margin: 1rem 0 0;
  }

  .cc-actions {
    margin-top: 1.35rem;
    align-items: center;
  }

  .cc-notice {
    margin-top: 1.35rem;
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid rgba(94, 211, 199, 0.22);
    background: rgba(255, 255, 255, 0.05);
  }

  .cc-notice p {
    margin: 0;
  }

  .cc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
  }

  .cc-card {
    display: grid;
    gap: 0.8rem;
    align-content: start;
  }

  .cc-logo {
    width: 100%;
    max-width: 170px;
    height: 64px;
    object-fit: contain;
    padding: 0.5rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .cc-card h2 {
    font-size: 1.12rem;
    line-height: 1.25;
  }

  .cc-card p,
  .cc-card ul,
  .cc-card .cc-links {
    margin: 0;
  }

  .cc-card ul {
    padding-left: 1.15rem;
  }

  .cc-card li + li {
    margin-top: 0.45rem;
  }

  .cc-footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
  }

  @media (max-width: 720px) {
    .cc-panel {
      border-radius: 20px;
      padding: 1.15rem;
    }

    .cc-brandbar {
      align-items: flex-start;
    }

    .cc-brand {
      width: 100%;
    }

    .cc-nav {
      width: 100%;
      justify-content: flex-start;
    }

    .cc-nav a {
      flex: 1 1 auto;
      justify-content: center;
      text-align: center;
      min-width: 0;
    }

    .cc-hero h1 {
      max-width: none;
      font-size: clamp(2rem, 10vw, 3rem);
    }

    .cc-hero p,
    .cc-card p,
    .cc-card li,
    .cc-footer p {
      font-size: 0.98rem;
    }
  }

.cc-legal-page{color:var(--text-primary,#F4FBFB);position:relative}
.cc-legal-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 120px;display:grid;gap:1rem}
.cc-legal-panel{position:relative;overflow:hidden;border:1px solid var(--glass-border,rgba(255,255,255,.16));border-radius:24px;padding:clamp(1.25rem,2vw,2rem);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 18px 42px rgba(7,29,32,.22)}
.cc-legal-eyebrow{display:inline-flex;align-items:center;padding:.38rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--primary-light,#D9F3F2);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cc-legal-page h1{margin:1rem 0 .75rem;color:var(--text-primary,#F4FBFB);font-size:clamp(2.1rem,5vw,4rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.cc-legal-page h2{margin:0;color:var(--text-primary,#F4FBFB);font-size:1.15rem;line-height:1.25;letter-spacing:-.02em}
.cc-legal-page p,.cc-legal-page li{color:var(--text-secondary,#BFDADA);font-size:1rem;line-height:1.7}
.cc-legal-page p{margin:.65rem 0 0}
.cc-legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.cc-legal-card{display:grid;gap:.65rem;align-content:start;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.1rem;background:rgba(255,255,255,.055)}
.cc-legal-card ul{margin:.15rem 0 0;padding-left:1.1rem}
.cc-legal-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.cc-legal-links a,.cc-legal-page a{color:var(--accent,#5ED3C7);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.cc-legal-links a:hover,.cc-legal-page a:hover{color:var(--text-primary,#F4FBFB)}
.cc-legal-notice{margin-top:1rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(94,211,199,.22);background:rgba(255,255,255,.05)}
.cc-legal-muted{font-size:.92rem;color:var(--text-secondary,#BFDADA)}
@media (max-width:720px){.cc-legal-shell{width:min(100% - 24px,1120px);padding:18px 0 130px}.cc-legal-panel{border-radius:20px}.cc-legal-page h1{font-size:clamp(2rem,12vw,3.2rem)}}

.cc-block {
    color: var(--text-primary);
    position: relative;
  }

  .cc-shell {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
  }

  .cc-panel {
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: clamp(1.25rem, 2vw, 2rem);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.16) inset,
      0 18px 42px rgba(7, 29, 32, 0.22);
  }

  .cc-brandbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
  }

  .cc-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
  }

  .cc-brand img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: 14px;
    padding: 0.35rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 24px rgba(7, 29, 32, 0.16);
  }

  .cc-brand-text {
    min-width: 0;
  }

  .cc-brand-text strong {
    display: block;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }

  .cc-brand-text span {
    display: block;
    margin-top: 0.2rem;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.4;
  }

  .cc-nav,
  .cc-actions,
  .cc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .cc-nav {
    align-items: center;
    justify-content: flex-end;
    padding: 0.4rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .cc-nav a {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0.7rem 0.95rem;
    border-radius: 14px;
    border: 1px solid transparent;
    background: transparent;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .cc-nav a:hover,
  .cc-nav a:focus-visible {
    color: var(--text-primary);
    border-color: rgba(94, 211, 199, 0.28);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 18px rgba(7, 29, 32, 0.14);
    transform: translateY(-1px);
    outline: none;
  }

  .cc-links a,
  .cc-block p a,
  .cc-block li a {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    font-weight: 600;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
  }

  .cc-links a:hover,
  .cc-block p a:hover,
  .cc-block li a:hover,
  .cc-links a:focus-visible,
  .cc-block p a:focus-visible,
  .cc-block li a:focus-visible {
    color: var(--text-primary);
    text-decoration-color: var(--accent);
    outline: none;
  }

  .cc-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: var(--primary-light);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .cc-hero h1,
  .cc-card h2 {
    margin: 0;
    color: var(--text-primary);
    letter-spacing: -0.02em;
  }

  .cc-hero h1 {
    margin-top: 1rem;
    max-width: 14ch;
    font-size: clamp(2.1rem, 5vw, 4rem);
    line-height: 1.02;
    text-wrap: balance;
  }

  .cc-hero p,
  .cc-card p,
  .cc-card li,
  .cc-footer p {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.7;
  }

  .cc-hero p {
    max-width: 62ch;
    margin: 1rem 0 0;
  }

  .cc-actions {
    margin-top: 1.35rem;
    align-items: center;
  }

  .cc-notice {
    margin-top: 1.35rem;
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid rgba(94, 211, 199, 0.22);
    background: rgba(255, 255, 255, 0.05);
  }

  .cc-notice p {
    margin: 0;
  }

  .cc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
  }

  .cc-card {
    display: grid;
    gap: 0.8rem;
    align-content: start;
  }

  .cc-social-head {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
  }

  .cc-social-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .cc-social-icon svg {
    width: 1.3rem;
    height: 1.3rem;
    fill: currentColor;
  }

  .cc-card h2 {
    font-size: 1.12rem;
    line-height: 1.25;
  }

  .cc-card p,
  .cc-card ul,
  .cc-card .cc-links {
    margin: 0;
  }

  .cc-card ul {
    padding-left: 1.15rem;
  }

  .cc-card li + li {
    margin-top: 0.45rem;
  }

  .cc-footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
  }

  @media (max-width: 720px) {
    .cc-panel {
      border-radius: 20px;
      padding: 1.15rem;
    }

    .cc-brandbar {
      align-items: flex-start;
    }

    .cc-brand {
      width: 100%;
    }

    .cc-nav {
      width: 100%;
      justify-content: flex-start;
    }

    .cc-nav a {
      flex: 1 1 auto;
      justify-content: center;
      text-align: center;
      min-width: 0;
    }

    .cc-hero h1 {
      max-width: none;
      font-size: clamp(2rem, 10vw, 3rem);
    }

    .cc-hero p,
    .cc-card p,
    .cc-card li,
    .cc-footer p {
      font-size: 0.98rem;
    }
  }

.skip-link{position:fixed;left:1rem;top:-10rem;z-index:10000;background:#fff;color:#08162b;padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.system-page{max-width:48rem;margin:10vh auto;padding:2rem}a:focus-visible{outline:3px solid #78d7ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}