.pn-site{display:flex;flex-direction:column;min-height:var(--page-min-height)}.pn-site-main{flex:1}.pn-container{width:100%;max-width:var(--home-content-width);margin-inline:auto;padding-inline:var(--home-gutter)}.pn-home{padding-block:var(--space-6) var(--home-section-space)}.pn-home-hero{max-width:var(--home-hero-width);margin:var(--space-0) auto var(--space-8);text-align:center;display:flex;flex-direction:column;gap:var(--home-hero-gap)}.pn-home-hero h1{line-height:var(--leading-heading);letter-spacing:normal}.pn-home-hero p{max-width:var(--hero-copy-width);margin-inline:auto;font-size:var(--font-hero-copy);line-height:var(--leading-hero)}.pn-tool-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.pn-tool-filters button{border:var(--border-surface);border-radius:var(--radius-filter);min-height:var(--filter-height);padding:var(--space-2) var(--space-4);color:var(--neutral-700);background:var(--neutral-0);font-size:var(--font-small-size);font-weight:var(--weight-label);cursor:pointer}.pn-tool-filters button:hover{border-color:var(--accent-600);color:var(--accent-600)}.pn-tool-filters button[aria-pressed=true]{background:var(--accent-600);color:var(--on-accent);border-color:var(--accent-600)}.pn-tools-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-4)}.pn-tools-grid>.pn-tool-card{flex:0 1 var(--home-tool-card-basis)}.pn-tool-card .pn-panel-body,.pn-guide-card .pn-panel-body{padding:var(--space-0);height:100%}.pn-tool-link{display:grid;grid-template-columns:var(--home-card-columns);grid-template-rows:var(--home-card-rows);column-gap:var(--space-3);row-gap:var(--home-card-gap);height:100%;min-height:var(--home-card-height);padding:var(--home-card-padding);text-decoration:none;color:var(--neutral-700);border-radius:var(--radius-panel)}.pn-design .pn-tool-link h3{font-size:var(--font-card-title);font-weight:500;align-self:var(--home-card-title-align)}.pn-tool-link .pn-tool-description{grid-column:1 / -1}.pn-tool-card:has(a:hover),.pn-tool-card:has(a:focus-visible),.pn-guide-card:has(a:hover){border-color:var(--accent-200);background:var(--accent-50)}.pn-tool-card,.pn-guide-card{transition:transform var(--duration-hover) var(--ease-enter),background-color var(--duration-hover) var(--ease-toggle),border-color var(--duration-hover) var(--ease-toggle),box-shadow var(--duration-hover) var(--ease-toggle)}.pn-tool-icon{width:var(--tool-icon-size);height:var(--tool-icon-size);stroke-width:var(--icon-stroke);color:var(--accent-600);flex:none}.pn-tool-description{font-size:var(--font-card-copy);line-height:var(--leading-control);color:var(--neutral-500)}.pn-section-heading{text-align:center;margin-bottom:var(--space-8)}.pn-design .pn-section-heading h2{font-size:var(--home-section-size);margin-bottom:var(--space-3)}.pn-section-heading p{font-size:var(--font-body-size)}.pn-state-section,.pn-home-guides{padding-block:var(--home-section-space) var(--space-0);text-align:center}.pn-states-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--state-column-min)),1fr));gap:var(--space-3);text-align:left}.pn-state-link{display:flex;flex-direction:column;justify-content:center;min-height:var(--space-16);padding:var(--space-3) var(--space-4);border:var(--border-surface);border-radius:var(--radius-control);background:var(--neutral-0);text-decoration:none;color:var(--neutral-900);font-size:var(--font-small-size)}.pn-state-link:hover{border-color:var(--accent-600);color:var(--accent-600)}.pn-state-note{font-size:var(--font-card-copy);color:var(--neutral-500)}.pn-section-link{margin-top:var(--space-8)}.pn-home-guides-grid{display:grid;grid-auto-rows:1fr;grid-template-columns:var(--guide-columns);gap:var(--space-6);text-align:left}.pn-guide-link{display:flex;flex-direction:column;height:100%;padding:var(--space-6);gap:var(--space-4);border-radius:var(--radius-panel);text-decoration:none}.pn-design .pn-guide-link h3{font-size:var(--font-card-title)}.pn-guide-preview-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);font-size:var(--font-card-copy);color:var(--neutral-500)}.pn-guide-preview-meta>:first-child{color:var(--accent-600);font-weight:var(--weight-label)}.pn-tool-open{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);color:var(--accent-600);font-size:var(--font-small-size);font-weight:var(--weight-label)}.pn-tool-card,.pn-tool-link{border-radius:var(--radius-small)}.pn-state-preview{grid-auto-rows:1fr;grid-template-columns:repeat(var(--state-preview-columns),minmax(0,1fr))}.pn-state-preview .pn-state-link:nth-child(n+5):nth-child(-n+8){display:var(--state-preview-middle)}.pn-state-preview .pn-state-link:nth-child(n+9):nth-child(-n+12){display:var(--state-preview-large)}.pn-state-preview .pn-state-link:nth-child(n+13){display:var(--state-preview-wide)}.pn-state-preview .pn-state-link{overflow-wrap:anywhere}.pn-guide-action{border-radius:var(--radius-small);font-size:var(--font-small-size)}.pn-guide-card:focus-within{border-color:var(--accent-200);background:var(--accent-50)}@media(prefers-reduced-motion:no-preference){.pn-guide-icon,.pn-guide-action .pn-icon{transition:transform var(--duration-toggle) var(--ease-enter)}.pn-guide-card:is(:hover,:focus-within) .pn-guide-icon{transform:translateY(var(--hover-lift)) scale(var(--icon-hover-scale))}.pn-guide-action:is(:hover,:focus-visible) .pn-icon,.pn-guide-link:is(:hover,:focus-visible) .pn-guide-action .pn-icon{transform:translate(var(--space-1))}}[data-guide-category].pn-guide-card{position:relative}[data-guide-category].pn-guide-card h2 a:after{content:"";position:absolute;inset:var(--space-0);border-radius:var(--radius-panel)}[data-guide-category].pn-guide-card:has(a:focus-visible){outline:var(--focus-width) solid var(--accent-600);outline-offset:var(--focus-offset)}.pn-tool-card:has(a:is(:hover,:focus-visible)){border-color:var(--neutral-900);background:var(--neutral-0)}@media(prefers-reduced-motion:no-preference){.pn-tool-card{transition:transform var(--duration-hover) var(--ease-enter),border-color var(--duration-hover) var(--ease-toggle),background-color var(--duration-hover) var(--ease-toggle),box-shadow var(--duration-hover) var(--ease-toggle)}}.pn-guide-art{aspect-ratio:3 / 2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--art-padding);background:var(--art-blue);color:var(--on-dark);overflow:hidden}.pn-guide-art--coral{background:var(--art-coral);color:var(--on-light-art)}.pn-guide-art--lavender{background:var(--art-lavender);color:var(--on-light-art)}.pn-guide-art--green{background:var(--art-green);color:var(--on-light-art)}.pn-guide-art-icon{width:var(--art-icon-size);height:var(--art-icon-size);align-self:flex-end;flex-shrink:1;min-height:var(--space-0)}.pn-guide-art-label{font-size:var(--art-label-size);font-weight:var(--weight-display);line-height:var(--leading-heading);max-width:100%}.pn-guide-preview-copy{padding:var(--space-6) var(--space-8)}.pn-guide-preview-copy time{font-size:var(--editorial-date-size);color:var(--neutral-500)}.pn-guide-preview-copy :is(h2,h3){margin-bottom:var(--space-3);font-size:var(--font-card-title);font-weight:var(--weight-label);line-height:var(--editorial-card-leading)}.pn-guide-preview-copy p{font-size:var(--font-body-size);line-height:var(--editorial-card-leading);color:var(--neutral-700)}.pn-read-more{color:var(--accent-600);text-decoration:underline;white-space:nowrap}.pn-guide-link{padding:var(--space-0);gap:var(--space-0);border-radius:var(--editorial-radius);overflow:hidden}.pn-guide-preview-meta{display:none}.pn-home-guides-grid .pn-guide-card{border:none;border-radius:var(--editorial-radius);overflow:hidden;background:var(--neutral-0)}.pn-guide-card:has(a:hover),.pn-guide-card:focus-within{background:var(--neutral-0)}.pn-guide-link:is(:hover,:focus-visible) h3{color:var(--accent-600)}.pn-editorial-grid{display:grid;grid-template-columns:var(--editorial-columns);gap:var(--editorial-gap);margin-block:var(--space-12)}.pn-blog-preview{min-width:var(--space-0);border-radius:var(--editorial-radius);box-shadow:var(--editorial-shadow);overflow:hidden;background:var(--neutral-0)}.pn-blog-preview-link{display:block;height:100%;color:inherit;text-decoration:none}.pn-blog-preview-link:is(:hover,:focus-visible) h2{color:var(--accent-600)}.pn-blog-preview:focus-within{outline:var(--focus-width) solid var(--accent-600);outline-offset:var(--focus-offset)}.pn-blog-featured{grid-column:1 / -1;width:min(100%,var(--editorial-feature-width));margin:var(--space-0) auto var(--featured-bottom);box-shadow:none}.pn-blog-featured .pn-blog-preview-link{display:grid;grid-template-columns:var(--featured-columns);align-items:center;gap:var(--featured-gap)}.pn-blog-featured .pn-guide-art{border-radius:var(--editorial-radius)}.pn-blog-featured .pn-guide-preview-copy{padding:var(--space-0)}.pn-app .pn-blog-featured h2{font-size:var(--editorial-feature-size);line-height:var(--leading-display)}.pn-editorial-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-block:var(--space-2)}.pn-editorial-filters button{flex-shrink:0}