:root {
  --pr-blue:#304078; --pr-blue-700:#25345f; --pr-blue-900:#12192f; --ink:#111827; --muted:#5f6880;
  --line:#dfe4f2; --surface:#ffffff; --surface-soft:#f6f8fc; --surface-blue:#edf2ff; --accent:#89d7ff; --warning:#fff5d6;
  --radius-lg:24px; --radius-md:16px; --shadow:0 18px 50px rgba(18,25,47,.12); --sidebar-w:462px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:"Atkinson Hyperlegible",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top right,rgba(137,215,255,.18),transparent 34rem),linear-gradient(180deg,#fff 0%,#f6f8fc 100%);line-height:1.6} a{color:var(--pr-blue)} a:hover{color:var(--pr-blue-700)} code{background:var(--surface-blue);padding:.1rem .35rem;border-radius:.4rem}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 14px;background:var(--pr-blue);color:#fff;border-radius:999px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);padding:26px 20px}.sidebar-close,.sidebar-scrim{display:none}.brand{padding:6px 8px 22px}.brand__logo{display:block;max-width:260px;margin-bottom:18px}.brand__logo img{display:block;width:100%;height:auto}.brand__eyebrow{margin:0 0 4px;color:var(--pr-blue);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand__claim{margin:0;color:var(--muted);font-size:.95rem}.sidebar__tools{position:sticky;top:-26px;z-index:3;margin:0 -20px 18px;padding:16px 20px;background:rgba(255,255,255,.98);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.search-label{display:block;margin-bottom:8px;color:var(--pr-blue-700);font-weight:700;font-size:.9rem}.search-input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;outline:none;background:var(--surface-soft)}.search-input:focus{border-color:var(--pr-blue);box-shadow:0 0 0 4px rgba(48,64,120,.12)}.law-nav{display:grid;gap:10px}.nav-chapter{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.nav-toggle{width:100%;display:flex;gap:10px;justify-content:space-between;align-items:start;padding:12px 14px;border:0;background:transparent;color:var(--pr-blue-900);font:inherit;text-align:left;cursor:pointer}.nav-toggle:hover,.nav-toggle[aria-expanded="true"]{background:var(--surface-blue)}.nav-toggle__kicker{display:block;color:var(--pr-blue);font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.nav-toggle__title{display:block;font-weight:700;line-height:1.25}.nav-toggle__icon{flex:0 0 auto;font-size:1.1rem;line-height:1.3}.nav-panel{display:none;padding:0 10px 12px 14px}.nav-panel.is-open{display:block}.nav-chapter-link{display:block;margin:10px 0;padding:8px 10px;border-radius:10px;background:var(--surface-soft);font-weight:700;text-decoration:none}.nav-section{margin-top:10px;padding-left:12px;border-left:2px solid var(--line)}.nav-section__title{margin:0 0 8px;color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.nav-section__title a{text-decoration:none;color:inherit}.nav-section__title a.is-active,.nav-section__title a:hover{color:var(--pr-blue)}.nav-article-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.nav-link{display:block;padding:7px 8px;border-radius:10px;color:var(--ink);font-size:.92rem;text-decoration:none}.nav-link:hover,.nav-link.is-active,.nav-chapter-link.is-active{background:var(--surface-blue);color:var(--pr-blue)}.sidebar__footer{margin-top:24px;padding:16px;border-radius:16px;background:var(--surface-soft);color:var(--muted);font-size:.9rem}.sidebar__footer p{margin:0 0 8px}.sidebar__footer a{display:block;margin-top:6px}.page{min-width:0}.topbar{position:sticky;top:0;z-index:2;display:none;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.menu-button{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:#fff;color:var(--pr-blue);font:inherit;font-weight:700}.topbar__home{font-weight:700;text-decoration:none}.content{width:min(100%,1120px);margin:0 auto;padding:34px clamp(18px,5vw,64px) 80px}.breadcrumb{margin-bottom:22px;color:var(--muted);font-size:.92rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0;list-style:none}.breadcrumb li:not(:last-child)::after{content:"›";margin-left:8px;color:#9aa4b8}.hero{padding:clamp(28px,5vw,58px);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(48,64,120,.98),rgba(18,25,47,.96)),radial-gradient(circle at top right,rgba(137,215,255,.45),transparent 30rem);color:#fff;box-shadow:var(--shadow)}.hero__kicker,.article__kicker,.section__kicker{margin:0 0 10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero__title{max-width:900px;margin:0 0 16px;font-size:clamp(2.2rem,6vw,5rem);line-height:.95;letter-spacing:-.05em}.hero__lead{max-width:780px;margin:0 0 28px;color:rgba(255,255,255,.88);font-size:1.18rem}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 16px;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px)}.button--light{background:#fff;color:var(--pr-blue)}.button--ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.button--ghost:hover,.button--ghost:focus-visible{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(18,25,47,.18)}.button--light:hover,.button--light:focus-visible{color:var(--pr-blue);background:#fff;box-shadow:0 12px 28px rgba(18,25,47,.18)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.card{padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 10px 30px rgba(18,25,47,.06)}.card h2,.card h3{margin-top:0;line-height:1.2}.view-header{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 10px 30px rgba(18,25,47,.06)}.view-header h1{margin:0 0 12px;color:var(--pr-blue-900);font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.04em}.view-header p{max-width:820px;margin:0;color:var(--muted)}.article{display:grid;gap:22px}.article__header{padding:clamp(26px,4vw,44px);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.article__kicker{color:var(--pr-blue)}.article h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.045em}.article__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:var(--surface-blue);color:var(--pr-blue-700);font-weight:700;font-size:.84rem;text-decoration:none}.article-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}.official-text,.interpretation,.note-box,.toc-box{padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.official-text h2,.interpretation h2{margin-top:0;color:var(--pr-blue-900)}.official-text{font-size:1.02rem}.official-text .paragraph{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.official-text .paragraph:last-child{border-bottom:0}.interpretation{position:sticky;top:22px;background:linear-gradient(180deg,var(--surface-blue),#fff)}.interpretation p{margin-bottom:0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-nav a{display:block;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none}.article-nav span{display:block;color:var(--muted);font-size:.84rem}.article-nav strong{display:block;color:var(--pr-blue-900)}.article-nav a:last-child{text-align:right}.placeholder-list{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.placeholder-list a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none}.toc-box ul{columns:2;column-gap:24px;margin:0;padding-left:1.2rem}.source-note{padding:16px 18px;border:1px solid #f4d57d;border-radius:var(--radius-md);background:var(--warning);color:#55410c}.mobile-only{display:none}.nav-empty{display:none;padding:12px;color:var(--muted);font-size:.92rem}@media (max-width:1180px){:root{--sidebar-w:330px}.content{width:min(100%,980px);padding-inline:clamp(18px,4vw,42px)}.brand__logo{max-width:230px}.article-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}}@media (max-width:980px){.app-shell{display:block}body.sidebar-open{overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:min(88vw,390px);max-width:390px;height:100dvh;padding-top:58px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow);will-change:transform}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-close{position:fixed;top:12px;right:14px;z-index:12;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--pr-blue);font:inherit;font-size:1.6rem;line-height:1;cursor:pointer}.sidebar-scrim{position:fixed;inset:0;z-index:9;display:block;border:0;background:rgba(18,25,47,.46);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}body.sidebar-open .sidebar-scrim{opacity:1;visibility:visible;pointer-events:auto}.topbar{display:flex;min-height:62px;justify-content:space-between}.menu-button{min-height:42px}.topbar__home{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding-block:22px 64px}.breadcrumb ol{gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.breadcrumb li{flex:0 0 auto}.hero,.article__header,.view-header,.official-text,.interpretation{border-radius:20px}.hero__title,.article h1,.view-header h1{letter-spacing:-.035em}.grid,.article-grid{grid-template-columns:1fr}.interpretation{position:static;order:-1}.toc-box ul{columns:1}}@media (max-width:760px){.content{padding-inline:14px}.hero{padding:28px 20px}.hero__title{font-size:clamp(2.15rem,13vw,3.4rem)}.hero__lead{font-size:1rem}.view-header,.article__header,.official-text,.interpretation,.card,.toc-box{padding:20px}.article__meta{display:grid;grid-template-columns:1fr}.pill{justify-content:center;text-align:center}.official-text .paragraph{padding:12px 0}.article-nav{gap:10px}.article-nav a{padding:16px}}@media (max-width:520px){:root{--radius-lg:18px;--radius-md:14px}.sidebar{width:min(94vw,380px);padding-inline:14px}.brand{padding-inline:4px}.brand__logo{max-width:220px}.sidebar__tools{margin-inline:-14px;padding-inline:14px}.law-nav{gap:8px}.nav-toggle{padding:12px}.nav-link{min-height:42px;display:flex;align-items:center}.topbar{padding-inline:12px}.button{width:100%}.hero__actions{display:grid;grid-template-columns:1fr}.article h1,.view-header h1{font-size:clamp(1.85rem,10vw,2.7rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.sidebar,.topbar,.breadcrumb,.article-nav{display:none!important}.app-shell,.article-grid{display:block}.content{max-width:none;padding:0}.article__header,.official-text,.interpretation{box-shadow:none}}


/* Normative switch: integrazione AI Act UE + Legge italiana IA */
.normative-switch{margin:0 8px 18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}
.normative-switch__title{margin:0 0 8px;color:var(--pr-blue-700);font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.normative-switch__links{display:grid;gap:6px}
.normative-switch a{display:block;padding:9px 10px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem}
.normative-switch a:hover,.normative-switch a.is-active{background:var(--surface-blue);color:var(--pr-blue)}
.law-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.law-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 10px 30px rgba(18,25,47,.06)}.law-card h2{margin-top:0}.law-card p{color:var(--muted)}@media(max-width:760px){.law-card-grid{grid-template-columns:1fr}.normative-switch{margin-inline:4px}}

/* Mobile search spacing fix: niente spazio superiore nel drawer */
@media (max-width: 980px) {
  .sidebar__tools {
    position: static !important;
    top: auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .sidebar .brand {
    margin-bottom: 12px;
  }

  .sidebar__tools + .law-nav,
  .law-nav {
    margin-top: 0 !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .sidebar__tools {
    position: static !important;
    top: auto !important;
  }
}

/* Sidebar whitepaper CTA */
.sidebar-cta {
  margin: 12px 0 14px;
}

.sidebar-cta__link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 14px;
  border-radius: 999px;
  background: var(--pr-blue);
  color: #fff;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(18, 25, 47, .14);
}

.sidebar-cta__link:hover,
.sidebar-cta__link:focus-visible {
  background: var(--pr-blue-900);
  color: #fff;
  transform: translateY(-1px);
}

/* Modern isolated desktop sidebar */
@media (min-width: 981px) {
  body {
    background:
      radial-gradient(circle at 8% 0%, rgba(48, 64, 120, .09), transparent 28rem),
      linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
  }

  .layout {
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    min-height: 100vh;
    padding: 18px 22px 18px 18px;
  }

  .sidebar {
    position: sticky;
    top: 18px;
    height: calc(100vh - 36px);
    max-height: calc(100vh - 36px);
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 28px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96));
    box-shadow:
      0 24px 70px rgba(18, 25, 47, .10),
      0 2px 10px rgba(18, 25, 47, .04);
    backdrop-filter: blur(16px);
  }

  .sidebar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 6px;
    background: linear-gradient(90deg, var(--pr-blue), rgba(137, 215, 255, .9));
    border-radius: 28px 28px 0 0;
    pointer-events: none;
  }

  .sidebar__inner {
    height: 100%;
    overflow-y: auto;
    padding: 26px 22px 22px;
    scrollbar-width: thin;
    scrollbar-color: rgba(48, 64, 120, .35) transparent;
  }

  .sidebar__inner::-webkit-scrollbar {
    width: 8px;
  }

  .sidebar__inner::-webkit-scrollbar-track {
    background: transparent;
  }

  .sidebar__inner::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(48, 64, 120, .25);
  }

  .brand {
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 22px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 28px rgba(18, 25, 47, .05);
  }

  .law-switch,
  .sidebar__tools,
  .sidebar__footer {
    border: 1px solid rgba(226, 232, 240, .9);
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 10px 28px rgba(18, 25, 47, .045);
  }

  .law-switch {
    padding: 14px;
    border-radius: 22px;
  }

  .sidebar-cta {
    margin: 14px 0;
  }

  .sidebar-cta__link {
    min-height: 48px;
    box-shadow:
      0 16px 34px rgba(48, 64, 120, .22),
      inset 0 1px 0 rgba(255, 255, 255, .2);
  }

  .sidebar__tools {
    position: sticky;
    top: 0;
    z-index: 3;
    margin: 0 0 16px;
    padding: 14px;
    border-radius: 22px;
    backdrop-filter: blur(12px);
  }

  .sidebar__tools label {
    margin-bottom: 8px;
  }

  .sidebar__tools input {
    border: 1px solid rgba(203, 213, 225, .95);
    box-shadow: 0 8px 22px rgba(18, 25, 47, .045);
  }

  .law-nav {
    display: grid;
    gap: 10px;
  }

  .nav-chapter {
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 20px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 8px 24px rgba(18, 25, 47, .035);
    overflow: hidden;
  }

  .nav-toggle {
    padding: 14px 14px;
    border-radius: 0;
  }

  .nav-toggle:hover,
  .nav-toggle[aria-expanded="true"] {
    background: linear-gradient(135deg, rgba(48, 64, 120, .08), rgba(137, 215, 255, .16));
  }

  .nav-panel {
    padding: 0 12px 14px;
  }

  .nav-chapter-link {
    border: 1px solid rgba(226, 232, 240, .85);
    background: rgba(248, 250, 252, .95);
  }

  .nav-section {
    margin-top: 12px;
    padding-left: 10px;
    border-left: 2px solid rgba(48, 64, 120, .16);
  }

  .nav-link {
    padding: 8px 9px;
  }

  .nav-link:hover,
  .nav-link.is-active,
  .nav-chapter-link.is-active {
    background: rgba(48, 64, 120, .10);
    color: var(--pr-blue);
  }

  .page {
    min-width: 0;
  }

  .content {
    padding-top: 18px;
  }
}

