.pp-guide-hero { background:linear-gradient(90deg,#0b0c0df5,#0b0c0d66),url('../images/parcapilot-hero.webp') center 55%/cover; color:#fff; padding:70px 0; }
.pp-guide-hero h1 { font-family:var(--pp-display); font-size:clamp(42px,5.5vw,76px); line-height:1.12; letter-spacing:-.045em; margin:22px 0; }
.pp-guide-hero p:last-child { font-size:20px; }
.pp-guide-index { padding-block:60px 80px; }
.pp-guide-index-intro { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:32px; }
.pp-guide-index-intro h2 { font-size:24px; }
.pp-guide-index-intro>a { text-decoration:underline; text-underline-offset:5px; }
.pp-guide-row { display:grid; grid-template-columns:1fr 2.5fr; gap:40px; border-top:1px solid var(--pp-line); padding:36px 0; }
.pp-guide-row__meta { display:flex; flex-direction:column; gap:15px; }
.pp-guide-row time { font-size:13px; color:var(--pp-steel); }
.pp-guide-row h2 { font-size:clamp(24px,2.8vw,36px); line-height:1.2; margin:0 0 15px; max-width:900px; }
.pp-guide-row p { max-width:740px; color:#50565a; }
.pp-guide-row h2 a,.pp-guide-teaser-list a { transition:color .2s; }
.pp-guide-row h2 a:hover,.pp-guide-teaser-list a:hover { color:var(--pp-red-dark); }
.pp-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; padding:28px 0; color:#596065; }
.pp-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.pp-guide-title { max-width:1000px; padding:30px 0 38px; }
.pp-guide-title h1 { font-family:var(--pp-display); font-size:clamp(34px,4.3vw,58px); line-height:1.15; letter-spacing:-.035em; margin:20px 0; }
.pp-guide-lead { font-size:21px; max-width:820px; color:#50565a; }
.pp-guide-byline { font-size:13px; color:#596065; }
.pp-guide-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(240px,1fr); gap:clamp(32px,6vw,100px); align-items:start; border-top:1px solid var(--pp-line); padding-top:36px; }
.pp-guide-body { font-size:18px; line-height:1.8; overflow-wrap:anywhere; }
.pp-guide-body h2 { font-size:28px; line-height:1.25; margin:42px 0 18px; scroll-margin-top:110px; }
.pp-guide-body h2:first-child { margin-top:0; }
.pp-guide-body h3 { font-size:21px; line-height:1.4; margin-top:28px; }
.pp-guide-body a { color:var(--pp-red-dark); text-decoration:underline; text-underline-offset:4px; }
.pp-guide-body ul,.pp-guide-body ol { padding-left:24px; }
.pp-guide-body li { margin:10px 0; }
.pp-guide-body blockquote { margin:25px 0; border-left:3px solid var(--pp-red); padding:10px 24px; background:var(--pp-mist); }
.pp-guide-body .pp-guide-sources { font-size:14px; border-top:1px solid var(--pp-line); padding-top:24px; margin-top:40px; }
.pp-guide-aside { position:sticky; top:110px; background:var(--pp-mist); padding:28px; }
.pp-guide-aside h2 { font-size:28px; line-height:1.2; }
.pp-guide-aside .pp-button { white-space:normal; }
.pp-guide-disclosure { font-size:12px; color:#596065; margin:26px 0; }
.pp-guide-teaser-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.pp-guide-teaser-list article { border-top:2px solid var(--pp-ink); }
.pp-guide-teaser-list h3 { font-size:23px; line-height:1.3; }
.pp-guide-teaser-list p { color:#596065; }
@media(min-width:1101px) and (max-width:1350px) { .pp-header__inner { gap:24px; } .pp-nav__list,.pp-nav ul { gap:16px; } .pp-nav a { white-space:nowrap; } }
@media(max-width:850px) { .pp-guide-layout { grid-template-columns:1fr; } .pp-guide-aside { position:static; } .pp-guide-row { grid-template-columns:1fr; gap:16px; } .pp-guide-row__meta { flex-direction:row; flex-wrap:wrap; align-items:center; } .pp-guide-teaser-list { grid-template-columns:1fr; gap:20px; } .pp-guide-index-intro { flex-direction:column; align-items:flex-start; gap:0; } .pp-guide-hero { padding:45px 0; } .pp-guide-body { font-size:17px; } }
@media(prefers-reduced-motion:reduce) { .pp-guide-row h2 a,.pp-guide-teaser-list a { transition:none; } }
