/* ================================================================
   Page / Single templates — two-column "Contents + content" layout.
   Loaded on singular pages & posts (not the page-index landing).
   ================================================================ */
.tpl-page{
	--tpl-text:#0f172a; --tpl-body:#334155; --tpl-muted:#64748b;
	--tpl-accent:#2563eb; --tpl-gray:#ececec; --tpl-line:#d8d8d8;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:var(--tpl-text);
	padding:104px 0 64px;
}

/* breadcrumb */
.tpl-breadcrumb{font-size:14px;color:var(--tpl-muted);margin-bottom:26px;}
.tpl-breadcrumb a{color:var(--tpl-accent);text-decoration:none;}
.tpl-breadcrumb a:hover{text-decoration:underline;}
.tpl-breadcrumb #breadcrumbs,.tpl-breadcrumb p{margin:0;}

/* layout */
.tpl-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;align-items:start;}
.tpl-aside{min-width:0;}

/* the grey "Contents" block */
.tpl-contents{background:var(--tpl-gray);border-radius:8px;padding:22px 22px 8px;}
.tpl-contents__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:0;padding:0;margin:0 0 12px;font-family:inherit;font-size:18px;font-weight:700;line-height:1.25;color:var(--tpl-text);text-align:left;cursor:default;}
.tpl-contents__caret{display:none;flex:0 0 auto;width:10px;height:10px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .25s ease;margin-bottom:3px;}
.tpl-contents__title{font-size:16px;font-weight:700;color:var(--tpl-text);margin:0 0 8px;}
.tpl-contents__title--sep{margin-top:18px;padding-top:16px;border-top:1px solid #cfcfcf;}
/* mobile collapse — enabled by template.js at <=960px */
.tpl-contents.is-collapsible .tpl-contents__toggle{cursor:pointer;margin-bottom:0;}
.tpl-contents.is-collapsible.is-open .tpl-contents__toggle{margin-bottom:14px;}
.tpl-contents.is-collapsible .tpl-contents__caret{display:block;}
.tpl-contents.is-collapsible.is-open .tpl-contents__caret{transform:rotate(225deg);margin-bottom:-3px;}
.tpl-contents.is-collapsible .tpl-contents__body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.tpl-contents ul{list-style:none;margin:0;padding:0;}
.tpl-contents li{margin:0;}
.tpl-contents a{display:block;position:relative;padding:9px 0 9px 20px;color:var(--tpl-body);text-decoration:none;font-size:15px;line-height:1.35;border-bottom:1px solid var(--tpl-line);transition:0.15s;}
.tpl-contents li:last-child a{border-bottom:none;}
.tpl-contents a::before{content:"\203A";position:absolute;left:2px;top:9px;color:#94a3b8;font-size:17px;font-weight:700;line-height:1.2;transition:0.15s;}
.tpl-contents a:hover{color:var(--tpl-accent);}
.tpl-contents a:hover::before{color:var(--tpl-accent);left:5px;}
.tpl-contents .current-menu-item>a,.tpl-contents .current_page_item>a{color:var(--tpl-accent);font-weight:600;}
.tpl-contents__empty{font-size:14px;color:var(--tpl-muted);margin:0 0 14px;line-height:1.5;}
/* second-level menu items */
.tpl-contents .sub-menu,.tpl-contents .children{list-style:none;margin:0;padding:0;}
.tpl-contents .sub-menu a,.tpl-contents .children a{padding-left:34px;font-size:14px;}
.tpl-contents .sub-menu a::before,.tpl-contents .children a::before{left:16px;content:"\2013";}

/* main content */
.tpl-main{min-width:0;}
.tpl-thumb{margin:0 0 26px;border-radius:10px;overflow:hidden;}
.tpl-thumb img{display:block;width:100%;height:auto;}
.tpl-title{font-size:clamp(28px,3.8vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;}
.tpl-meta{font-size:14px;color:var(--tpl-muted);margin:0 0 26px;}
.tpl-content{font-size:17px;line-height:1.75;color:var(--tpl-body);}
.tpl-content > *:first-child{margin-top:0;}
.tpl-content h2{font-size:25px;font-weight:700;color:var(--tpl-text);margin:34px 0 12px;letter-spacing:-.3px;}
.tpl-content h3{font-size:20px;font-weight:700;color:var(--tpl-text);margin:26px 0 10px;}
.tpl-content h4{font-size:18px;font-weight:700;color:var(--tpl-text);margin:22px 0 8px;}
.tpl-content p{margin:0 0 16px;}
.tpl-content ul,.tpl-content ol{margin:0 0 18px;padding-left:22px;}
.tpl-content li{margin-bottom:8px;}
.tpl-content a{color:var(--tpl-accent);}
.tpl-content img{max-width:100%;height:auto;border-radius:8px;}
.tpl-content blockquote{margin:0 0 18px;padding:4px 0 4px 18px;border-left:3px solid var(--tpl-accent);color:var(--tpl-text);}
.tpl-content table{width:100%;border-collapse:collapse;margin:0 0 18px;}
.tpl-content th,.tpl-content td{border:1px solid #e2e8f0;padding:10px 12px;text-align:left;}

/* sticky sidebar on desktop */
@media(min-width:961px){.tpl-aside{position:sticky;top:88px;}}

/* responsive */
@media(max-width:960px){
	.tpl-grid{grid-template-columns:1fr;gap:24px;}
	.tpl-contents{padding-bottom:20px;}
}
@media(max-width:680px){
	.tpl-page{padding-top:30px;}
	.tpl-content{font-size:16px;}
}

/* ---- in-article CTA block + image credits (added for blog articles) ---- */
.tpl-content .tpl-cta{background:#0f172a;color:#fff;border-radius:12px;padding:24px 26px;margin:32px 0;}
.tpl-content .tpl-cta .tpl-cta__title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;}
.tpl-content .tpl-cta p{margin:0 0 14px;color:#cbd5e1;font-size:16px;}
.tpl-content .tpl-cta p:last-child{margin-bottom:0;}
.tpl-content .tpl-cta a.tpl-cta__btn{display:inline-block;background:#2563eb;color:#fff;font-weight:600;text-decoration:none;padding:12px 22px;border-radius:8px;transition:.15s;}
.tpl-content .tpl-cta a.tpl-cta__btn:hover{background:#1d4ed8;}
.tpl-content figure{margin:0 0 22px;}
.tpl-content figure img{width:100%;display:block;}
.tpl-content figcaption{font-size:13px;color:var(--tpl-muted);margin-top:6px;text-align:center;}
/* zebra + header for comparison tables */
.tpl-content table th{background:#f1f5f9;font-weight:700;color:var(--tpl-text);}
.tpl-content table tr:nth-child(even) td,.tpl-content table tbody tr:nth-child(even) td{background:#f8fafc;}
.tpl-content .tpl-faq h3{font-size:18px;}

/* ---- manual/how-to blocks: screenshot placeholders + note callouts ---- */
.tpl-content .tpl-shot{margin:0 0 22px;}
.tpl-content .tpl-shot__ph{display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;padding:22px;border:2px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:600;line-height:1.5;}
.tpl-content .tpl-shot figcaption{font-size:13px;color:var(--tpl-muted);margin-top:6px;text-align:center;}
.tpl-content .tpl-note{background:#f1f5f9;border-left:3px solid var(--tpl-accent);border-radius:8px;padding:12px 16px;margin:0 0 18px;}
.tpl-content .tpl-note p{margin:0;}
.tpl-content ol.tpl-steps{counter-reset:step;list-style:none;padding-left:0;}
.tpl-content ol.tpl-steps>li{position:relative;padding:2px 0 2px 42px;margin-bottom:14px;}
.tpl-content ol.tpl-steps>li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--tpl-accent);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}