@media (min-width: 1280px) {
  .layout {
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 28px;
    padding-left: 24px;
    padding-right: 28px;
  }
}

/* Interpretive summary dropdown */
.interpretation-dropdown {
  margin: 22px 0;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(248, 251, 255, .96), #fff);
  box-shadow: 0 12px 34px rgba(18, 25, 47, .06);
  overflow: hidden;
}

.interpretation-dropdown > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  color: var(--pr-blue-900);
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}

.interpretation-dropdown > summary::-webkit-details-marker {
  display: none;
}

.interpretation-dropdown > summary::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--surface-blue);
  color: var(--pr-blue);
  font-weight: 900;
}

.interpretation-dropdown[open] > summary::after {
  content: "−";
}

.interpretation-dropdown__body {
  padding: 0 22px 22px;
  color: var(--ink);
}

.interpretation-dropdown__body p {
  margin: 0;
  line-height: 1.7;
}

@media (max-width: 640px) {
  .interpretation-dropdown > summary {
    padding: 16px 18px;
  }

  .interpretation-dropdown__body {
    padding: 0 18px 18px;
  }
}

/* Desktop sidebar scroll fix */
@media (min-width: 981px) {
  .layout {
    min-height: 100vh;
    align-items: start;
  }

  .sidebar {
    position: sticky;
    top: 18px;
    height: auto;
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .sidebar__inner {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    padding-bottom: 28px;
  }

  .sidebar::-webkit-scrollbar {
    width: 8px;
  }

  .sidebar::-webkit-scrollbar-track {
    background: transparent;
  }

  .sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(48, 64, 120, .28);
  }

  .sidebar__tools {
    position: static;
    top: auto;
  }

  .law-nav {
    min-height: 0;
  }
}

