.template-content { margin: 24px 0; min-width: 0; }
.template-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.template-meta div { border: 1px solid #d7dfdb; border-radius: 4px; padding: 12px; background: #f7faf8; }
.template-meta span, .template-meta b { display: block; }
.template-meta span { color: #63736b; font-size: 13px; margin-bottom: 5px; }
.template-pdf-preview { display: block; width: 100%; min-height: 620px; border: 1px solid #c3ccc7; border-radius: 4px; background: #f4f7f5; }
.template-office-preview { border: 1px solid #d7dfdb; border-radius: 4px; padding: 16px; background: #f7faf8; }
.template-office-preview p, .template-note { color: #52645b; line-height: 1.7; }
.template-office-preview ul { margin: 12px 0 0; padding-left: 20px; }
.template-office-preview li { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0; border-bottom: 1px solid #d7dfdb; }
.template-office-preview code, .template-hash dd { overflow-wrap: anywhere; }
.template-hash dd { margin-left: 0; font: 13px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }
.template-technical { margin: 18px 0; border-top: 1px solid #e4eaf3; border-bottom: 1px solid #e4eaf3; }
.template-technical summary { cursor: pointer; padding: 14px 0; color: #44536a; font-size: 14px; line-height: 1.6; }
.template-technical summary:focus-visible { outline: 2px solid #3370ff; outline-offset: 3px; }
.template-technical .template-office-preview { border: 0; border-radius: 0; padding: 0 0 16px; background: transparent; }
.resource-description p { white-space: pre-line; overflow-wrap: anywhere; }
@media (max-width: 700px) { .template-meta { grid-template-columns: 1fr; } .template-pdf-preview { min-height: 440px; } .template-office-preview li { display: block; } }