.public-content-page{min-height:100vh;color:var(--ptp-foreground);padding:clamp(6.5rem,10vw,8.25rem) 1rem 5rem}.public-content-shell{gap:clamp(2rem,4vw,3.25rem);width:min(100% - 1rem,72rem);margin:0 auto;display:grid}.public-hero{border-bottom:1px solid var(--ptp-border);gap:1rem;max-width:54rem;padding-bottom:clamp(2rem,4vw,3rem);display:grid}.public-brand-kicker{width:fit-content;color:var(--ptp-brand-accent);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.84rem;font-weight:800;display:inline-flex}.public-brand-kicker svg{width:2rem;height:2rem}.public-hero h1{color:var(--ptp-foreground-strong);font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;line-height:.98}.public-hero p{max-width:44rem;color:var(--ptp-muted-foreground);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}.public-route-actions,.public-resource-actions{flex-wrap:wrap;gap:.75rem;display:flex}.public-updated-label{color:var(--ptp-subtle-foreground);font-size:.88rem;font-weight:700}.public-highlight-grid,.public-card-grid,.public-faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.public-highlight-card,.public-resource-card,.public-faq-card{border:1px solid var(--ptp-border-subtle);background:color-mix(in srgb, var(--ptp-panel) 86%, transparent);box-shadow:0 18px 50px color-mix(in srgb, var(--ptp-foreground) 8%, transparent);border-radius:.5rem}.public-highlight-card{align-content:center;gap:.5rem;min-height:8rem;padding:1.25rem;display:grid}.public-highlight-card span,.public-resource-card>div:first-child span,.public-resource-meta{color:var(--ptp-brand-accent);text-transform:uppercase;font-size:.82rem;font-weight:800}.public-highlight-card strong{color:var(--ptp-foreground-strong);font-size:2.4rem;line-height:1}.public-resource-card{align-content:space-between;gap:1rem;min-height:17rem;padding:1.2rem;display:grid}.public-resource-card h2,.public-faq-card h2,.public-prose h2{color:var(--ptp-foreground-strong);font-size:1.35rem;line-height:1.2}.public-resource-card p,.public-faq-card p,.public-prose p,.public-prose li{color:var(--ptp-muted-foreground);line-height:1.6}.public-resource-meta{text-transform:none;flex-wrap:wrap;gap:.5rem;display:flex}.public-resource-meta span{background:var(--ptp-brand-accent-soft);border-radius:999px;align-items:center;min-height:2rem;padding:0 .75rem;display:inline-flex}.public-resource-actions a{color:var(--ptp-brand-accent);text-underline-offset:4px;font-weight:800}.public-prose{gap:1.5rem;max-width:48rem;display:grid}.public-prose section{gap:.65rem;display:grid}.public-prose ul{gap:.55rem;margin:0;padding-left:1.25rem;display:grid}.public-faq-card{align-content:start;gap:.75rem;min-height:12rem;padding:1.2rem;display:grid}.singing-scale-preview{border:1px solid var(--ptp-border);background:var(--ptp-panel);box-shadow:0 18px 50px color-mix(in srgb, var(--ptp-foreground) 8%, transparent);border-radius:.5rem;gap:1rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.singing-scale-preview-header{border-bottom:1px solid var(--ptp-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.singing-scale-preview-header span,.singing-scale-exercise header span{color:var(--ptp-brand-accent);text-transform:uppercase;font-size:.78rem;font-weight:800}.singing-scale-preview-header h2{color:var(--ptp-foreground-strong);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.singing-scale-preview-header p,.singing-scale-exercise header p{max-width:42rem;color:var(--ptp-muted-foreground);line-height:1.5}.singing-scale-exercise-stack{gap:1rem;display:grid}.singing-scale-exercise{border:1px solid var(--ptp-border);border-radius:.5rem;gap:.75rem;padding:1rem;display:grid}.singing-scale-exercise header{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.singing-scale-exercise h3{color:var(--ptp-foreground-strong);font-size:1.15rem}.singing-scale-step-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;display:grid}.singing-scale-step-cell{border:1px solid var(--ptp-border);background:var(--ptp-panel-inset);text-align:center;border-radius:.45rem;align-content:center;gap:.12rem;min-height:5.85rem;padding:.5rem;display:grid}.singing-scale-step-cell span{color:var(--ptp-subtle-foreground);font-size:.68rem;font-weight:800}.singing-scale-step-cell strong{color:var(--ptp-foreground-strong);font-size:1.3rem;line-height:1}.singing-scale-step-cell em{color:var(--ptp-brand-accent);font-size:.84rem;font-style:normal;font-weight:800}.singing-scale-step-cell small{color:var(--ptp-muted-foreground);font-size:.72rem}.history-glyph{background:var(--ptp-brand-accent-soft);width:4rem;height:4rem;color:var(--ptp-brand-accent);border-radius:999px;place-items:center;display:inline-grid;position:relative}.history-glyph svg{width:1.5rem;height:1.5rem}.history-glyph svg:last-child{width:1.25rem;height:1.25rem;color:var(--ptp-warning);position:absolute;bottom:-.25rem;right:-.35rem}@media (width<=980px){.public-highlight-grid,.public-card-grid,.public-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.singing-scale-step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.public-content-page{padding:5.75rem .75rem 3.5rem}.public-content-shell{width:min(100%,40rem)}.public-hero h1{font-size:2.55rem;line-height:1.05}.public-route-actions a{flex:9rem}.public-highlight-grid,.public-card-grid,.public-faq-grid{grid-template-columns:1fr}.singing-scale-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}