.template-page{padding-top:2.5rem}.template-layout{max-width:820px}.template-hero{max-width:760px}.template-hero h1{letter-spacing:-.045em;margin-top:1rem;font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.08}.template-intro{color:var(--ym-secondary);margin-top:1.1rem;font-size:1.1875rem;line-height:1.6}.template-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.template-section{margin-top:3.5rem}.template-section>h2{letter-spacing:-.035em;font-size:clamp(1.4rem,2.6vw,1.75rem)}.template-section>p{color:var(--ym-secondary);margin-top:.6rem}.template-sections{counter-reset:section;border-top:1px solid var(--ym-border);margin-top:1.25rem;list-style:none}.template-sections li{counter-increment:section;border-bottom:1px solid var(--ym-border);grid-template-columns:2.5rem 1fr;grid-template-areas:"num title""num text";column-gap:.75rem;padding:1.1rem 0;display:grid}.template-sections li:before{content:counter(section, decimal-leading-zero);font-family:var(--font-mono);color:var(--ym-tertiary);grid-area:num;padding-top:.2rem;font-size:.8125rem}.template-sections h3{grid-area:title;font-size:1.0625rem}.template-sections p{color:var(--ym-secondary);grid-area:text;margin-top:.3rem;font-size:.9375rem;line-height:1.6}.template-features,.template-steps{gap:.6rem;margin-top:1.1rem;padding-left:1.3rem;line-height:1.6;display:grid}.template-features li::marker{color:var(--ym-tertiary)}.template-steps li::marker{color:var(--ym-tertiary)}.template-steps a{text-underline-offset:3px;text-decoration:underline}.prompt-box{border:1px solid var(--ym-border);border-radius:var(--radius-card);background:var(--ym-surface);margin-top:1.1rem;padding:1.25rem 1.25rem 1rem}.prompt-text{font-family:var(--font-mono);white-space:pre-wrap;font-size:.8125rem;line-height:1.7}.prompt-copy{margin-top:1rem}.template-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.25rem;display:grid}.template-tips h3{font-size:1rem}.template-tips p{color:var(--ym-secondary);margin-top:.4rem;font-size:.9375rem;line-height:1.6}.template-faq{border-top:1px solid var(--ym-border);margin-top:1rem}.template-faq>div{border-bottom:1px solid var(--ym-border);padding:1.1rem 0}.template-faq dt{font-weight:600}.template-faq dd{color:var(--ym-secondary);margin-top:.4rem;line-height:1.6}.template-example-link{gap:.75rem;margin-top:1rem;font-weight:500;display:grid}.template-example-link img{border-radius:var(--radius-card);border:1px solid var(--ym-border)}.template-example-link:hover span{text-underline-offset:3px;text-decoration:underline}.template-cta{border-radius:var(--radius-card);background:var(--ym-surface);border:1px solid var(--ym-border);padding:clamp(1.75rem,5vw,2.75rem)}.template-cta .btn{margin-top:1.25rem}.template-related ul{border-top:1px solid var(--ym-border);margin-top:1rem;list-style:none}.template-related li a{border-bottom:1px solid var(--ym-border);padding:.85rem 0;font-weight:500;display:block}.template-related li a:hover{color:var(--ym-blue-text)}.template-related p a{text-underline-offset:3px;text-decoration:underline}.template-index{border-top:1px solid var(--ym-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin-top:3rem;list-style:none;display:grid}.template-index a{border-bottom:1px solid var(--ym-border);height:100%;padding:1.5rem 0;display:block}.template-index h2{letter-spacing:-.025em;margin-top:.5rem;font-size:1.25rem}.template-index p{color:var(--ym-secondary);margin-top:.4rem;font-size:.9375rem;line-height:1.6}.template-index a:hover h2{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--foreground) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--foreground) 30%, transparent)}@media (max-width:760px){.template-tips,.template-index{grid-template-columns:minmax(0,1fr)}}