.template-page{min-height:100vh}.template-nav{position:sticky;top:0;z-index:100;background:#f5f0e8d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:.85rem 2rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.template-nav-logo{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;font-size:1.35rem;font-weight:520;letter-spacing:-.03em;color:var(--text);text-decoration:none}.template-nav-cta{padding:.5rem 1.25rem;font-family:Karla,system-ui,sans-serif;font-size:.85rem;font-weight:600;border-radius:10px;background:var(--text);color:var(--surface);text-decoration:none;transition:all .2s ease}.template-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2a252026}.template-breadcrumbs{max-width:1200px;margin:0 auto;padding:.6rem 2rem;font-family:Karla,system-ui,sans-serif;font-size:.85rem}.template-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0}.template-breadcrumbs li:not(:last-child):after{content:"›";margin-left:.4rem;color:var(--text-muted, #888)}.template-breadcrumbs a{color:var(--accent, #2b7a78);text-decoration:none}.template-breadcrumbs a:hover{text-decoration:underline}.template-breadcrumbs span[aria-current=page]{color:var(--text-muted, #888)}.template-main{max-width:860px;margin:0 auto;padding:2rem 2rem 4rem}.template-header{margin-bottom:2.5rem;animation:fadeUp .6s ease both}.template-title{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;font-size:clamp(2rem,4vw,2.8rem);font-weight:460;letter-spacing:-.03em;color:var(--text);margin:0 0 1rem;line-height:1.15}.template-intro{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);margin:0}.template-diagram-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;animation:fadeUp .6s ease .1s both}.template-diagram-wrapper{margin-bottom:1rem}.template-editor-link{text-align:center;margin-top:1rem}.template-edit-btn{background:none;border:1px solid var(--border);border-radius:10px;padding:.5rem 1.25rem;font-family:Karla,system-ui,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.template-edit-btn:hover{border-color:var(--text-muted);color:var(--text)}.template-embed-callout{background:var(--left-light, #e8f0f4);border:1px solid var(--left, #2d6a8f);border-radius:16px;padding:2rem;margin-bottom:2.5rem;text-align:center;animation:fadeUp .6s ease .2s both}.template-embed-callout h2{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:480;letter-spacing:-.02em;color:var(--text);margin:0 0 .75rem}.template-embed-callout p{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1.25rem;max-width:600px;margin-left:auto;margin-right:auto}.template-embed-btn{display:inline-block;padding:.75rem 2rem;background:var(--text);color:var(--surface);font-family:Karla,system-ui,sans-serif;font-weight:600;font-size:.95rem;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.template-embed-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2a252026}.template-content{animation:fadeUp .6s ease .3s both}.template-section{margin-bottom:2rem}.template-section h2{font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:480;letter-spacing:-.02em;color:var(--text);margin:0 0 .75rem}.template-section p{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin:0}.template-conclusion{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem 2rem;box-shadow:var(--shadow)}.template-related{margin-top:3rem;animation:fadeUp .6s ease .4s both}.template-related h2{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:480;letter-spacing:-.02em;color:var(--text);margin:0 0 1.25rem}.template-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.template-related-card{display:block;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:12px;text-decoration:none;background:var(--surface);transition:all .2s ease}.template-related-card:hover{border-color:var(--text-muted);box-shadow:0 2px 8px #2a252014;transform:translateY(-1px)}.template-related-card h3{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:520;color:var(--text);margin:0 0 .4rem}.template-related-card p{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;animation:fadeUp .6s ease .1s both}.templates-grid-card{display:block;padding:1.5rem 1.75rem;border:1px solid var(--border);border-radius:14px;text-decoration:none;background:var(--surface);box-shadow:var(--shadow);transition:all .2s ease}.templates-grid-card:hover{border-color:var(--text-muted);box-shadow:0 4px 16px #2a25201a;transform:translateY(-2px)}.templates-grid-card h2{font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:520;color:var(--text);margin:0 0 .5rem}.templates-grid-card p{font-size:.88rem;line-height:1.5;color:var(--text-secondary);margin:0 0 .75rem}.templates-grid-link{font-family:Karla,system-ui,sans-serif;font-size:.85rem;font-weight:600;color:var(--left, #2d6a8f)}.template-footer{max-width:860px;margin:0 auto;padding:2rem;text-align:center;border-top:1px solid var(--border)}.template-footer p{font-size:.8rem;color:var(--text-muted);margin:0}.template-footer .footer-contact{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .15s ease}.template-footer .footer-contact:hover{color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.template-main{padding:1.5rem 1.25rem 3rem}.template-diagram-section{padding:1.25rem}.template-embed-callout{padding:1.5rem}.template-conclusion{padding:1.25rem 1.5rem}.template-related-grid,.templates-grid{grid-template-columns:1fr}}