.pp-stupinigi-page {
  --stupinigi-paper: #fbf8ff;
  --stupinigi-cream: #f4f1de;
  --stupinigi-ink: #161a32;
  --stupinigi-slate: #3d405b;
  --stupinigi-muted: #55423e;
  --stupinigi-accent: #9a442d;
  --stupinigi-sage: #45645e;
  --stupinigi-gold: #c9a45c;
  --stupinigi-line: rgba(61, 64, 91, .14);
  color: var(--stupinigi-ink);
  background: var(--stupinigi-paper);
}
.pp-stupinigi-shell a { color: var(--stupinigi-accent); text-decoration: underline; text-decoration-thickness: .065em; text-underline-offset: .2em; }
.pp-stupinigi-shell a:hover { color: var(--stupinigi-sage); }
.pp-stupinigi-shell :is(a, summary):focus-visible { outline: 3px solid var(--stupinigi-accent); outline-offset: 5px; border-radius: 2px; }
.pp-stupinigi-shell :is(section, h3, li[id]) { scroll-margin-top: 7.5rem; }
.pp-stupinigi-shell :is(h1, h2, h3, h4) { color: var(--stupinigi-ink); text-wrap: balance; }
.pp-stupinigi-shell :is(p, a, th, td, figcaption) { overflow-wrap: break-word; }
.pp-stupinigi-shell > :is(header, section) > .container { max-width: 1180px; }
.pp-stupinigi-hero {
  padding: 1.8rem 0 3.5rem;
  border-bottom: 1px solid var(--stupinigi-line);
  background:
    radial-gradient(720px 360px at 8% 0%, rgba(224, 122, 95, .14), transparent 64%),
    radial-gradient(620px 340px at 88% 18%, rgba(132, 165, 157, .16), transparent 66%),
    linear-gradient(180deg, #f4f1de, #fbf8ff);
}
.pp-stupinigi-breadcrumb { margin-bottom: 3rem; }
.pp-stupinigi-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .5rem .7rem; margin: 0; padding: 0; list-style: none; color: var(--stupinigi-muted); font-size: .8rem; }
.pp-stupinigi-breadcrumb li + li::before { content: "/"; margin-right: .7rem; color: var(--stupinigi-slate); }
.pp-stupinigi-breadcrumb a { color: var(--stupinigi-slate); }
.pp-stupinigi-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(2rem, 4.3vw, 4rem); align-items: center; }
.pp-stupinigi-hero-copy { grid-column: 2; grid-row: 1; min-width: 0; margin: 0; }
.pp-stupinigi-kicker, .pp-stupinigi-label, .pp-stupinigi-section-number { color: var(--stupinigi-accent); font-size: .72rem; font-weight: 700; letter-spacing: .09em; line-height: 1.7; text-transform: uppercase; }
.pp-stupinigi-kicker { margin: 0 0 1.2rem; }
.pp-stupinigi-kicker span { color: var(--stupinigi-sage); }
.pp-stupinigi-hero h1 { max-width: 24ch; margin: 0 0 1.5rem; font-size: clamp(2.4rem, 4.4vw, 4rem); font-weight: 700; line-height: 1.1; letter-spacing: -.045em; }
.pp-stupinigi-deck { margin: 0; max-width: 75ch; color: var(--stupinigi-muted); font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.8; }
.pp-stupinigi-meta { margin: 1.7rem 0 0; padding-top: 1rem; border-top: 1px solid var(--stupinigi-line); color: var(--stupinigi-muted); font-size: .8rem; line-height: 1.8; }
.pp-stupinigi-meta p { margin: 0 0 .25rem; }
.pp-stupinigi-meta p + p { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.pp-stupinigi-hero-figure, .pp-stupinigi-figure { margin: 0; padding: .65rem; border: 1px solid var(--stupinigi-line); border-radius: .35rem; background: #fff; }
.pp-stupinigi-hero-figure { grid-column: 1; grid-row: 1; width: 100%; max-width: 540px; justify-self: center; box-shadow: 0 14px 35px rgba(61, 64, 91, .06); }
.pp-stupinigi-shell figure img { display: block; width: 100%; height: auto; border-radius: .15rem; }
.pp-stupinigi-shell figcaption { padding: 1rem .5rem .35rem; color: var(--stupinigi-muted); font-size: .83rem; line-height: 1.8; }
.pp-stupinigi-shell figcaption > .pp-stupinigi-label { display: block; margin-bottom: .45rem; }
.pp-stupinigi-credit { display: block; margin-top: .55rem; color: var(--stupinigi-slate); font-size: .78rem; line-height: 1.8; }
.pp-stupinigi-credit a { color: var(--stupinigi-sage); }
.pp-stupinigi-shell .pp-stupinigi-layout { display: grid; grid-template-columns: minmax(0, 1fr) 235px; gap: clamp(2.5rem, 5vw, 5rem); align-items: start; max-width: 1180px; padding-top: 2.5rem; padding-bottom: 5rem; }
.pp-stupinigi-sidebar { grid-column: 2; grid-row: 1; position: sticky; top: 7rem; max-height: calc(100vh - 8rem); overflow-y: auto; padding-left: 1.4rem; border-left: 1px solid var(--stupinigi-line); }
.pp-stupinigi-sidebar ol { margin: 0; padding: 0; list-style: none; }
.pp-stupinigi-sidebar .pp-stupinigi-label { margin: 0 0 .8rem; color: var(--stupinigi-sage); }
.pp-stupinigi-sidebar a { display: block; padding: .45rem 0; color: var(--stupinigi-slate); font-size: .8rem; line-height: 1.55; text-decoration-color: var(--stupinigi-line); }
.pp-stupinigi-sidebar a:hover { color: var(--stupinigi-accent); text-decoration-color: currentColor; }
.pp-stupinigi-toc-mobile { display: none; }
.pp-stupinigi-article { grid-column: 1; grid-row: 1; min-width: 0; width: 100%; max-width: 74ch; color: var(--stupinigi-muted); font-size: 1.0625rem; line-height: 1.9; }
.pp-stupinigi-article p { margin: 0 0 1.4rem; }
.pp-stupinigi-section { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--stupinigi-line); }
.pp-stupinigi-section + .pp-stupinigi-section { margin-top: 3.8rem; }
.pp-stupinigi-section-number { display: block; margin-bottom: .7rem; color: var(--stupinigi-sage); }
.pp-stupinigi-article h2 { margin: 0 0 1.6rem; font-size: clamp(1.7rem, 2.5vw, 2.25rem); line-height: 1.25; letter-spacing: -.025em; }
.pp-stupinigi-article h3 { margin: 2.4rem 0 1.2rem; font-size: 1.3rem; line-height: 1.45; }
.pp-stupinigi-section > .pp-stupinigi-figure { margin: 2rem 0; }
.pp-stupinigi-table { width: 100%; margin: 1.5rem 0; border-collapse: collapse; font-size: .9rem; line-height: 1.8; }
.pp-stupinigi-table :is(th, td) { padding: 1rem; border-bottom: 1px solid var(--stupinigi-line); vertical-align: top; }
.pp-stupinigi-table thead { color: var(--stupinigi-ink); background: var(--stupinigi-cream); }
.pp-stupinigi-table tbody { background: #fff; }
.pp-stupinigi-table th[scope="row"] { width: 32%; color: var(--stupinigi-ink); font-weight: 600; }
.pp-stupinigi-article #confianca { padding: 2rem; border-left: 3px solid var(--stupinigi-gold); background: linear-gradient(135deg, var(--stupinigi-cream), #f8f5ef); }
.pp-stupinigi-sources { margin-top: 4rem; padding: 2rem; border: 1px solid var(--stupinigi-line); border-radius: .35rem; background: linear-gradient(145deg, #f4f1de, #f1f6f4); }
.pp-stupinigi-sources > h2 { margin: .7rem 0 1.6rem; font-size: 1.8rem; }
.pp-stupinigi-sources > p { font-size: .92rem; }
.pp-stupinigi-source-group { margin-top: 2.2rem; }
.pp-stupinigi-source-group > h3 { font-size: 1.1rem; line-height: 1.5; }
.pp-stupinigi-source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.pp-stupinigi-source-group:first-of-type .pp-stupinigi-source-grid { grid-template-columns: 1fr; }
.pp-stupinigi-source-card { min-width: 0; padding: 1.2rem; border: 1px solid var(--stupinigi-line); border-radius: .25rem; background: #fff; }
.pp-stupinigi-source-card h4 { margin: 0 0 .8rem; font-size: 1rem; line-height: 1.5; }
.pp-stupinigi-source-card p { margin: 0; font-size: .85rem; line-height: 1.85; }
.pp-stupinigi-next { padding: 4.5rem 0; border-top: 1px solid var(--stupinigi-line); color: var(--stupinigi-muted); background: linear-gradient(180deg, var(--stupinigi-cream), var(--stupinigi-paper)); }
.pp-stupinigi-next h2 { margin: 1rem 0 2rem; font-size: clamp(2rem, 3.4vw, 3rem); letter-spacing: -.035em; }
.pp-stupinigi-next-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3rem; }
.pp-stupinigi-next-grid article { min-width: 0; overflow: hidden; border: 1px solid var(--stupinigi-line); border-radius: .35rem; background: #fff; }
.pp-stupinigi-next-grid article > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: center 35%; }
.pp-stupinigi-next-copy { padding: 1.6rem; }
.pp-stupinigi-next-grid h3 { margin: 1rem 0 .9rem; font-size: 1.3rem; line-height: 1.4; }
.pp-stupinigi-next-grid h3 a { color: var(--stupinigi-ink); }
.pp-stupinigi-next-grid p { margin: 0; font-size: .9rem; line-height: 1.8; }
.pp-stupinigi-collections { display: flex; flex-wrap: wrap; gap: .7rem 1.3rem; margin-top: 2.5rem; font-size: .85rem; }
.pp-stupinigi-collections > span { color: var(--stupinigi-slate); }
@media (max-width: 991.98px) {
  .pp-stupinigi-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .pp-stupinigi-hero-copy { grid-column: 1; grid-row: 1; max-width: 740px; }
  .pp-stupinigi-hero-figure { grid-column: 1; grid-row: 2; }
  .pp-stupinigi-hero h1 { font-size: clamp(2.6rem, 5.8vw, 3.8rem); }
  .pp-stupinigi-shell .pp-stupinigi-layout { display: flex; flex-direction: column; gap: 1rem; padding-top: 2rem; }
  .pp-stupinigi-sidebar { position: static; width: 100%; max-height: none; overflow: visible; padding: 0; border: 0; }
  .pp-stupinigi-toc-desktop { display: none; }
  .pp-stupinigi-toc-mobile { display: block; padding: 1rem 1.2rem; border: 1px solid var(--stupinigi-line); border-radius: .3rem; background: #fff; }
  .pp-stupinigi-toc-mobile summary { color: var(--stupinigi-sage); font-weight: 600; font-size: .88rem; cursor: pointer; }
  .pp-stupinigi-toc-mobile[open] nav { margin-top: 1rem; }
  .pp-stupinigi-article { align-self: center; }
  .pp-stupinigi-next-grid { gap: 1rem; }
  .pp-stupinigi-next-copy { padding: 1.2rem; }
}
@media (max-width: 575.98px) {
  .pp-stupinigi-shell > :is(header, section) > .container, .pp-stupinigi-shell .pp-stupinigi-layout { padding-left: 1.25rem; padding-right: 1.25rem; }
  .pp-stupinigi-hero { padding-top: 1.3rem; padding-bottom: 2.4rem; }
  .pp-stupinigi-breadcrumb { margin-bottom: 2rem; }
  .pp-stupinigi-breadcrumb ol { font-size: .75rem; }
  .pp-stupinigi-kicker { font-size: .68rem; }
  .pp-stupinigi-kicker span { display: block; margin-top: .3rem; }
  .pp-stupinigi-hero h1 { font-size: clamp(2.1rem, 9.2vw, 3rem); }
  .pp-stupinigi-deck { font-size: 1rem; }
  .pp-stupinigi-hero-grid { gap: 1.8rem; }
  .pp-stupinigi-hero-figure, .pp-stupinigi-figure { padding: .45rem; }
  .pp-stupinigi-shell figcaption { padding-inline: .3rem; font-size: .82rem; }
  .pp-stupinigi-article { font-size: 1rem; line-height: 1.85; }
  .pp-stupinigi-section + .pp-stupinigi-section { margin-top: 2.8rem; }
  .pp-stupinigi-section { padding-top: 1.5rem; }
  .pp-stupinigi-article h2 { font-size: 1.65rem; }
  .pp-stupinigi-article #confianca { padding: 1.3rem; }
  .pp-stupinigi-source-grid, .pp-stupinigi-next-grid { grid-template-columns: 1fr; }
  .pp-stupinigi-sources { padding: 1.2rem; }
  .pp-stupinigi-next { padding-block: 3rem; }
  .pp-stupinigi-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .pp-stupinigi-table tbody { display: block; background: transparent; }
  .pp-stupinigi-table tr { display: block; margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--stupinigi-line); border-radius: .3rem; background: #fff; }
  .pp-stupinigi-table :is(th[scope="row"], td) { display: block; width: 100%; padding: .35rem 0; border: 0; }
  .pp-stupinigi-table th[scope="row"] { margin-bottom: .3rem; font-size: 1rem; }
  .pp-stupinigi-table td::before { display: block; margin-top: .45rem; content: attr(data-label); color: var(--stupinigi-sage); font-size: .78rem; font-weight: 600; }
}