.templates-page{background:#f5f5f8;color:#20212a}
.templates-wrap{max-width:1180px;margin:0 auto;padding:24px clamp(20px,4vw,52px) 68px}
.templates-breadcrumb{display:flex;gap:10px;align-items:center;color:#757681;font-size:12px;margin:4px 0 28px}
.templates-breadcrumb a{color:inherit;text-decoration:none}.templates-breadcrumb a:hover{text-decoration:underline}
.templates-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:36px;align-items:center;background:#fff;border:1px solid #e0e0e7;border-radius:20px;padding:clamp(28px,5vw,64px);box-shadow:0 8px 28px rgba(28,30,45,.035)}
.templates-eyebrow{color:#767783;font-size:10px;font-weight:600;letter-spacing:.14em;margin:0 0 14px}.templates-eyebrow span{margin-left:8px;color:#24252e}
.templates-hero h1{font-size:clamp(38px,5.2vw,66px);line-height:1.08;letter-spacing:-.065em;font-weight:600;margin:0 0 20px}
.templates-lead{max-width:570px;color:#62636e;font-size:16px;line-height:1.85;margin:0}
.templates-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 26px}.templates-tags span{border:1px solid #e1e1e7;border-radius:999px;color:#555662;padding:6px 11px;font-size:11px}
.templates-actions{display:flex;flex-wrap:wrap;gap:10px}.templates-button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:0 18px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;transition:transform .16s ease,background .16s ease}.templates-button:hover{transform:translateY(-1px)}.templates-button-primary{background:#20212a;color:#fff}.templates-button-primary:hover{background:#363743}.templates-button-secondary{background:#f0f0f4;color:#32333c}.templates-button-secondary:hover{background:#e7e7ed}
.templates-microcopy{font-size:11px;color:#777984;margin:13px 0 0}
.templates-preview{min-height:320px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 55% 48%,#f2f2f7 0,#e7e8ef 58%,#f7f7fa 100%)}
.preview-sheet{position:absolute;width:min(68%,300px);height:250px;background:#fff;border:1px solid #dfe0e7;border-radius:7px;padding:19px;box-shadow:0 18px 45px rgba(31,32,46,.12)}.preview-sheet-back{transform:translate(-25px,12px) rotate(-8deg);background:#fdfdfd}.preview-sheet-back span{font-size:8px;letter-spacing:.15em;color:#9899a4}.preview-sheet-back i{display:block;height:1px;background:#e6e6eb;margin-top:27px}.preview-sheet-front{transform:translate(12px,-4px) rotate(3deg);display:flex;flex-direction:column;justify-content:space-between}.preview-top{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #252630;padding-bottom:14px}.preview-top b{font-size:15px;letter-spacing:-.04em}.preview-top small{font-size:8px;letter-spacing:.13em;color:#777985}.preview-rows{display:grid;gap:8px}.preview-rows span{display:block;padding:6px 8px;border-bottom:1px solid #ededf0;font-size:10px;color:#51525e}.preview-rows span::after{content:'';float:right;width:35%;height:7px;background:#f4f0e5;border-radius:2px}.preview-bottom{display:flex;justify-content:space-between;color:#858691;font-size:8px;letter-spacing:.1em}.templates-preview>p{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.16em;color:#787984;margin:0}
.templates-included{padding:72px 0 0}.templates-section-heading{margin-bottom:22px}.templates-section-heading h2,.templates-howto h2,.templates-custom h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.05em;font-weight:600;margin:0 0 10px}.templates-section-heading>p:last-child{font-size:13px;color:#71727d;margin:0}
.templates-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d9dae2}.templates-list article{min-height:105px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:19px 12px;border-bottom:1px solid #d9dae2}.templates-list article:nth-child(odd){padding-right:26px}.templates-list article:nth-child(even){padding-left:26px;border-left:1px solid #d9dae2}.templates-list article>span{color:#999aa4;font-size:11px;letter-spacing:.08em}.templates-list h3{font-size:16px;font-weight:600;margin:0 0 5px}.templates-list p{color:#70717c;font-size:12px;line-height:1.65;margin:0}.templates-list article>b{font-size:10px;font-weight:500;color:#6b6c77;border:1px solid #dedfe6;border-radius:999px;padding:5px 8px;white-space:nowrap}
.templates-howto{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:72px 0 65px}.templates-howto ol{list-style:none;padding:0;margin:0;border-top:1px solid #d9dae2}.templates-howto li{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #d9dae2}.templates-howto li>span{font-size:11px;color:#888994;letter-spacing:.08em}.templates-howto li b{font-size:13px}.templates-howto li p{font-size:12px;color:#70717c;margin:4px 0 0}
.templates-custom{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px 30px;background:#22232b;color:#fff;border-radius:14px}.templates-custom .templates-eyebrow{color:#c0c1cb}.templates-custom h2{font-size:23px;margin-bottom:8px}.templates-custom p:not(.templates-eyebrow){max-width:660px;color:#c5c6ce;font-size:12px;line-height:1.75;margin:0}.templates-custom>a{flex:none;display:inline-flex;align-items:center;gap:18px;padding:12px 15px;border:1px solid #656671;border-radius:7px;color:#fff;font-size:12px;text-decoration:none}.templates-custom>a:hover{background:#383943}
.templates-custom-secondary{margin-top:12px;background:#fff;border:1px solid #dedfe6;color:#252630}.templates-custom-secondary .templates-eyebrow{color:#777984}.templates-custom-secondary p:not(.templates-eyebrow){color:#6b6c77}.templates-custom-secondary>a{border-color:#d9dae2;color:#30313a}.templates-custom-secondary>a:hover{background:#f3f3f7}
.templates-notice{max-width:860px;margin:22px auto 0;color:#777984;font-size:11px;line-height:1.8}.templates-footer{margin-top:0}
.office-template-callout{max-width:1200px;margin:28px auto;padding:22px 26px;border:1px solid #d5d5df;border-radius:14px;background:#f8f8fc;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#24252e}.office-template-callout>div{min-width:0}.office-template-eyebrow{display:block;color:#767783;font-size:10px;letter-spacing:.12em;margin-bottom:5px}.office-template-title{color:inherit;font-size:16px;font-weight:600;text-underline-offset:4px}.office-template-callout p{color:#737480;font-size:12px;margin:6px 0 0}.office-template-custom{display:inline-block;color:#696a76;font-size:11px;margin-top:8px;text-underline-offset:3px}.office-template-action{flex:none;display:inline-flex;align-items:center;gap:15px;padding:11px 16px;border-radius:7px;background:#22232b;color:#fff;text-decoration:none;font-size:12px}.office-template-action:hover{background:#393a44}
@media(max-width:760px){.templates-wrap{padding-top:18px}.templates-hero{grid-template-columns:1fr;gap:26px;padding:28px}.templates-preview{min-height:270px;grid-row:1}.templates-hero-copy{grid-row:2}.templates-included{padding-top:54px}.templates-howto{grid-template-columns:1fr;gap:20px;padding:54px 0}.templates-custom{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.templates-list{grid-template-columns:1fr}.templates-list article:nth-child(odd),.templates-list article:nth-child(even){padding:16px 5px;border-left:0}.templates-list article{grid-template-columns:32px 1fr auto;gap:10px;min-height:94px}.templates-actions{display:grid}.templates-button{width:100%}.templates-preview{min-height:245px}.preview-sheet{height:210px}.templates-custom{padding:22px}.templates-custom>a{width:100%;justify-content:space-between}}
@media(max-width:600px){.office-template-callout{margin:22px 0;padding:19px;align-items:flex-start;flex-direction:column}.office-template-action{min-height:42px}}
@media(prefers-reduced-motion:reduce){.templates-button{transition:none}}
button.templates-button{border:0;font-family:inherit;cursor:pointer}button.templates-button:disabled{opacity:.62;cursor:not-allowed;transform:none}.paddle-status{margin-top:12px}