.tpl-page{max-width:1120px;margin-inline:auto;padding:56px 20px 80px}.tpl-hero{text-align:center;max-width:720px;margin:0 auto 48px}.tpl-hero h1{letter-spacing:-.03em;font-size:40px;font-weight:680;line-height:1.12}.tpl-hero p{color:hsl(var(--muted-foreground));text-wrap:pretty;margin-top:14px;font-size:17px;line-height:1.6}.tpl-empty{text-align:center;color:hsl(var(--muted-foreground));padding:60px 0}.tpl-empty a{color:hsl(var(--primary));font-weight:600}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.tpl-card{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:14px;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.tpl-card:hover{border-color:hsl(var(--primary) / .35);box-shadow:0 6px 24px hsl(var(--foreground) / .06)}.tpl-card-media{aspect-ratio:16/10;background:hsl(var(--muted));display:block;position:relative}.tpl-card-media img{object-fit:cover;width:100%;height:100%;display:block}.tpl-card-letter{color:hsl(var(--muted-foreground));place-items:center;font-size:34px;font-weight:680;display:grid;position:absolute;inset:0}.tpl-card-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.tpl-card-body h2{letter-spacing:-.015em;font-size:18px;font-weight:640}.tpl-card-body h2 a{color:inherit;text-decoration:none}.tpl-card-body h2 a:hover{color:hsl(var(--primary))}.tpl-card-body>p{color:hsl(var(--muted-foreground));text-wrap:pretty;font-size:14.5px;line-height:1.55}.tpl-tags{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.tpl-tags li{color:hsl(var(--muted-foreground));background:hsl(var(--muted));border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500}.tpl-card-actions{gap:8px;margin-top:auto;padding-top:6px;display:flex}.tpl-card-actions .btn{flex:1;justify-content:center}.tpl-detail{max-width:960px;margin-inline:auto;padding:48px 20px 80px}.tpl-back{color:hsl(var(--muted-foreground));margin-bottom:20px;font-size:14px;text-decoration:none;display:inline-block}.tpl-back:hover{color:hsl(var(--foreground))}.tpl-detail-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.tpl-detail-head h1{letter-spacing:-.03em;font-size:36px;font-weight:680;line-height:1.15}.tpl-detail-head p{color:hsl(var(--muted-foreground));text-wrap:pretty;margin-top:10px;font-size:16.5px;line-height:1.6}.tpl-detail-cta{flex-direction:column;gap:8px;min-width:200px;margin-left:auto;display:flex}.tpl-detail-cta .btn{justify-content:center}.tpl-detail-meta{color:hsl(var(--muted-foreground));text-align:center;font-size:13px}.tpl-preview{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:14px;overflow:hidden}.tpl-preview img{width:100%;display:block}.tpl-preview-frame{background:#fff;border:0;width:100%;height:520px;display:block}.tpl-body{margin-top:36px;font-size:16px;line-height:1.7}.tpl-body h2{letter-spacing:-.02em;margin-top:32px;font-size:24px;font-weight:650}.tpl-body h3{margin-top:26px;font-size:19px;font-weight:640}.tpl-body p{color:hsl(var(--muted-foreground));text-wrap:pretty;margin-top:12px}.tpl-body ul,.tpl-body ol{color:hsl(var(--muted-foreground));margin-top:12px;padding-left:22px}.tpl-body li{margin-top:6px}.tpl-body a{color:hsl(var(--primary))}.tpl-faq{margin-top:44px}.tpl-faq h2{letter-spacing:-.02em;font-size:24px;font-weight:650}.tpl-faq dl{flex-direction:column;gap:18px;margin-top:18px;display:flex}.tpl-faq dt{font-size:16px;font-weight:620}.tpl-faq dd{color:hsl(var(--muted-foreground));text-wrap:pretty;margin-top:6px;font-size:15px;line-height:1.6}@media (max-width:720px){.tpl-hero h1{font-size:32px}.tpl-detail-head h1{font-size:28px}.tpl-detail-cta{width:100%;margin-left:0}.tpl-preview-frame{height:380px}}