.pf-page{width:100%;max-width:calc(var(--container-max) + var(--gutter) * 2);margin-inline:auto;padding:clamp(1.25rem,.75rem + 2vw,2.5rem) var(--gutter) var(--space-section)}.pf-narrow{max-width:calc(44rem + var(--gutter) * 2)}.pf-eyebrow{font-size:var(--text-label);font-weight:600;color:var(--color-accent-foreground)}.pf-title{margin-top:.5rem;font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem);line-height:1.08;letter-spacing:-.035em}.pf-lead{margin-top:.75rem;max-width:40rem;font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);color:var(--color-muted-foreground)}.pf-card{padding:clamp(1.25rem,1rem + 1.5vw,2rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.pf-muted{color:var(--color-muted-foreground)}.pf-small{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height)}.pf-areanav{position:relative;display:flex;gap:.25rem;margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem);padding:.25rem;overflow-x:auto;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);scrollbar-width:none;width:fit-content;max-width:100%}.pf-areanav a{display:inline-flex;align-items:center;gap:.375rem;min-height:var(--tap-target);padding:0 1rem;border-radius:999px;font-size:var(--text-body-sm);font-weight:600;white-space:nowrap;color:var(--color-muted-foreground);text-decoration:none}.pf-areanav a:hover{color:var(--color-foreground);background:var(--color-surface-brand)}.pf-areanav a[aria-current=page]{background:var(--color-primary);color:var(--color-primary-foreground)}.pf-form{display:grid;gap:clamp(1.25rem,1rem + 1vw,1.75rem)}.pf-field{display:grid;gap:.375rem;min-width:0}.pf-label,.pf-legend{font-size:var(--text-label);line-height:var(--text-label--line-height);font-weight:600;color:var(--color-foreground)}.pf-legend{margin-bottom:.375rem;padding:0}.pf-optional{margin-left:.25rem;font-weight:400;color:var(--color-muted-foreground)}.pf-hint{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-muted-foreground)}.pf-input,.pf-select,.pf-textarea{width:100%;min-height:3rem;padding:.75rem .875rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-foreground);font:inherit;font-size:1rem;transition:border-color var(--duration-base) var(--ease-out)}.pf-textarea{min-height:9rem;resize:vertical;line-height:1.55}.pf-select{appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23535a72' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.pf-input:hover,.pf-select:hover,.pf-textarea:hover{border-color:var(--color-foreground)}.pf-input:focus-visible,.pf-select:focus-visible,.pf-textarea:focus-visible{outline-offset:1px;border-color:var(--color-ring)}.pf-input[aria-invalid=true],.pf-textarea[aria-invalid=true]{border-color:var(--color-destructive)}.pf-error{display:flex;align-items:flex-start;gap:.375rem;font-size:var(--text-body-sm);font-weight:500;color:var(--color-destructive)}.pf-error .icon{margin-top:.15em}.pf-counter{justify-self:end;font-size:var(--text-meta);color:var(--color-subtle-foreground);font-variant-numeric:tabular-nums}.pf-fieldset{min-width:0;margin:0;padding:0;border:0}.pf-options{display:flex;flex-wrap:wrap;gap:.5rem}.pf-option{position:relative;display:inline-flex}.pf-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.pf-option span{display:inline-flex;align-items:center;gap:.375rem;min-height:var(--tap-target);padding:.5rem 1rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);font-size:var(--text-label);font-weight:500;line-height:1.25;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.pf-option span:before{content:"";width:1rem;height:1rem;flex:none;border:1.5px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface) center / .75rem no-repeat}.pf-option input[type=checkbox]+span:before{border-radius:.3rem}.pf-option input:checked+span{border-color:var(--color-green-700);background:var(--color-accent-subtle)}.pf-option input:checked+span:before{border-color:var(--color-green-800);background-color:var(--color-green-800);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.pf-option input:hover+span{border-color:var(--color-foreground)}.pf-option input:focus-visible+span{outline:2px solid var(--color-ring);outline-offset:2px}.pf-option input:disabled+span{opacity:.55}.pf-list{display:grid;gap:.375rem}.pf-list .pf-option,.pf-list .pf-option span{width:100%}.pf-list .pf-option span{border-radius:var(--radius-md);justify-content:flex-start}@media(min-width:40rem){.pf-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pf-switch{display:grid;grid-template-columns:auto 1fr;gap:.875rem;align-items:start;padding:1rem 1.125rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer}.pf-switch input{appearance:none;position:relative;width:2.75rem;height:1.625rem;margin:.125rem 0 0;border-radius:999px;background:var(--color-border-strong);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out)}.pf-switch input:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.25rem;height:1.25rem;border-radius:999px;background:#fff;transition:transform var(--duration-base) var(--ease-out)}.pf-switch input:checked{background:var(--color-green-800)}.pf-switch input:checked:after{transform:translate(1.125rem)}.pf-switch input:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.pf-alert{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:1rem 1.125rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.pf-alert>.icon{margin-top:.1em}.pf-alert--info{border-color:var(--color-petrol-100);background:var(--color-surface-info)}.pf-alert--info>.icon{color:var(--color-petrol-600)}.pf-alert--success{border-color:var(--color-green-200);background:var(--color-surface-brand)}.pf-alert--success>.icon{color:var(--color-green-800)}.pf-alert--error{border-color:color-mix(in srgb,var(--color-destructive) 35%,transparent);background:color-mix(in srgb,var(--color-destructive) 6%,white)}.pf-alert--error>.icon{color:var(--color-destructive)}.pf-alert strong{display:block;font-weight:600}.pf-alert p+p{margin-top:.25rem}.pf-badge{display:inline-flex;align-items:center;gap:.375rem;min-height:1.75rem;padding:.125rem .75rem;border-radius:999px;font-size:var(--text-meta);font-weight:600;background:var(--color-secondary);color:var(--color-foreground)}.pf-badge--draft{background:var(--color-secondary)}.pf-badge--review{background:var(--color-surface-info);color:var(--color-petrol-700)}.pf-badge--changes{background:#fff4e5;color:#7a4100}.pf-badge--live{background:var(--color-accent-subtle);color:var(--color-green-800)}.pf-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.pf-textbutton{display:inline-flex;align-items:center;gap:.375rem;min-height:var(--tap-target);padding:0;border:0;background:none;color:var(--color-foreground);font:inherit;font-size:var(--text-body-sm);font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.pf-textbutton:hover{color:var(--color-petrol-700)}@media(prefers-reduced-motion:reduce){.pf-option span,.pf-switch input,.pf-switch input:after{transition:none}}