/* Static Markdown reader. Scoped so legacy and verified content remain unchanged. */
.template-library{min-width:0;color:var(--text);font-size:14px}
.template-library .template-library-notice{margin:0 0 24px;padding:12px 16px;border-left:3px solid var(--warning);background:var(--warning-soft);color:var(--warning);border-radius:0}
.template-library .template-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;align-items:start}
.template-library .template-body,.template-library .template-article,.template-library .template-markdown{min-width:0;max-width:100%}
.template-library .template-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--secondary);font-size:12px;margin-bottom:16px}
.template-library .template-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.template-library .template-capability-note{font-size:12px;color:var(--secondary);margin:0 0 24px}
.template-library .template-markdown{line-height:1.8;overflow-wrap:anywhere}
.template-library .template-markdown h1{font-size:26px;line-height:1.4;letter-spacing:-.3px;margin:0 0 24px;font-weight:650}
.template-library .template-markdown h2{font-size:20px;line-height:1.45;border-top:1px solid var(--border);padding-top:24px;margin:40px 0 16px}
.template-library .template-markdown h3{font-size:16px;margin:24px 0 12px}
.template-library .template-markdown p{margin:12px 0}
.template-library .template-markdown ul,.template-library .template-markdown ol{padding-left:24px;margin:12px 0}
.template-library .template-markdown li{margin:8px 0}
.template-library .template-markdown blockquote{margin:16px 0;padding:4px 16px;border-left:3px solid var(--border);color:var(--secondary);background:transparent}
.template-library .template-markdown blockquote p{margin:8px 0}
.template-library .template-markdown a,.template-library .template-toc a,.template-library .template-pager a{color:var(--primary);text-decoration:none}
.template-library .template-markdown a:hover,.template-library .template-toc a:hover,.template-library .template-pager a:hover{text-decoration:underline}
.template-library .template-markdown [id]{display:block;scroll-margin-top:96px}
.template-library .template-markdown code{font-size:.9em;background:var(--canvas);padding:2px 5px;border-radius:3px;white-space:normal;overflow-wrap:anywhere;color:var(--secondary)}
.template-library .template-markdown pre{overflow:auto;max-width:100%;padding:16px;background:var(--canvas);tab-size:2}
.template-library .template-markdown pre code{white-space:pre;overflow-wrap:normal;background:transparent;padding:0}
.template-library .table-scroll{width:100%;overflow-x:auto;margin:16px 0 24px;outline-offset:3px}
.template-library .template-markdown table{border-collapse:collapse;width:100%;table-layout:auto;background:transparent;font-size:13px;margin:0}
.template-library .template-markdown th,.template-library .template-markdown td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--border);white-space:normal;min-width:116px;max-width:340px;overflow-wrap:anywhere}
.template-library .template-markdown th{background:var(--canvas);font-weight:600;color:var(--text)}
.template-library .template-markdown img{display:block;max-width:100%;width:auto;height:auto;margin:16px auto;background:var(--surface);border:1px solid var(--border)}
.template-library .template-toc{position:sticky;top:88px;max-height:calc(100vh - 112px);overflow:auto;border-left:1px solid var(--border);padding-left:16px;font-size:12px}
.template-library .template-toc h3{font-size:12px;letter-spacing:.5px;color:var(--secondary);margin:0 0 16px}
.template-library .template-toc ol{list-style:none;margin:0;padding:0}
.template-library .template-toc li{margin:0 0 12px;line-height:1.5}
.template-library .template-toc a{display:block;color:var(--secondary)}
.template-library .template-toc a[aria-current=location]{color:var(--primary);font-weight:600}
.template-library .template-pager{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);padding-top:24px;margin-top:40px;flex-wrap:wrap}
.template-library :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(max-width:1180px){.template-library .template-layout{grid-template-columns:minmax(0,1fr)}.template-library .template-toc{position:static;max-height:none;grid-row:1;border-left:0;border-bottom:1px solid var(--border);padding:0 0 16px}.template-library .template-toc ol{columns:2;column-gap:24px}.template-library .template-toc li{break-inside:avoid}.template-library .template-markdown h1{font-size:23px}}
@media(max-width:700px){.template-library .template-toc ol{columns:1}.template-library .template-actions .btn{white-space:normal;height:auto;min-height:32px}}
@media print{.template-library .template-toc,.template-library .template-actions{display:none}.template-library .template-layout{display:block}.template-library .table-scroll{overflow:visible}.template-library .template-markdown table{font-size:10px}.template-library .template-markdown th,.template-library .template-markdown td{min-width:0;padding:4px}.template-library .template-markdown h2{break-after:avoid}.template-library .template-markdown img{break-inside:avoid}}

.template-library .template-language-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 24px;font-size:12px}
.template-library [data-template-language-select][aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}