/* Desktop sidebar width +25% */
@media (min-width: 981px) {
  .layout {
    grid-template-columns: 425px minmax(0, 1fr);
  }
}

@media (min-width: 1280px) {
  .layout {
    grid-template-columns: 450px minmax(0, 1fr);
  }
}

/* Home risk CTA and explainer */
.home-explainer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 24px 0;
}

.home-explainer__card {
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 16px 42px rgba(18, 25, 47, .07);
}

.home-explainer__card h2 {
  margin: 0 0 12px;
  color: var(--pr-blue-900);
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.08;
  letter-spacing: -.03em;
}

.home-explainer__card p:last-child {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.7;
}

.risk-cta {
  margin: 28px 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(137, 215, 255, .28), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .96));
  box-shadow: 0 22px 64px rgba(18, 25, 47, .08);
}

.risk-cta__header {
  max-width: 820px;
  margin-bottom: 22px;
}

.risk-cta__header h2 {
  margin: 0 0 12px;
  color: var(--pr-blue-900);
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.risk-cta__header p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 1.04rem;
  line-height: 1.7;
}

.risk-cta__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.risk-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  min-height: 190px;
  padding: 20px;
  border: 1px solid rgba(226, 232, 240, .92);
  border-radius: 24px;
  background: rgba(255, 255, 255, .88);
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(18, 25, 47, .055);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.risk-card:hover,
.risk-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(48, 64, 120, .28);
  box-shadow: 0 22px 48px rgba(18, 25, 47, .11);
}

