/* ClanPick single post template 1.2.7 (brand kit: Signal Yellow #FFD400, Ink #111). Loaded on single posts only. */
.single-post{--cp-r:14px;--cp-top:calc(var(--header-sticky-height,64px) + 24px)}
/* Hero */
.single-post .hero-section[data-type="type-1"]{position:relative;padding-bottom:0;margin-bottom:34px}
.single-post .hero-section[data-type="type-1"]:after{content:"";display:block;height:8px;background:var(--cp-yellow);border-top:2px solid var(--cp-ink);margin-top:22px}
.cp-kicker{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}
.cp-kick{display:inline-block;font:700 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border:1.5px solid var(--cp-ink);color:var(--cp-ink)!important;text-decoration:none!important;border-radius:2px}
.cp-kick-f{background:var(--cp-ink);color:var(--cp-yellow)!important}
.cp-kick:hover{background:var(--cp-yellow);color:var(--cp-ink)!important}
.single-post .hero-section .page-title{font-size:clamp(36px,5vw,62px)!important;line-height:1.02!important;font-weight:800;font-variation-settings:"wdth" 78;letter-spacing:-.02em;max-width:22ch;margin-bottom:18px}
.single-post .hero-section .page-description{font-size:clamp(18px,1.9vw,21px);line-height:1.5;color:#33322f;max-width:62ch;margin-bottom:20px}
.single-post .hero-section .entry-meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;border-block:1px solid var(--cp-hair);padding:12px 0;font:600 12px/1.3 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.single-post .hero-section .entry-meta .meta-updated-date:before{content:"Updated ";color:var(--cp-graphite);font-weight:600}
.single-post .hero-section .entry-meta .meta-cp-rt{display:inline-flex;align-items:center;gap:6px}
.single-post .hero-section .entry-meta .meta-cp-rt:after{content:none}
.cp-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cp-badge-line{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--cp-ink);border-radius:999px;font:600 14px/1.2 Inter,sans-serif;color:var(--cp-ink)!important;text-decoration:none!important;background:var(--cp-white)}
.cp-badge-line:hover,.cp-badge-method:hover{background:var(--cp-yellow)!important;color:var(--cp-ink)!important}
/* Reading column rhythm */
.single-post .entry-content{font-size:18px;line-height:1.7}
.single-post .entry-content>*{margin-block:0 1.15em}
.single-post .entry-content>h2{margin-top:2.6em!important;margin-bottom:.6em!important;border-top:2px solid var(--cp-ink);padding-top:18px;font-size:clamp(28px,3vw,36px);line-height:1.12}
.single-post .entry-content>h3{margin-top:1.8em!important;margin-bottom:.5em!important;font-size:clamp(21px,2.2vw,25px)}
.single-post .entry-content strong{font-weight:700}
.single-post .entry-content mark,.single-post .entry-content .cp-hl{background:linear-gradient(180deg,transparent 54%,rgba(255,212,0,.7) 54%,rgba(255,212,0,.7) 92%,transparent 92%);color:inherit;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.single-post .entry-content p:first-of-type{font-size:1.06em}
/* Lists */
.single-post .entry-content ul.wp-block-list:not(.cp-picks){list-style:none;padding-left:0}
.single-post .entry-content ul.wp-block-list:not(.cp-picks)>li{position:relative;padding-left:28px;margin:.5em 0}
.single-post .entry-content ul.wp-block-list:not(.cp-picks)>li:before{content:"";position:absolute;left:4px;top:.62em;width:10px;height:10px;background:var(--cp-yellow);border:1.5px solid var(--cp-ink);transform:rotate(45deg)}
.single-post .entry-content ol.wp-block-list{padding-left:0;list-style:none;counter-reset:cpol}
.single-post .entry-content ol.wp-block-list>li{position:relative;padding-left:44px;margin:.7em 0;counter-increment:cpol;min-height:30px}
.single-post .entry-content ol.wp-block-list>li:before{content:counter(cpol);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--cp-ink);color:var(--cp-yellow);display:grid;place-items:center;font:700 14px/1 Inter,sans-serif}
/* Summarize with AI */
.cp-ai{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 26px!important;padding:12px 14px;background:var(--cp-white);border:1px solid var(--cp-hair);border-radius:var(--cp-r)}
.cp-ai-l{display:inline-flex;align-items:center;gap:7px;font:700 12px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.cp-ai-l svg{color:var(--cp-ink);background:var(--cp-yellow);border-radius:50%;padding:3px;width:22px;height:22px;box-sizing:border-box}
.cp-ai-b{display:flex;flex-wrap:wrap;gap:8px}
.single-post .entry-content .cp-ai-b a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid var(--cp-ink);border-radius:999px;font:600 14px/1 Inter,sans-serif;color:var(--cp-ink);text-decoration:none;background:var(--cp-paper);transition:background .15s}
.single-post .entry-content .cp-ai-b a:hover{background:var(--cp-yellow)}
/* Mobile table of contents */
.cp-toc-m{margin:0 0 26px!important;border:1px solid var(--cp-ink);border-radius:var(--cp-r);background:var(--cp-white);overflow:hidden}
.cp-toc-m>summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;background:var(--cp-yellow)}
.cp-toc-m>summary::-webkit-details-marker{display:none}
.cp-toc-m>summary .cp-k{color:var(--cp-ink);font-size:12px}
.cp-toc-m>summary:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--cp-ink);border-bottom:2px solid var(--cp-ink);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.cp-toc-m[open]>summary:after{transform:rotate(225deg) translate(-2px,-2px)}
.cp-toc-m nav{max-height:60vh;overflow-y:auto;padding:6px 0}
.cp-toc-c{font:600 12px/1 Inter,sans-serif;color:var(--cp-graphite)}
.cp-toc-l{list-style:none;margin:0;padding:0}
.cp-toc-l li{margin:0}
.single-post .cp-toc-l a{display:flex;gap:10px;align-items:baseline;padding:7px 14px 7px 12px;border-left:3px solid transparent;font:500 14px/1.35 Inter,sans-serif;color:var(--cp-ink)!important;text-decoration:none!important}
.single-post .cp-toc-l a:hover{background:var(--cp-paper)!important}
.cp-toc-n{flex:0 0 24px;height:22px;display:inline-grid;place-items:center;border-radius:6px;font:700 12px/1 Inter,sans-serif;background:var(--cp-paper);border:1px solid var(--cp-hair)}
.single-post .cp-toc-l a.on{border-left-color:var(--cp-ink);background:var(--cp-tint)!important;font-weight:700}
.cp-toc-l a.on .cp-toc-n{background:var(--cp-yellow);border-color:var(--cp-ink)}
@media (min-width:1000px){.cp-toc-m{display:none}}
/* Sidebar rail: sticky, never taller than the viewport, the TOC scrolls inside it */
.single-post #sidebar{align-self:stretch}
.single-post #sidebar .ct-sidebar{position:sticky;top:var(--cp-top);max-height:calc(100vh - var(--cp-top) - 16px);display:flex;flex-direction:column;gap:16px}
.single-post #sidebar .ct-sidebar>.ct-widget{flex:0 0 auto;margin:0}
.cp-rail-toc{flex:1 1 auto;min-height:140px;overflow-y:auto;overscroll-behavior:contain;background:var(--cp-white);border:1px solid var(--cp-ink);border-radius:var(--cp-r);scrollbar-width:thin;scrollbar-color:var(--cp-ink) transparent;padding-bottom:6px}
.cp-rail-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 14px;background:var(--cp-white);border-bottom:1px solid var(--cp-hair)}
.cp-rail-h .cp-k{color:var(--cp-ink)}
.single-post #sidebar .cp-side-cta{border-radius:var(--cp-r);padding:16px 18px}
.single-post #sidebar .cp-side-cta p{margin-bottom:12px}
@media (max-height:760px){.single-post #sidebar .cp-side-cta p{display:none}}
/* Rank badges on agency headings */
.single-post .entry-content h2.cp-rank-h{display:flex;align-items:center;gap:16px;border-top:0;padding-top:0;margin-top:2.4em!important}
.cp-rank-n{flex:0 0 auto;display:grid;place-items:center;min-width:56px;height:56px;padding:0 8px;background:var(--cp-yellow);border:2px solid var(--cp-ink);border-radius:12px;box-shadow:4px 4px 0 var(--cp-ink);font:800 28px/1 var(--cp-display);font-variation-settings:"wdth" 75;color:var(--cp-ink)}
.cp-rank-t{min-width:0}
/* Agency screenshots: browser frame */
.single-post .entry-content figure.cp-shot{margin:18px 0 16px!important;border:1px solid var(--cp-ink);border-radius:var(--cp-r);overflow:hidden;background:var(--cp-white);box-shadow:0 14px 34px -18px rgba(17,17,17,.45)}
.single-post .entry-content figure.cp-shot:before{content:"";display:block;height:28px;border-bottom:1px solid var(--cp-hair);background:radial-gradient(circle at 16px 14px,#D1197A 4.5px,transparent 5.5px),radial-gradient(circle at 32px 14px,var(--cp-yellow) 4.5px,transparent 5.5px),radial-gradient(circle at 48px 14px,#C9C2B0 4.5px,transparent 5.5px),var(--cp-paper)}
.single-post .entry-content figure.cp-shot img{display:block;width:100%!important;height:auto!important;border-radius:0!important;margin:0}
.single-post .entry-content figure.cp-shot figcaption{display:none}
.single-post .entry-content img{border-radius:12px}
/* Skip-if callout */
.single-post .entry-content .cp-skip{background:var(--cp-white);border:1px solid var(--cp-hair);border-left:4px solid var(--cp-magenta);border-radius:0 12px 12px 0;padding:16px 22px 16px 20px;font-size:16px;line-height:1.55}
.single-post .entry-content .cp-skip strong:first-child{font:700 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-ink);display:block;margin-bottom:6px}
/* Verdict, takeaways, quick picks */
.single-post .entry-content .cp-verdict{background:var(--cp-tint);border:2px solid var(--cp-ink);border-radius:var(--cp-r);padding:22px 24px;box-shadow:6px 6px 0 var(--cp-ink);margin:30px 0 34px}
.single-post .entry-content .cp-verdict p{margin:8px 0 0;font-size:18px}
.cp-takeaways{background:var(--cp-white);border:1px solid var(--cp-ink);border-radius:var(--cp-r);overflow:hidden;margin:28px 0!important}
.cp-takeaways .cp-k{display:block;background:var(--cp-ink);color:var(--cp-yellow);padding:12px 24px;font-size:12px}
.single-post .entry-content .cp-takeaways ul,.single-post .entry-content .cp-takeaways ul.wp-block-list:not(.cp-picks){margin:0;padding:18px 26px 20px 24px}
.single-post .entry-content .cp-takeaways li{font-size:17px;padding-left:30px}
.single-post .entry-content .cp-takeaways ul.wp-block-list>li:before{left:5px}
.single-post .entry-content ul.cp-picks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.single-post .entry-content ul.cp-picks li{margin:0}
.single-post .entry-content ul.cp-picks a{display:flex;flex-direction:column;gap:3px;height:100%;padding:12px 14px;border:1px solid var(--cp-ink);border-radius:12px;background:var(--cp-white);text-decoration:none!important;color:var(--cp-ink);transition:transform .15s,box-shadow .15s,background .15s}
.single-post .entry-content ul.cp-picks a:hover{background:var(--cp-white)!important;transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--cp-ink)}
.cp-picks small{font:700 11px/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--cp-graphite)}
.cp-picks b{font:700 18px/1.25 var(--cp-display);font-variation-settings:"wdth" 85}
/* Quotes */
.single-post .entry-content .wp-block-quote{border-left:6px solid var(--cp-yellow);margin:28px 0;padding:6px 0 6px 22px;font-size:20px;line-height:1.5}
.single-post .entry-content .wp-block-pullquote{margin:40px 0!important;padding:28px 0 24px;border-top:2px solid var(--cp-ink);border-bottom:2px solid var(--cp-ink);text-align:left;position:relative}
.single-post .entry-content .wp-block-pullquote blockquote{margin:0;padding:0 0 0 64px;border:0;position:relative}
.single-post .entry-content .wp-block-pullquote blockquote:before{content:"\201C";position:absolute;left:0;top:-6px;width:48px;height:48px;border-radius:50%;background:var(--cp-yellow);border:2px solid var(--cp-ink);display:grid;place-items:center;font:800 40px/1.25 var(--cp-display);text-align:center}
.single-post .entry-content .wp-block-pullquote p{font:700 clamp(22px,2.6vw,30px)/1.25 var(--cp-display);font-variation-settings:"wdth" 85;letter-spacing:-.01em;margin:0}
.single-post .entry-content .wp-block-pullquote cite{display:block;margin-top:12px;font:600 12px/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--cp-graphite);font-style:normal}
/* Tables: rounded container, ink header, zebra rows, scroll on small screens, sticky first column when wide */
.single-post .entry-content figure.wp-block-table{overflow-x:auto;border:0;background:transparent;margin:26px 0 30px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.single-post .entry-content .wp-block-table table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--cp-ink);border-radius:var(--cp-r);font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums;background:var(--cp-white)}
.single-post .entry-content .wp-block-table thead th{background:var(--cp-ink);color:var(--cp-yellow);font:700 12px/1.3 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:14px 16px;border:0;white-space:nowrap}
.single-post .entry-content .wp-block-table thead th:first-child{border-top-left-radius:13px}
.single-post .entry-content .wp-block-table thead th:last-child{border-top-right-radius:13px}
.single-post .entry-content .wp-block-table td{padding:14px 16px;border:0;border-top:1px solid var(--cp-rule);vertical-align:top;background:var(--cp-white)}
.single-post .entry-content .wp-block-table tbody tr:nth-child(even) td{background:var(--cp-paper)}
.single-post .entry-content .wp-block-table tbody tr:hover td{background:var(--cp-tint)}
.single-post .entry-content .wp-block-table td:first-child{font-weight:700}
.single-post .entry-content .wp-block-table td:first-child a{color:var(--cp-ink)}
.single-post .entry-content .wp-block-table tbody tr:last-child td:first-child{border-bottom-left-radius:13px}
.single-post .entry-content .wp-block-table tbody tr:last-child td:last-child{border-bottom-right-radius:13px}
.single-post .entry-content .wp-block-table figcaption{position:sticky;left:0;font:500 13px/1.45 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--cp-graphite);margin-top:10px;text-align:left}
.single-post .entry-content .wp-block-table:has(thead th:nth-child(4)) :is(td,th):first-child{position:sticky;left:0;z-index:1}
.single-post .entry-content .wp-block-table:has(thead th:nth-child(4)) td:first-child{box-shadow:1px 0 0 var(--cp-rule)}
@media (max-width:760px){.single-post .entry-content .wp-block-table table{min-width:640px;font-size:14px}.single-post .entry-content .wp-block-table td,.single-post .entry-content .wp-block-table th{padding:12px}.single-post .entry-content .wp-block-table:has(thead th:nth-child(4)) :is(td,th):first-child{min-width:140px;max-width:160px}}
/* FAQ accordion */
.single-post .entry-content .wp-block-rank-math-faq-block{border-top:2px solid var(--cp-ink)}
.single-post .cp-faq{border-bottom:1px solid var(--cp-hair);padding:0;margin:0}
.single-post .cp-faq>summary{display:flex;align-items:center;gap:14px;padding:18px 2px;cursor:pointer;list-style:none}
.single-post .cp-faq>summary::-webkit-details-marker{display:none}
.single-post .cp-faq>summary h3{margin:0!important;font-size:clamp(19px,2vw,22px);line-height:1.3;flex:1}
.single-post .cp-faq>summary:after{content:"+";flex:0 0 32px;height:32px;border-radius:50%;border:1.5px solid var(--cp-ink);display:grid;place-items:center;font:600 22px/1 Inter,sans-serif;transition:background .15s}
.single-post .cp-faq[open]>summary:after{content:"\2212";background:var(--cp-yellow)}
.single-post .cp-faq>summary:hover:after{background:var(--cp-yellow)}
.single-post .cp-faq .rank-math-answer{padding:0 48px 20px 2px;font-size:17px}
/* Share and summarize box */
.cp-sharebox{margin:48px 0 28px!important;padding:22px 24px;background:var(--cp-yellow);border:2px solid var(--cp-ink);border-radius:var(--cp-r);display:flex;flex-direction:column;gap:16px}
.cp-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.cp-share .cp-k{color:var(--cp-ink);font-size:12px;min-width:110px}
.cp-share-b{display:flex;flex-wrap:wrap;gap:8px}
.single-post .entry-content .cp-sh{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;padding:0 10px;border-radius:999px;background:var(--cp-ink);color:var(--cp-yellow)!important;border:0;cursor:pointer;text-decoration:none!important;font:600 14px/1 Inter,sans-serif;transition:transform .15s}
.single-post .entry-content .cp-sh:hover{background:var(--cp-ink)!important;transform:translateY(-2px)}
.cp-copy span{color:var(--cp-paper)}
.cp-sharebox .cp-ai{margin:0!important;background:transparent;border:0;border-top:1px solid rgba(17,17,17,.25);border-radius:0;padding:14px 0 0}
.cp-sharebox .cp-ai-l{min-width:110px}
.single-post .entry-content .cp-sharebox .cp-ai-b a{background:var(--cp-white)}
.single-post .entry-content .cp-sharebox .cp-ai-b a:hover{background:var(--cp-ink);color:var(--cp-yellow)}
/* Desk box */
.cp-desk{display:flex;gap:18px;align-items:flex-start;margin:0 0 20px!important;padding:22px 24px;border:1px solid var(--cp-ink);border-radius:var(--cp-r);background:var(--cp-white)}
.single-post .entry-content .cp-desk-av{flex:0 0 64px;width:64px;height:64px;border-radius:50%;border:2px solid var(--cp-ink)}
.single-post .entry-content .cp-desk-in p{margin:6px 0 0;font-size:16px;line-height:1.55}
.single-post .entry-content .cp-desk-n{display:block;font:700 22px/1.2 var(--cp-display);font-variation-settings:"wdth" 85;color:var(--cp-ink);text-decoration:none;margin-top:4px}
.single-post .entry-content .cp-desk-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font:600 14px/1.3 Inter,sans-serif}
/* Related posts */
.single-post .ct-related-posts-container{border-top:2px solid var(--cp-ink)}
.single-post .ct-related-posts .ct-module-title{font-size:30px}
.single-post .ct-related-posts article .ct-media-container{border-radius:12px}
/* Reading progress and back to top */
.cp-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:100000;pointer-events:none}
.cp-progress span{display:block;height:100%;background:var(--cp-ink);transform:scaleX(0);transform-origin:0 50%}
.cp-top{position:fixed;right:20px;bottom:20px;z-index:50;width:46px;height:46px;border-radius:50%;background:var(--cp-ink);color:var(--cp-yellow)!important;display:grid;place-items:center;box-shadow:0 6px 18px rgba(17,17,17,.25);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s}
.cp-top.on{opacity:1;visibility:visible;transform:none}
.cp-top:hover{background:var(--cp-yellow);color:var(--cp-ink)!important;box-shadow:0 0 0 2px var(--cp-ink)}
:focus-visible{outline:3px solid var(--cp-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--cp-yellow)}
@media (max-width:640px){
.single-post .hero-section .page-title{font-size:38px!important}
.single-post .entry-content{font-size:17px}
.cp-rank-n{min-width:46px;height:46px;font-size:23px;border-radius:10px;box-shadow:3px 3px 0 var(--cp-ink)}
.single-post .entry-content h2.cp-rank-h{gap:12px;font-size:26px}
.single-post .entry-content ul.cp-picks{grid-template-columns:1fr}
.cp-ai{padding:12px}
.cp-ai-b{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-12px;padding-right:12px;max-width:100%}
.cp-ai-b a{flex:0 0 auto}
.cp-sharebox{padding:20px 18px}
.cp-desk{flex-direction:column;padding:18px}
.single-post .entry-content .cp-verdict{box-shadow:4px 4px 0 var(--cp-ink);padding:18px}
.single-post .entry-content figure.cp-shot:before{height:22px;background:radial-gradient(circle at 12px 11px,#D1197A 3.5px,transparent 4.5px),radial-gradient(circle at 24px 11px,var(--cp-yellow) 3.5px,transparent 4.5px),radial-gradient(circle at 36px 11px,#C9C2B0 3.5px,transparent 4.5px),var(--cp-paper)}
.cp-top{right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){.cp-top,.single-post .entry-content ul.cp-picks a,.cp-sh{transition:none}}
.single-post .entry-content .cp-desk-links a{color:var(--cp-ink);text-decoration:underline;text-decoration-color:var(--cp-yellow);text-decoration-thickness:3px;text-underline-offset:3px}
/* Agency homepage links in ranked headings, tables and framed screenshots */
.single-post .entry-content .cp-rank-t a{color:inherit;text-decoration:none;background-image:linear-gradient(var(--cp-yellow),var(--cp-yellow));background-size:100% 0;background-position:0 88%;background-repeat:no-repeat;transition:background-size .15s}
.single-post .entry-content .cp-rank-t a:hover,.single-post .entry-content .cp-rank-t a:focus-visible{background-size:100% 38%}
.single-post .entry-content .cp-rank-t a:after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.3em;vertical-align:.32em;border-top:3px solid currentColor;border-right:3px solid currentColor;opacity:.55}
.single-post .entry-content a.cp-shot-a{display:block;cursor:pointer}
.single-post .entry-content a.cp-shot-a img{transition:opacity .15s}
.single-post .entry-content a.cp-shot-a:hover img{opacity:.92}
.single-post .entry-content table a.cp-ext{color:var(--cp-ink);text-decoration:underline;text-decoration-color:var(--cp-ink);text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.single-post .entry-content .cp-rank-t a,.single-post .entry-content a.cp-shot-a img{transition:none}}