.ph{max-width:var(--container-content,72rem);padding:var(--space-xl) var(--space-lg) var(--space-2xl);color:var(--color-foreground);font-size:var(--text-body-md);margin:0 auto;line-height:1.55}.ph-panoramica{max-width:none;padding:0 0 var(--space-2xl);margin:0}.ph-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.ph-hero h1{font-size:var(--text-display-md);margin:0 0 var(--space-sm)}.ph-hero p{color:var(--color-muted);max-width:var(--container-copy,44rem);margin:0 auto var(--space-lg);font-size:var(--text-body-lg)}.ph-cta{font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent,#fff);text-decoration:none;display:inline-block}.ph-cta:focus-visible,.ph-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ph-hero-ctas{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.ph-cta-secondary{background:var(--color-surface);color:var(--color-foreground);border:1px solid var(--color-border-strong)}.ph-cta-secondary:hover{border-color:var(--color-accent)}.ph-section-title{font-size:var(--text-title-md);margin:var(--space-2xl) 0 var(--space-md);text-align:center}.ph-steps{gap:var(--space-md);margin:0 0 var(--space-xl);counter-reset:ph-step;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:0;list-style:none;display:grid}.ph-step{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);position:relative}.ph-step-index{width:1.75rem;height:1.75rem;margin-bottom:var(--space-xs);border-radius:var(--radius-full,999px);background:var(--color-accent);color:var(--color-on-accent,#fff);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:inline-flex}.ph-step h3{margin:0 0 var(--space-2xs);font-size:var(--text-title-sm)}.ph-step p{color:var(--color-muted);font-size:var(--text-body-sm);margin:0}.ph-personas{gap:var(--space-md);margin:0 0 var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.ph-persona{padding:var(--space-lg);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.ph-persona h3{margin:0 0 var(--space-2xs);font-size:var(--text-title-sm)}.ph-persona p{color:var(--color-muted);font-size:var(--text-body-sm);margin:0}.ph-cards{gap:var(--space-md);margin:var(--space-lg) 0 var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:0;list-style:none;display:grid}.ph-card{padding:var(--space-lg);border:1px solid var(--color-border);border-top:3px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;display:block}.ph-card:hover{border-color:var(--color-accent);background:var(--color-surface-muted)}.ph-card h3{margin:0 0 var(--space-2xs);font-size:var(--text-title-sm)}.ph-card p{color:var(--color-muted);font-size:var(--text-body-sm);margin:0}.ph-card.blue{border-top-color:var(--color-accent,#2454a6)}.ph-card.teal{border-top-color:var(--color-accent-hover,#1d7a7a)}.ph-card.amber{border-top-color:var(--color-warning-fg,#9a5b00)}.ph-card.purple{border-top-color:var(--color-foreground)}.ph-card.green{border-top-color:var(--color-success-fg,#2e7d32)}.ph-values{gap:var(--space-lg);margin:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.ph-values h3{margin:0 0 var(--space-2xs);font-size:var(--text-title-sm)}.ph-values p{color:var(--color-muted);font-size:var(--text-body-sm);margin:0}.ph-empty{color:var(--color-muted);font-size:var(--text-body-sm);padding:var(--space-md) 0}.ph-widgets{gap:var(--space-md);margin:var(--space-lg) 0 var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.ph-widget{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.ph-widget-title{font-size:var(--text-title-sm);margin:0}.ph-widget-empty{color:var(--color-muted);font-size:var(--text-body-sm);margin:0}.ph-widget-note{color:var(--color-warning-fg,#9a5b00);font-size:var(--text-body-xs,.75rem);margin:0}.ph-widget-primary{gap:var(--space-2xs);color:inherit;flex-direction:column;text-decoration:none;display:flex}.ph-widget-primary:hover .ph-widget-value{text-decoration:underline}.ph-widget-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ph-widget-value{font-size:var(--text-display-sm,1.75rem);font-weight:var(--font-weight-medium)}.ph-widget-caption{color:var(--color-muted);font-size:var(--text-body-sm)}.ph-pill{border-radius:var(--radius-full,999px);border:1px solid var(--color-border);font-size:var(--text-body-xs,.75rem);font-weight:var(--font-weight-medium);align-self:flex-start;padding:.1rem .55rem}.ph-pill.ok{border-color:var(--color-accent);color:var(--color-accent)}.ph-pill.warn{border-color:var(--color-warning-fg,#9a5b00);color:var(--color-warning-fg,#9a5b00)}.ph-pill.done{border-color:var(--color-success-fg,#2e7d32);color:var(--color-success-fg,#2e7d32)}.ph-pill.muted{color:var(--color-muted)}.ph-deadlines{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ph-deadline{align-items:baseline;gap:var(--space-sm);padding:var(--space-2xs) 0;color:inherit;border-bottom:1px solid var(--color-border);font-size:var(--text-body-sm);grid-template-columns:3rem 1fr auto;text-decoration:none;display:grid}.ph-deadline:hover .ph-deadline-title{text-decoration:underline}.ph-deadline-date{color:var(--color-muted);font-variant-numeric:tabular-nums}.ph-tag{font-size:var(--text-body-xs,.75rem);color:var(--color-muted)}.ph-tag.holiday{color:var(--color-warning-fg,#9a5b00)}.ph-quicklinks{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ph-quicklink{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:inherit;font-size:var(--text-body-sm);text-decoration:none;display:inline-block}.ph-quicklink:hover{border-color:var(--color-accent)}.ph-quicklink:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ph-prov table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm)}.ph-prov th,.ph-prov td{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border)}.ph-prov code{font-family:var(--font-mono)}