.risk-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: var(--surface-blue);
  font-size: 1.5rem;
}

.risk-card__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.risk-card__content strong {
  color: var(--pr-blue-900);
  font-size: 1.05rem;
  line-height: 1.18;
}

.risk-card__content span {
  margin-top: 9px;
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.55;
}

.risk-card__content em {
  margin-top: auto;
  padding-top: 16px;
  color: var(--pr-blue);
  font-style: normal;
  font-weight: 800;
}

.risk-card--high .risk-card__icon { background: rgba(245, 158, 11, .16); }
.risk-card--unacceptable .risk-card__icon { background: rgba(239, 68, 68, .14); }
.risk-card--low .risk-card__icon { background: rgba(14, 165, 233, .14); }
.risk-card--minimal .risk-card__icon { background: rgba(34, 197, 94, .14); }

@media (max-width: 1180px) {
  .risk-cta__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .home-explainer,
  .risk-cta__grid {
    grid-template-columns: 1fr;
  }

  .risk-card {
    min-height: 0;
  }
}

/* Legal pages, footer and wider restructured desktop sidebar */
.site-footer {
  margin-top: 42px;
  padding: 22px 0 0;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .92rem;
}

.site-footer p {
  margin: 0 0 8px;
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.site-footer a,
.site-footer button {
  color: var(--pr-blue);
  font: inherit;
  font-weight: 700;
  text-decoration: none;
}

.site-footer a:hover,
.site-footer button:hover {
  text-decoration: underline;
}

.site-footer button {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.sidebar__legal {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(226, 232, 240, .95);
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.45;
}

.sidebar__legal p {
  margin: 0 0 8px;
}

.sidebar__legal a,
.sidebar__legal button {
  display: block;
  margin-top: 6px;
  color: var(--pr-blue);
  font: inherit;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
}

.sidebar__legal button {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.sidebar__legal a:hover,
.sidebar__legal button:hover {
  text-decoration: underline;
}

.legal-doc {
  display: grid;
  gap: 22px;
}

.legal-doc__hero {
  padding: clamp(26px, 4vw, 44px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at top right, rgba(137, 215, 255, .26), transparent 24rem),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: var(--shadow);
}

.legal-doc__hero h1 {
  margin: 0 0 12px;
  color: var(--pr-blue-900);
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.legal-doc__hero p {
  max-width: 850px;
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.legal-section {
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: 0 12px 34px rgba(18, 25, 47, .055);
}

.legal-section h2 {
  margin: 0 0 12px;
  color: var(--pr-blue-900);
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.12;
}

.legal-section h3 {
  margin: 20px 0 8px;
  color: var(--pr-blue-900);
}

.legal-section p,
.legal-section li {
  color: var(--ink);
  line-height: 1.75;
}

.legal-section ul {
  margin: 10px 0 0;
  padding-left: 1.2rem;
}

.legal-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.legal-mini-card {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface-soft);
}

.legal-mini-card h3 {
  margin-top: 0;
}

.policy-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  font-size: .95rem;
}

.policy-table th,
.policy-table td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.policy-table th {
  background: var(--surface-blue);
  color: var(--pr-blue-900);
}

.policy-table tr:last-child td {
  border-bottom: 0;
}

/* Sidebar desktop final redesign +25% */
@media (min-width: 981px) {
  .layout {
    grid-template-columns: 462px minmax(0, 1fr);
    gap: 30px;
    padding-left: 24px;
    padding-right: 30px;
  }

  .sidebar {
    border-radius: 34px;
    border: 1px solid rgba(203, 213, 225, .95);
    background:
      linear-gradient(180deg, rgba(255,255,255,.99), rgba(246,249,255,.98));
    box-shadow:
      0 28px 80px rgba(18, 25, 47, .13),
      0 3px 12px rgba(18, 25, 47, .05);
  }

  .sidebar__inner {
    padding: 30px 26px 30px;
  }

  .brand,
  .law-switch,
  .sidebar__tools,
  .sidebar__footer,
  .nav-chapter {
    border-color: rgba(203, 213, 225, .86);
  }

  .nav-chapter {
    border-radius: 22px;
  }

  .nav-toggle {
    padding: 16px;
  }

  .nav-link {
    padding: 9px 10px;
  }

  .sidebar__footer {
    padding: 18px;
    border-radius: 22px;
  }
}

@media (min-width: 1440px) {
  .layout {
    grid-template-columns: 500px minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .legal-card-grid {
    grid-template-columns: 1fr;
  }

  .policy-table {
    display: block;
    overflow-x: auto;
  }
}

/* V17 force sidebar width +25% and cache-bust */
@media (min-width: 981px) {
  :root {
    --sidebar-w: 462px;
  }

  .layout {
    grid-template-columns: minmax(462px, 462px) minmax(0, 1fr) !important;
  }

  .sidebar {
    width: 462px !important;
    min-width: 462px !important;
    max-width: 462px !important;
  }
}

@media (min-width: 1440px) {
  :root {
    --sidebar-w: 500px;
  }

  .layout {
    grid-template-columns: minmax(500px, 500px) minmax(0, 1fr) !important;
  }

  .sidebar {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
  }
}

/* Summary pocket dropdown for articles and annexes */
.summary-pocket {
  position: relative;
  margin: 32px 0 28px;
  border: 1px solid rgba(203, 213, 225, .95);
  border-radius: 0 26px 26px 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .98));
  box-shadow:
    0 18px 48px rgba(18, 25, 47, .08),
    inset 0 1px 0 rgba(255, 255, 255, .9);
  overflow: visible;
}

.summary-pocket::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: min(230px, 72%);
  height: 18px;
  border: 1px solid rgba(203, 213, 225, .95);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(180deg, rgba(237, 242, 255, 1), rgba(255, 255, 255, .98));
  transform: translateY(-100%);
}

.summary-pocket > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 19px 22px;
  color: var(--pr-blue-900);
  cursor: pointer;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  font-weight: 900;
  letter-spacing: -.01em;
  list-style: none;
  outline: none;
}

