.pp-vale-turim-page {
  --vale-paper: #fbf8ff;
  --vale-cream: #f4f1de;
  --vale-ink: #161a32;
  --vale-slate: #3d405b;
  --vale-muted: #55423e;
  --vale-accent: #9a442d;
  --vale-sage: #45645e;
  --vale-line: rgba(61, 64, 91, .14);
  color: var(--vale-ink);
  background: var(--vale-paper);
}
.pp-vale-shell { background: var(--vale-paper); }
.pp-vale-shell a {
  color: var(--vale-accent);
  text-decoration: underline;
  text-underline-offset: .2em;
  text-decoration-thickness: 1px;
}
.pp-vale-shell a:hover { color: var(--vale-sage); }
.pp-vale-shell :focus-visible { outline: 3px solid var(--vale-accent); outline-offset: 4px; }
.pp-vale-shell [id] { scroll-margin-top: 7rem; }
.pp-vale-hero {
  padding: 1.75rem 0 4rem;
  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, var(--vale-cream), var(--vale-paper));
  border-bottom: 1px solid var(--vale-line);
}
.pp-vale-breadcrumb { margin-bottom: 2.5rem; font-size: .875rem; }
.pp-vale-breadcrumb .breadcrumb-item,
.pp-vale-breadcrumb .breadcrumb-item.active,
.pp-vale-breadcrumb .breadcrumb-item::before { color: var(--vale-slate); }
.pp-vale-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.pp-vale-kicker { display: block; color: var(--vale-accent); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.pp-vale-hero h1 { margin: 1rem 0 1.3rem; color: var(--vale-ink); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.3rem, 3.5vw, 3.4rem); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; text-wrap: balance; }
.pp-vale-deck { color: var(--vale-muted); font-size: 1.13rem; line-height: 1.75; margin: 0; }
.pp-vale-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin-top: 1.5rem; font-size: .82rem; color: var(--vale-slate); }
.pp-vale-hero-figure { padding: .6rem; margin: 0; background: #fff; border: 1px solid var(--vale-line); border-radius: .4rem; box-shadow: 0 12px 30px rgba(61,64,91,.06); }
.pp-vale-hero-figure img { display: block; width: 100%; height: auto; border-radius: .15rem; }
.pp-vale-shell figcaption { padding: .85rem .5rem .3rem; color: var(--vale-muted); font-size: .82rem; line-height: 1.6; }
.pp-vale-main { padding: 3.5rem 0 4rem; }
.pp-vale-layout { display: grid; grid-template-columns: minmax(0, 800px) minmax(0, 300px); justify-content: space-between; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.pp-vale-article { min-width: 0; color: var(--vale-muted); }
.pp-vale-article > section + section { margin-top: 3rem; }
.pp-vale-article h2 { margin: 0 0 1.25rem; font-size: clamp(1.6rem, 2.1vw, 2rem); line-height: 1.3; color: var(--vale-ink); text-wrap: balance; }
.pp-vale-article h3 { margin: 1.8rem 0 .8rem; font-size: 1.2rem; line-height: 1.4; color: var(--vale-slate); }
.pp-vale-article p, .pp-vale-article li { font-size: 1.04rem; line-height: 1.85; }
.pp-vale-article p { margin: 0 0 1.2rem; }
.pp-vale-article li + li { margin-top: .75rem; }
.pp-vale-article strong { color: var(--vale-ink); }
.pp-vale-article .pp-vale-lead { font-size: 1.18rem; line-height: 1.8; }
.pp-vale-note { margin: 1.6rem 0; padding: 1.35rem 1.5rem; border-left: 4px solid var(--vale-accent); background: var(--vale-cream); border-radius: .2rem; }
.pp-vale-note p:last-child { margin-bottom: 0; }
.pp-vale-sidebar { position: sticky; top: 6.5rem; padding: 1.5rem; background: #fff; border: 1px solid var(--vale-line); border-radius: .3rem; }
.pp-vale-sidebar h2 { font-size: 1rem; margin: 0 0 1rem; color: var(--vale-ink); }
.pp-vale-sidebar nav { display: grid; gap: .8rem; }
.pp-vale-sidebar a { font-size: .9rem; line-height: 1.6; }
.pp-vale-sidebar p { margin: 1.4rem 0 0; padding-top: 1.1rem; border-top: 1px solid var(--vale-line); color: var(--vale-muted); font-size: .85rem; line-height: 1.7; }
.pp-vale-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 2rem 0; }
.pp-vale-photo-grid figure { padding: .5rem; margin: 0; background: #fff; border: 1px solid var(--vale-line); }
.pp-vale-photo-grid img { display: block; width: 100%; height: auto; }
.pp-vale-profiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.pp-vale-profile { padding: 1.2rem; background: #fff; border: 1px solid var(--vale-line); border-radius: .3rem; }
.pp-vale-profile h3 { margin: 0 0 .6rem; font-size: 1.1rem; }
.pp-vale-profile p { margin: 0; font-size: .96rem; line-height: 1.8; }
.pp-vale-profile:last-child { grid-column: 1 / -1; background: #f1f6f4; }
.pp-vale-faq details { padding: 1.1rem 0; border-bottom: 1px solid var(--vale-line); }
.pp-vale-faq summary { cursor: pointer; color: var(--vale-ink); font-weight: 700; line-height: 1.6; }
.pp-vale-faq details p { margin: 1rem 0 0; }
.pp-vale-sources { padding: 1.6rem; background: #f8f5ef; border: 1px solid var(--vale-line); border-radius: .3rem; }
.pp-vale-sources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.pp-vale-source { padding: 1rem; background: #fff; border: 1px solid var(--vale-line); }
.pp-vale-source h3 { margin: 0 0 .5rem; font-size: .97rem; }
.pp-vale-source p { margin: 0; font-size: .86rem; line-height: 1.7; }
.pp-vale-credits { margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid var(--vale-line); }
.pp-vale-credits p { font-size: .87rem; line-height: 1.7; }
.pp-vale-cta { padding: 1.75rem; background: var(--vale-cream); border-left: 4px solid var(--vale-accent); border-radius: .3rem; }
.pp-vale-cta h2 { font-size: 1.6rem; }
.pp-vale-cta p:last-child { margin: 0; }
.pp-vale-next { padding: 3rem 0 4rem; background: var(--vale-cream); border-top: 1px solid var(--vale-line); }
.pp-vale-next h2 { margin: .8rem 0 1.6rem; color: var(--vale-ink); font-size: 1.8rem; }
.pp-vale-next-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.pp-vale-next-card { display: block; padding: 1.4rem; border: 1px solid var(--vale-line); background: #fff; border-radius: .3rem; }
.pp-vale-next-card span { display: block; margin-bottom: .6rem; color: var(--vale-sage); font-size: .78rem; font-weight: 700; }
.pp-vale-next-card strong { color: var(--vale-ink); font-size: 1.08rem; line-height: 1.5; }
@media (max-width: 991.98px) {
  .pp-vale-hero-grid, .pp-vale-layout { grid-template-columns: minmax(0, 1fr); }
  .pp-vale-hero h1 { max-width: 24ch; }
  .pp-vale-hero-figure { width: 100%; max-width: 680px; }
  .pp-vale-sidebar { position: static; grid-row: 1; }
  .pp-vale-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1.5rem; }
  .pp-vale-next-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
  .pp-vale-hero { padding: 1.3rem 0 2.5rem; }
  .pp-vale-breadcrumb { margin-bottom: 1.8rem; }
  .pp-vale-hero h1 { font-size: 2.15rem; }
  .pp-vale-deck { font-size: 1.05rem; }
  .pp-vale-main { padding: 2rem 0 3rem; }
  .pp-vale-layout { gap: 2rem; }
  .pp-vale-sidebar { padding: 1.1rem; }
  .pp-vale-sidebar nav, .pp-vale-profiles, .pp-vale-sources-grid { grid-template-columns: minmax(0, 1fr); }
  .pp-vale-sources, .pp-vale-cta, .pp-vale-note { padding: 1.2rem; }
  .pp-vale-photo-grid { gap: .65rem; }
  .pp-vale-shell figcaption { padding: .6rem .1rem .2rem; font-size: .78rem; }
}
