.public-example{background:var(--brand-background);min-height:100dvh;color:var(--brand-ink)}.public-example-header{justify-content:space-between;align-items:center;gap:24px;width:min(1260px,100% - 64px);margin:0 auto;padding:26px 0;display:flex}.public-example-header nav{align-items:center;gap:28px;display:flex}.public-example-header nav a{align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.public-example-header nav a:hover{color:var(--brand-primary)}.public-example main{width:min(1180px,100% - 64px);margin:0 auto;padding:30px 0 72px}.public-example .page-title{align-items:flex-start;gap:24px}.public-example .page-title h1{font-weight:500}.public-example .excellent-proposal>header{background:var(--brand-soft)}.public-example .excellent-proposal>header h2,.public-example .example-stamp{color:var(--brand-ink)}.public-example .excellent-proposal>header p{color:var(--text-muted)}.public-example .page-tabs [data-state=active]{color:var(--brand-primary)}.public-example .page-tabs [data-state=active]:after{background:var(--brand-primary)}.public-example-skip{z-index:30;border:2px solid var(--brand-primary);background:#fff;border-radius:8px;padding:12px 18px;position:absolute;top:-80px;left:20px}.public-example-skip:focus{top:16px}@media (max-width:600px){.public-example-header{flex-wrap:wrap;gap:16px;width:calc(100% - 40px);padding:20px 0}.public-example-header .masar-brand{gap:8px}.public-example-header .masar-brand>svg{width:34px;height:30px}.public-example-header .masar-brand>span{font-size:28px}.public-example-header nav{gap:16px}.public-example main{width:calc(100% - 40px);padding:20px 0 48px}.public-example .page-title{flex-direction:column}.public-example .page-title>.primary{align-self:flex-start;margin:0}.public-example .page-tabs{gap:18px;max-width:100%}}