.summary-pocket > summary::-webkit-details-marker {
  display: none;
}

.summary-pocket > summary::before {
  content: "Sintesi";
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--surface-blue);
  color: var(--pr-blue);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.summary-pocket > summary::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--pr-blue);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(48, 64, 120, .22);
}

.summary-pocket[open] > summary {
  border-bottom: 1px solid rgba(226, 232, 240, .95);
}

.summary-pocket[open] > summary::after {
  content: "−";
}

.summary-pocket > summary:focus-visible {
  box-shadow: 0 0 0 4px rgba(137, 215, 255, .45);
  border-radius: 0 26px 0 0;
}

.summary-pocket__body {
  padding: 0 22px 22px;
  color: var(--ink);
}

.summary-pocket__body p {
  margin: 18px 0 0;
  line-height: 1.75;
}

.summary-pocket--article,
.summary-pocket--annex {
  max-width: 100%;
}

@media (max-width: 760px) {
  .summary-pocket {
    border-radius: 0 22px 22px 22px;
    margin-top: 32px;
  }

  .summary-pocket::before {
    width: min(190px, 78%);
  }

  .summary-pocket > summary {
    min-height: 58px;
    padding: 16px 18px;
    align-items: flex-start;
  }

  .summary-pocket > summary::before {
    display: none;
  }

  .summary-pocket__body {
    padding: 0 18px 18px;
  }
}

/* Normative and internal article links */
.official-text a.eurlex-link,
.summary-pocket__body a.eurlex-link,
.legal-section a.eurlex-link {
  color: var(--pr-blue);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.official-text a.eurlex-link::after,
.summary-pocket__body a.eurlex-link::after,
.legal-section a.eurlex-link::after {
  content: "↗";
  margin-left: .16em;
  font-size: .82em;
  text-decoration: none;
}

.official-text a.internal-article-link,
.summary-pocket__body a.internal-article-link {
  color: var(--pr-blue-700);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .18em;
}

/* Considerando pages and smart recital menu */
.recital-doc {
  display: grid;
  gap: 24px;
}

.recital-hero {
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid var(--line);
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(137, 215, 255, .28), transparent 24rem),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: var(--shadow);
}

.recital-hero h1 {
  margin: 0 0 12px;
  color: var(--pr-blue-900);
  font-size: clamp(2.1rem, 4vw, 4rem);
  line-height: .98;
  letter-spacing: -.055em;
}

.recital-hero p {
  max-width: 900px;
}

.recital-source a {
  font-weight: 800;
}

.recital-panel {
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 38px rgba(18, 25, 47, .06);
}

.recital-panel h2 {
  margin: 0 0 16px;
  color: var(--pr-blue-900);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.recital-smart-menu__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));
  gap: 8px;
}

.recital-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid rgba(203, 213, 225, .95);
  border-radius: 14px;
  background: #fff;
  color: var(--pr-blue-900);
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(18, 25, 47, .04);
}

.recital-chip:hover,
.recital-chip:focus-visible,
.recital-chip.is-current {
  background: var(--pr-blue);
  color: #fff;
  border-color: var(--pr-blue);
  transform: translateY(-1px);
}

.recital-list {
  display: grid;
  gap: 12px;
}

.recital-item {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(18, 25, 47, .045);
  overflow: hidden;
}

.recital-item > summary {
  padding: 16px 18px;
  color: var(--pr-blue-900);
  cursor: pointer;
  font-weight: 900;
  list-style: none;
}

.recital-item > summary::-webkit-details-marker {
  display: none;
}

.recital-item > summary::after {
  content: "+";
  float: right;
  color: var(--pr-blue);
  font-weight: 900;
}

.recital-item[open] > summary::after {
  content: "−";
}

.recital-item .recital-text {
  padding: 0 18px 18px;
}

.recital-official .recital-text p,
.recital-text p {
  line-height: 1.78;
}

.official-text a.internal-recital-link,
.summary-pocket__body a.internal-recital-link,
.recital-text a.internal-recital-link,
.recital-text a.internal-article-link,
.recital-text a.internal-annex-link {
  color: var(--pr-blue-700);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .18em;
}

.recital-text a.eurlex-link {
  color: var(--pr-blue);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .18em;
}

.recital-text a.eurlex-link::after {
  content: "↗";
  margin-left: .16em;
  font-size: .82em;
}

@media (max-width: 760px) {
  .recital-smart-menu__grid {
    grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
  }

  .recital-chip {
    min-height: 38px;
    border-radius: 12px;
  }
}

/* V22 readable official text and mobile link contrast */
.hero a.eurlex-link,
.hero .eurlex-link,
.home-explainer a.eurlex-link,
.recital-hero a.eurlex-link,
.recital-source a,
.legal-doc a.eurlex-link {
  display: inline-flex;
  align-items: center;
  gap: .18em;
  padding: .14rem .42rem;
  border: 1px solid rgba(48, 64, 120, .22);
  border-radius: .65rem;
  background: rgba(255, 255, 255, .96);
  color: var(--pr-blue-900) !important;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(18, 25, 47, .08);
}

.hero a.eurlex-link:hover,
.home-explainer a.eurlex-link:hover,
.recital-source a:hover {
  background: var(--pr-blue);
  color: #fff !important;
  border-color: var(--pr-blue);
}

.official-text {
  font-size: clamp(1rem, .98rem + .18vw, 1.08rem);
  line-height: 1.72;
}

.official-text > h2 {
  margin-bottom: 1.15rem;
}

.official-text .paragraph,
.official-text .official-paragraph,
.recital-text p {
  max-width: 88ch;
}

.official-text .official-paragraph {
  position: relative;
  margin: .55rem 0;
  padding: .78rem .95rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, .66);
}

.official-text .official-paragraph--intro,
.official-text .official-paragraph--section {
  margin-top: 1.2rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(226, 232, 240, .9);
  background: rgba(248, 251, 255, .92);
  color: var(--pr-blue-900);
  font-weight: 800;
}

.official-text .official-paragraph--clause {
  margin-top: 1.45rem;
  padding: 1.08rem 1.12rem;
  border: 1px solid rgba(203, 213, 225, .95);
  border-left: 6px solid var(--pr-blue);
  background: #fff;
  box-shadow: 0 12px 30px rgba(18, 25, 47, .055);
}

.official-text .official-paragraph--letter {
  margin-left: clamp(1rem, 2vw, 2rem);
  padding-left: 1.15rem;
  border-left: 3px solid rgba(48, 64, 120, .22);
  background: rgba(255, 255, 255, .78);
}

.official-text .official-paragraph--roman {
  margin-left: clamp(2rem, 4vw, 3.6rem);
  padding-left: 1.05rem;
  border-left: 2px dashed rgba(48, 64, 120, .24);
  background: rgba(248, 251, 255, .72);
  font-size: .98em;
}

.official-text .official-paragraph--numbered-list {
  margin-top: .82rem;
  margin-left: clamp(1rem, 2vw, 2rem);
  padding-left: 1.15rem;
  border-left: 3px solid rgba(137, 215, 255, .72);
  background: rgba(255, 255, 255, .78);
}

.official-text .official-marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.15rem;
  margin-right: .48rem;
  padding: .14rem .42rem;
  border-radius: 999px;
  background: var(--surface-blue);
  color: var(--pr-blue-900);
  font-weight: 900;
  line-height: 1.25;
  white-space: nowrap;
}

.official-text .official-paragraph--clause > .official-marker {
  background: var(--pr-blue);
  color: #fff;
}

.official-text .official-paragraph--letter > .official-marker {
  min-width: 1.8rem;
  background: rgba(137, 215, 255, .28);
}

.official-text .official-paragraph--roman > .official-marker {
  min-width: 1.9rem;
  background: rgba(203, 213, 225, .55);
}

.official-text a.eurlex-link,
.official-text a.internal-article-link,
.official-text a.internal-annex-link,
.official-text a.internal-recital-link,
.summary-pocket__body a.internal-article-link,
.summary-pocket__body a.internal-annex-link,
.summary-pocket__body a.internal-recital-link {
  border-radius: .45rem;
  padding: .02rem .18rem;
  background: rgba(237, 242, 255, .72);
  color: var(--pr-blue-900) !important;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.official-text a.eurlex-link:hover,
.official-text a.internal-article-link:hover,
.official-text a.internal-annex-link:hover,
.official-text a.internal-recital-link:hover,
.summary-pocket__body a:hover {
  background: var(--pr-blue);
  color: #fff !important;
}

@media (max-width: 760px) {
  .hero a.eurlex-link,
  .hero .eurlex-link,
  .home-explainer a.eurlex-link,
  .recital-source a {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-top: .18rem;
    padding: .28rem .58rem;
    background: #fff;
    color: var(--pr-blue-900) !important;
    box-shadow: 0 10px 24px rgba(18, 25, 47, .12);
  }

  .official-text {
    padding: 18px;
    border-radius: 24px;
  }

  .official-text .official-paragraph {
    margin: .62rem 0;
    padding: .85rem .88rem;
    border-radius: 15px;
  }

  .official-text .official-paragraph--clause {
    margin-top: 1.35rem;
    border-left-width: 5px;
  }

  .official-text .official-paragraph--letter {
    margin-left: .35rem;
    padding-left: .9rem;
  }

  .official-text .official-paragraph--roman {
    margin-left: .9rem;
    padding-left: .85rem;
  }

  .official-text .official-marker {
    min-width: 1.85rem;
    margin-right: .32rem;
    padding: .12rem .34rem;
  }
}

/* V24 Article 3 definitions readability */
.official-text .official-definition-block {
  max-width: 94ch;
  margin-top: 1rem;
}

.official-text .official-definition-block + .official-definition-block {
  margin-top: 1.05rem;
}

.official-text .official-definition-block .official-paragraph {
  max-width: 100%;
}

.official-text .official-paragraph--definition {
  position: relative;
  margin-top: 0;
  padding: 1rem 1.05rem 1rem 1.15rem;
  border: 1px solid rgba(203, 213, 225, .95);
  border-left: 6px solid var(--pr-blue);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96));
  box-shadow: 0 12px 30px rgba(18, 25, 47, .055);
}

.official-text .official-definition-subpoint {
  margin-top: .48rem;
  margin-left: clamp(1rem, 2.5vw, 2.2rem);
  padding: .72rem .9rem;
  border-left: 3px solid rgba(48, 64, 120, .22);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  box-shadow: none;
}

.official-text .official-definition-subpoint.official-paragraph--roman {
  margin-left: clamp(2rem, 4vw, 3.4rem);
  border-left-style: dashed;
}

.official-text .official-paragraph--definition .official-marker--definition {
  min-width: 2.35rem;
  margin-right: .58rem;
  background: var(--pr-blue);
  color: #fff;
}

.official-text .official-definition-block[id] {
  scroll-margin-top: 24px;
}

@media (max-width: 760px) {
  .official-text .official-definition-block {
    margin-top: .9rem;
  }

  .official-text .official-paragraph--definition {
    padding: .92rem .85rem;
    border-left-width: 5px;
  }

  .official-text .official-definition-subpoint {
    margin-left: .45rem;
    padding: .68rem .78rem;
  }

  .official-text .official-definition-subpoint.official-paragraph--roman {
    margin-left: .9rem;
  }

  .official-text .official-paragraph--definition .official-marker--definition {
    min-width: 2rem;
    margin-right: .38rem;
  }
}

/* V25 single official text block without numbered clauses */
.official-text .official-paragraph--single-text {
  position: relative;
  margin-top: 1.35rem;
  padding: 1.08rem 1.12rem;
  border: 1px solid rgba(203, 213, 225, .95);
  border-left: 6px solid var(--pr-blue);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(18, 25, 47, .055);
  max-width: 88ch;
}

.official-text .official-paragraph--single-text + .official-paragraph--single-text {
  margin-top: 1rem;
}

@media (max-width: 760px) {
  .official-text .official-paragraph--single-text {
    margin-top: 1.25rem;
    padding: .96rem .88rem;
    border-left-width: 5px;
    border-radius: 16px;
  }
}

/* V26 shorter annex titles */
.annex-card h2,
.annex-card h3,
.annex-card a,
.annex-list a[href*="allegato-"] {
  text-wrap: balance;
}

.page-header h1,
.article-hero h1 {
  text-wrap: balance;
}

/* V27 quality fix for restored annex official text */
.official-text .official-paragraph--dash {
  margin-left: clamp(1rem, 2vw, 2rem);
  padding-left: 1.15rem;
  border-left: 3px solid rgba(48, 64, 120, .22);
  background: rgba(255, 255, 255, .78);
}

.official-text .official-paragraph--dash > .official-marker {
  min-width: 1.8rem;
  background: rgba(137, 215, 255, .28);
}

/* V30 senior advisor interpretative summaries */
.summary-pocket__body p {
  max-width: 88ch;
}

.summary-pocket__body {
  color: var(--ink);
}

.summary-pocket__body strong {
  color: var(--pr-blue-900);
}

/* V32 sidebar CTA UX links */
.sidebar-cta-stack {
  display: grid;
  gap: .62rem;
  margin-top: .75rem;
}

.sidebar-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: .72rem;
  width: 100%;
  min-height: 44px;
  padding: .78rem .92rem;
  border-radius: 16px;
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}

.sidebar-cta .cta-label {
  min-width: 0;
}

.sidebar-cta .cta-external-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.42rem;
  height: 1.42rem;
  flex: 0 0 auto;
  border-radius: 999px;
  font-size: 1rem;
  line-height: 1;
  transform: translateY(-1px);
}

.sidebar-cta--primary {
  background: var(--pr-blue);
  color: #fff !important;
  border: 1px solid var(--pr-blue);
  box-shadow: 0 12px 26px rgba(48, 64, 120, .18);
}

.sidebar-cta--primary .cta-external-icon {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

.sidebar-cta--secondary {
  background: #fff;
  color: var(--pr-blue-900) !important;
  border: 1px solid rgba(48, 64, 120, .22);
  box-shadow: 0 10px 22px rgba(18, 25, 47, .08);
}

.sidebar-cta--secondary .cta-external-icon {
  background: var(--surface-blue);
  color: var(--pr-blue-900);
}

.sidebar-cta:hover,
.sidebar-cta:focus-visible {
  transform: translateY(-1px);
  text-decoration: none;
  box-shadow: 0 16px 32px rgba(18, 25, 47, .16);
}

.sidebar-cta--secondary:hover,
.sidebar-cta--secondary:focus-visible {
  background: var(--surface-blue);
  border-color: rgba(48, 64, 120, .34);
}

.sidebar-cta:focus-visible {
  outline: 3px solid rgba(137, 215, 255, .85);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .sidebar-cta-stack {
    gap: .55rem;
  }

  .sidebar-cta {
    min-height: 48px;
    padding: .82rem .9rem;
    border-radius: 15px;
  }
}

/* V35 QA safe links, formatting and applicability status badges */
.applicability-badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.42rem .55rem;margin:.85rem 0 1rem;padding:.52rem .72rem;border-radius:999px;border:1px solid rgba(203,213,225,.92);background:#fff;box-shadow:0 10px 24px rgba(18,25,47,.07);font-size:.92rem;line-height:1.2}.applicability-badge__dot{width:.72rem;height:.72rem;border-radius:999px;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 5px rgba(203,213,225,.55)}.applicability-badge__label{font-weight:900;color:var(--pr-blue-900)}.applicability-badge__note{color:var(--muted);font-weight:700}.applicability-badge--green .applicability-badge__dot{background:#16a34a;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 5px rgba(22,163,74,.24)}.applicability-badge--yellow .applicability-badge__dot{background:#f59e0b;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 5px rgba(245,158,11,.28)}.applicability-badge--red .applicability-badge__dot{background:#dc2626;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 5px rgba(220,38,38,.24)}.official-text a.internal-chapter-link,.official-text a.internal-section-link,.summary-pocket__body a.internal-chapter-link,.summary-pocket__body a.internal-section-link{border-radius:.45rem;padding:.02rem .18rem;background:rgba(237,242,255,.72);color:var(--pr-blue-900)!important;font-weight:900;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.official-text a.internal-chapter-link:hover,.official-text a.internal-section-link:hover,.summary-pocket__body a.internal-chapter-link:hover,.summary-pocket__body a.internal-section-link:hover{background:var(--pr-blue);color:#fff!important}@media(max-width:760px){.applicability-badge{align-items:flex-start;border-radius:18px;padding:.62rem .72rem}.applicability-badge__note{flex-basis:100%}}
/* V36 normative link boundaries audit */

/* V40 sidebar footer content hubs */
.knowledge-hero {
  margin-bottom: 1.4rem;
}

.knowledge-hub {
  margin-top: 1.35rem;
}

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

.hub-card {
  background: #fff;
  border: 1px solid rgba(48, 64, 120, .14);
  border-radius: 20px;
  padding: 1.05rem;
  box-shadow: 0 14px 30px rgba(18, 25, 47, .07);
}

.hub-card h2 {
  margin: 0 0 .55rem;
  font-size: 1.05rem;
  line-height: 1.25;
}

.hub-card p {
  margin: 0 0 .8rem;
  color: var(--muted);
  line-height: 1.55;
}

.hub-card__link {
  font-weight: 900;
}

.knowledge-detail__body {
  background: #fff;
  border: 1px solid rgba(48, 64, 120, .14);
  border-radius: 20px;
  padding: 1.15rem;
  box-shadow: 0 14px 30px rgba(18, 25, 47, .07);
}

/* V42 compact CTA spacing for AI Act sidebar */
.sidebar-cta-stack {
  gap: .48rem;
  margin-top: .58rem;
}

.sidebar-cta {
  min-height: 40px;
  padding: .64rem .78rem;
  border-radius: 14px;
  gap: .58rem;
}

.sidebar-cta .cta-external-icon {
  width: 1.28rem;
  height: 1.28rem;
  font-size: .9rem;
}

@media (max-width: 760px) {
  .sidebar-cta-stack {
    gap: .46rem;
    margin-top: .52rem;
  }

  .sidebar-cta {
    min-height: 44px;
    padding: .68rem .78rem;
    border-radius: 14px;
  }
}

/* V43 dropdown layout for FAQ and key concepts */
.knowledge-hero__hint {
  margin-top: .85rem;
  color: var(--muted);
  font-weight: 700;
  max-width: 74ch;
}

.knowledge-accordion {
  display: grid;
  gap: .78rem;
  margin-top: 1.25rem;
}

.knowledge-pocket {
  border: 1px solid rgba(48, 64, 120, .14);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(18, 25, 47, .07);
  overflow: hidden;
}

.knowledge-pocket summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  min-height: 58px;
  padding: .92rem 1rem;
  cursor: pointer;
  list-style: none;
  color: var(--pr-blue-900);
}

.knowledge-pocket summary::-webkit-details-marker {
  display: none;
}

.knowledge-pocket summary:focus-visible {
  outline: 3px solid rgba(137, 215, 255, .85);
  outline-offset: -3px;
  border-radius: 18px;
}

.knowledge-pocket__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  background: var(--surface-blue);
  color: var(--pr-blue-900);
  font-size: .82rem;
  font-weight: 900;
}

.knowledge-pocket__title {
  font-weight: 900;
  line-height: 1.25;
}

.knowledge-pocket__icon {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 999px;
  background: var(--surface-blue);
  position: relative;
  flex: 0 0 auto;
}

.knowledge-pocket__icon::before,
.knowledge-pocket__icon::after {
  content: "";
  position: absolute;
  background: var(--pr-blue-900);
  border-radius: 999px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.knowledge-pocket__icon::before {
  width: .72rem;
  height: 2px;
}

.knowledge-pocket__icon::after {
  width: 2px;
  height: .72rem;
  transition: opacity .16s ease;
}

.knowledge-pocket[open] .knowledge-pocket__icon::after {
  opacity: 0;
}

.knowledge-pocket__content {
  margin: 0 1rem 1rem 4rem;
  padding: .92rem 1rem 1rem;
  border-radius: 16px;
  background: #f7f9ff;
  border: 1px solid rgba(48, 64, 120, .10);
}

.knowledge-pocket__content p {
  margin: 0;
  color: var(--ink);
  line-height: 1.62;
  max-width: 82ch;
}

.knowledge-pocket__link {
  display: inline-flex;
  margin-top: .72rem;
  font-weight: 900;
}

@media (max-width: 760px) {
  .knowledge-pocket summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 56px;
    padding: .82rem .82rem;
    gap: .58rem;
  }

  .knowledge-pocket__index {
    width: 1.9rem;
    height: 1.9rem;
    font-size: .78rem;
  }

  .knowledge-pocket__content {
    margin: 0 .82rem .82rem;
    padding: .86rem;
  }
}