/* JLT single blog post template (jlt-post).
   Tokens, base, nav, buttons, cards and Keep exploring pills follow blog.css / product.css so posts read as part of the JLT site.
   Widths are mirrored by sizes attributes: the article column is 720px (JLT_POST_COL in includes/divi-flatten.php, body images
   use it); the cover image is capped at 350px (templates/post.php, 2x rule for the 700px originals); related cards are 3 columns
   inside a 1040px block above 760px and 1 column below (templates/post.php). .wrap keeps 32px side padding at every width.
   Change both together. */
:root{
  --ink:#1c1917;--paper:#fafaf9;--coral:#FF8A7F;--coral-deep:#e8503f;--link:#c2412f;
  --coral-tint:#fff1ef;--hairline:#e7e5e4;--muted:#78716c;--body:#57534e;--text:#292524;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Satoshi',system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
h1{font-weight:900;font-size:clamp(32px,3.6vw,46px);line-height:1.1;margin:0 0 18px;padding:0;letter-spacing:-.025em;color:var(--ink);overflow-wrap:break-word}
h1 .tint{color:var(--coral-deep)}
.btn{display:inline-block;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s}
.btn-primary{background:var(--coral-deep);color:#fff}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,80,63,.35)}
.btn-ghost{background:#fff;border:1px solid var(--hairline);color:var(--ink)}
.btn-ghost:hover{border-color:var(--coral-deep);color:var(--coral-deep)}
.btn-sm{padding:10px 22px;font-size:14.5px}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

nav{position:sticky;top:0;z-index:50;background:rgba(250,250,249,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-links{display:flex;gap:36px;font-weight:500;font-size:15px;color:#57534e;align-items:center}
.nav-links a:hover{color:var(--ink)}
.nav-links a.current{color:var(--coral-deep)}
.logo img{height:34px;width:auto}
@media (max-width:900px){.nav-links{display:none}}
/* The table of contents is a <nav> landmark too: reset the sticky site-nav rule above. */
.pc-toc nav{position:static;z-index:auto;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Open by default like the Divi TOC plugin; long lists scroll inside a 400px box (same cap as the plugin). */
.pc-toc nav{max-height:400px;overflow-y:auto;overscroll-behavior:contain}

/* Hero: breadcrumb, then title + meta | cover (350px max, the 2x limit of the 700px originals). */
.pc-hero{padding:44px 0 4px}
.pc-head{max-width:1040px;margin:0 auto}
.pc-head-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:48px;align-items:center}
.pc-meta{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:15px;line-height:1.7;color:var(--muted)}
.pc-meta span+span::before{content:"\00B7";margin:0 10px;color:#a8a29e}
.pc-cover{margin:0;max-width:350px;border:1px solid var(--hairline);border-radius:16px;overflow:hidden;background:#f5f4f2}
.pc-cover img{display:block;width:100%;height:auto;aspect-ratio:35/23;object-fit:cover}

/* Article column: long-form typography. The Divi base reset (paragraph padding, list bullets) is overridden here. */
.pc-body{max-width:720px;margin:36px auto 0;font-size:18px;line-height:1.75;color:var(--text)}
.pc-body>:first-child{margin-top:0}
.pc-body p{margin:0 0 1.2em;padding:0}
.pc-body h2,.pc-body h3,.pc-body h4,.pc-body h5,.pc-body h6{color:var(--ink);padding:0;scroll-margin-top:88px;letter-spacing:-.01em}
.pc-body h2{font-size:clamp(24px,2.6vw,30px);font-weight:800;line-height:1.25;margin:2em 0 .6em;letter-spacing:-.02em}
.pc-body h3{font-size:21px;font-weight:700;line-height:1.35;margin:1.7em 0 .5em}
.pc-body h4,.pc-body h5,.pc-body h6{font-size:18px;font-weight:700;line-height:1.4;margin:1.4em 0 .4em}
.pc-body a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pc-body a:hover{color:var(--ink)}
.pc-body strong,.pc-body b{font-weight:700;color:var(--ink)}
.pc-body ul,.pc-body ol{margin:0 0 1.2em;padding-left:1.4em}
.pc-body ul{list-style:disc}
.pc-body ol{list-style:decimal}
.pc-body li{margin:0 0 .45em;padding-left:2px}
.pc-body li::marker{color:var(--coral-deep)}
.pc-body li>ul,.pc-body li>ol{margin:.45em 0 0}
.pc-body blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--coral-deep);color:var(--body);font-style:italic}
.pc-body hr{border:0;border-top:1px solid var(--hairline);margin:2em 0}
.pc-body img{display:block;max-width:100%;height:auto;margin:1.4em auto;border-radius:12px}
.pc-body figure{margin:1.6em 0}
.pc-body figure img{margin:0 auto}
.pc-body code{font-size:.9em;background:#f5f4f2;border-radius:4px;padding:1px 5px}
/* Tables scroll inside their own box on narrow screens; cells keep a readable minimum width. The first row is styled as a header. */
.pc-table{max-width:100%;overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--hairline);border-radius:12px;background:#fff}
.pc-table table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.pc-table td,.pc-table th{min-width:96px;padding:10px 12px;border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top}
.pc-table td+td,.pc-table th+th{border-left:1px solid var(--hairline)}
.pc-table tr:last-child td{border-bottom:0}
.pc-table tr:first-child td,.pc-table th{background:#f5f4f2;font-weight:700;color:var(--ink)}
.pc-table p{margin:0}
.pc-table img{margin:0}

/* Collapsible table of contents, placed right before the first heading it lists. */
.pc-toc{margin:1.6em 0 2em;background:#fff;border:1px solid var(--hairline);border-left:3px solid var(--coral-deep);border-radius:14px}
.pc-toc summary{display:flex;align-items:center;gap:10px;padding:14px 48px 14px 18px;position:relative;cursor:pointer;list-style:none;font-size:16px;font-weight:700;color:var(--ink)}
.pc-toc summary::-webkit-details-marker{display:none}
.pc-toc summary::after,.pc-q summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:500;line-height:1;color:var(--coral-deep)}
.pc-toc[open] summary::after,.pc-q[open] summary::after{content:"\2212"}
.pc-toc-n{font-size:13px;font-weight:500;color:var(--muted)}
/* Top level has no auto numbers: many headings already carry their own ("1. Cotton", "Step 1: ..."), and a decimal
   marker printed "1. 1. Cotton" or shifted by one when the first heading is unnumbered (review 2026-11-06). */
.pc-toc ol{list-style:none;margin:0;padding:0 20px 16px 20px;font-size:16px;line-height:1.5}
.pc-toc ol ol{list-style:disc;padding:6px 0 2px 20px}
.pc-toc li{margin:0 0 7px}
.pc-toc li::marker{color:var(--muted)}
.pc-body .pc-toc a{color:var(--body);text-decoration:none}
.pc-body .pc-toc a:hover{color:var(--coral-deep)}

/* FAQ: Divi toggles rendered in place as native <details>. */
.pc-q{scroll-margin-top:88px;margin:0 0 12px;background:#fff;border:1px solid var(--hairline);border-radius:14px;transition:border-color .2s}
.pc-q[open]{border-color:var(--coral)}
.pc-q summary{position:relative;padding:16px 52px 16px 20px;cursor:pointer;list-style:none;font-size:17.5px;font-weight:700;line-height:1.45;color:var(--ink)}
.pc-q summary::-webkit-details-marker{display:none}
/* The question is an h3 inside <summary> (same heading outline as the Divi page); it takes the summary's look. */
.pc-body .pc-q summary h3{display:inline;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit}
.pc-q summary:hover{color:var(--coral-deep)}
.pc-a{padding:0 20px 6px;font-size:17px;line-height:1.7}
.pc-q+:not(.pc-q){margin-top:1.6em}

/* Side-by-side Divi columns (image + text, image pairs, text + button); they stack below 640px. */
.pc-cols{display:flex;gap:24px;align-items:flex-start;margin:1.4em 0}
.pc-col{flex:1 1 0;min-width:0}
.pc-col-2-5,.pc-col-2-3{flex-grow:2}
.pc-col-3-5,.pc-col-3-4{flex-grow:3}
.pc-col>:first-child{margin-top:0}
.pc-col>:last-child{margin-bottom:0}
.pc-col figure{margin:0}
.pc-col h2,.pc-col h3{margin-top:0}
/* Divi rows or text modules with a background color (call-to-action boxes). */
.pc-box{margin:1.6em 0;padding:22px 24px;background:var(--coral-tint);border:1px solid #fbd5cf;border-left:3px solid var(--coral-deep);border-radius:16px}
.pc-box>:last-child,.pc-box .pc-cols{margin-bottom:0}
.pc-box .pc-cols{margin-top:0;align-items:center}
.pc-btn{margin:1.2em 0}
.pc-body .pc-btn a{color:#fff;text-decoration:none}
.pc-blurb{margin:0 0 1.1em}
.pc-blurb h4{margin:0 0 .3em}
.pc-blurb p:last-child{margin-bottom:0}

/* Author box (only when the WordPress user bio is filled in) and read-only comments. */
.pc-author{max-width:720px;margin:40px auto 0;padding:20px 22px;background:#fff;border:1px solid var(--hairline);border-radius:16px;font-size:16px;line-height:1.65;color:var(--body)}
.pc-author p{margin:0;padding:0}
.pc-author-name{margin-bottom:6px!important;color:var(--ink)}
.pc-narrow{max-width:720px;margin:0 auto}
.pc-wide{max-width:1040px;margin:0 auto}
.pc-h2{font-weight:900;font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:0 0 20px;padding:0}
.pc-count{font-size:.62em;font-weight:500;letter-spacing:0;color:var(--muted)}
.pc-comments,.pc-related{margin-top:56px;padding:44px 0 4px;border-top:1px solid var(--hairline)}
/* #comments / #comment-N / #respond are WordPress comment permalinks; keep the target clear of the sticky header. */
.pc-comments,.pc-comment,.pc-respond,#respond{scroll-margin-top:88px}
.pc-comment{background:#fff;border:1px solid var(--hairline);border-radius:16px;padding:18px 20px;margin:0 0 14px}
.pc-comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 8px;padding:0;font-size:14px;color:var(--muted)}
.pc-comment-meta strong{font-size:15px;color:var(--ink)}
.pc-comment-text{font-size:16px;line-height:1.65;color:#44403c;overflow-wrap:anywhere}
.pc-comment-text p{margin:0 0 10px;padding:0}
.pc-comment-text p:last-child{margin-bottom:0}
.pc-comment-text a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
/* Replies (core walker, style "div", nests them straight inside the parent .pc-comment at any depth): a coral rule instead of another card. */
.pc-reply{background:none;border:0;border-left:2px solid var(--coral-tint);border-radius:0;padding:2px 0 0 16px;margin:14px 0 0}
.pc-pending{margin:0 0 8px;padding:0;font-size:14px;font-style:italic;color:var(--muted)}
.pc-reply-link{margin:10px 0 0;padding:0;font-size:14px;font-weight:700}
.pc-body .pc-reply-link a,.pc-reply-link a{color:var(--coral-deep);text-decoration:none}
.pc-reply-link a:hover{text-decoration:underline;text-underline-offset:3px}
/* Reply moves #respond under the comment: keep it readable there. */
.pc-comment #respond{margin:16px 0 4px;padding:18px 0 0;border-top:1px solid var(--hairline)}
.pc-comment #respond .pc-h2{font-size:20px}

/* Related posts: the blog archive card (blog.css), title as h3. */
.pc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bl-card{position:relative;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--hairline);border-radius:18px;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}
.bl-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(28,25,23,.12);border-color:var(--coral)}
.bl-card:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.bl-img{overflow:hidden;background:#f5f4f2}
.bl-img img{display:block;width:100%;height:auto;aspect-ratio:35/23;object-fit:cover;margin:0;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.bl-card:hover .bl-img img{transform:scale(1.04)}
.bl-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 20px}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 10px;padding:0;font-size:13px;line-height:1.5;color:var(--muted)}
.bl-cat{position:relative;z-index:2;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--body)}
.bl-cat:hover{color:var(--coral-deep)}
.bl-card h3{margin:0 0 8px;padding:0;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.bl-card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.bl-card h3 a:focus-visible{outline:none}
.bl-card:hover h3 a{color:var(--coral-deep)}
.bl-excerpt{margin:0;padding:0;font-size:15px;line-height:1.55;color:var(--body)}

/* Keep exploring pills (same as product.css). */
.related{border-top:1px solid var(--hairline);padding:36px 0;margin-top:48px}
.related-eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;padding:0}
.related-links{display:flex;gap:12px;flex-wrap:wrap}
.related-links a{display:inline-block;padding:10px 18px;border:1px solid var(--hairline);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-weight:500;transition:border-color .2s,color .2s}
.related-links a:hover{border-color:var(--coral-deep);color:var(--coral-deep)}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.btn,.bl-card,.bl-img img{transition:none}.bl-card:hover{transform:none}.bl-card:hover .bl-img img{transform:none}}
@media (max-width:860px){
  .pc-head-grid{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media (max-width:760px){
  .pc-cards{grid-template-columns:minmax(0,1fr);gap:20px}
  .pc-comments,.pc-related{margin-top:44px;padding-top:34px}
}
@media (max-width:640px){
  .pc-cols{flex-direction:column;gap:14px}
  .pc-col{flex:none;width:100%}
  .pc-box{padding:18px}
}
@media (max-width:520px){
  .pc-hero{padding-top:28px}
  .pc-body{margin-top:28px;font-size:17px}
  .pc-body h3{font-size:19.5px}
  .pc-q summary{font-size:16.5px;padding:14px 46px 14px 16px}
  .pc-a{padding:0 16px 4px;font-size:16px}
}

/* Phones: tables keep readable columns and scroll sideways inside .pc-table instead of squeezing to one word per line;
   the breadcrumb stays on one line and truncates the post title (the full title is the H1 right below). */
@media (max-width:640px){
  .pc-table table{width:max-content;min-width:100%;font-size:14.5px}
  .pc-table td,.pc-table th{min-width:132px;max-width:240px;padding:9px 10px}
  nav.jltb ol{flex-wrap:nowrap;min-width:0}
  nav.jltb li{flex:none;white-space:nowrap}
  nav.jltb li:last-child{flex:1 1 auto;min-width:0}
  nav.jltb li:last-child [aria-current]{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Comment form (WordPress comment_form(), same fields as the Divi page). Styles hang on #respond, not on the section:
   the Reply button moves #respond under the comment being answered. */
.pc-respond{margin-top:56px;padding:44px 0 4px;border-top:1px solid var(--hairline)}
.pc-comments+.pc-respond{margin-top:0;border-top:0;padding-top:20px}
.pc-respond:not(:has(#respond)){display:none}
#respond .comment-reply-title small{display:block;margin-top:6px;font-size:14px;font-weight:700;letter-spacing:0}
#respond .comment-reply-title small a{color:var(--coral-deep)}
#respond form{display:grid;gap:14px}
#respond p{margin:0;padding:0}
#respond .comment-notes{font-size:14px;color:var(--muted)}
#respond label{display:block;font-size:14px;font-weight:700;color:var(--ink);margin:0 0 6px}
#respond .required{color:var(--coral-deep)}
#respond input[type=text],#respond input[type=email],#respond input[type=url],#respond textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--hairline);border-radius:12px;padding:12px 14px}
#respond textarea{min-height:150px;resize:vertical}
#respond input:focus,#respond textarea:focus{outline:2px solid var(--coral-deep);outline-offset:1px;border-color:var(--coral-deep)}
#respond .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--muted)}
#respond .comment-form-cookies-consent label{display:inline;font-weight:400;color:var(--muted);margin:0}
#respond .pc-submit{border:0;cursor:pointer;font:inherit;font-weight:700;min-height:44px}

/* Author links: the meta-row byline and the related cards' "by Name" go to the author archive (as on the Divi version). */
.pc-meta .pc-by{color:var(--body);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px}
.pc-meta .pc-by:hover{color:var(--coral-deep);text-decoration-color:currentColor}
.bl-by a{position:relative;z-index:2;color:var(--body)}
.bl-by a:hover{color:var(--coral-deep)}

/* Keyword Highlight box inside the table of contents (the Divi TOC plugin had one); matches are wrapped in mark.pc-hl. */
.pc-toc-find{padding:0 20px 12px}
.pc-toc-q{display:block;width:100%;height:40px;margin:0;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--hairline);border-radius:10px;-webkit-appearance:none;appearance:none}
.pc-toc-q::placeholder{color:var(--muted)}
.pc-toc-q:focus{outline:2px solid var(--coral-deep);outline-offset:1px}
mark.pc-hl{background:#ffd9d3;color:inherit;border-radius:2px;padding:0 1px}

/* Share the article: same 5 networks and order as the Jetpack row on the Divi version, as plain links (no script, no icon font).
   Icons are the Jetpack Social Logos paths (social-menu.svg) as CSS masks, so they are downloaded once with this file and follow the text color. */
.pc-share{max-width:720px;margin:36px auto 0}
.pc-share-title{margin:0 0 10px;padding:0;font-size:14px;font-weight:700;color:var(--ink)}
.pc-share ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pc-share li{margin:0;padding:0}
.pc-share a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--hairline);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:500;line-height:1;transition:border-color .2s,color .2s}
.pc-share a:hover{border-color:var(--coral-deep);color:var(--coral-deep)}
.pc-share a::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.pc-share .s-x{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.1173 9.62177L20.4459 2H18.9463L13.4511 8.61788L9.06215 2H4L10.637 12.0074L4 20H5.49977L11.3028 13.0113L15.9379 20H21L14.1169 9.62177H14.1173ZM12.0632 12.0956L11.3907 11.0991L6.04016 3.16971H8.34371L12.6617 9.56895L13.3341 10.5655L18.947 18.8835H16.6434L12.0632 12.096V12.0956Z'/%3E%3C/svg%3E")}
.pc-share .s-linkedin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z'/%3E%3C/svg%3E")}
.pc-share .s-reddit{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z'/%3E%3C/svg%3E")}
.pc-share .s-facebook{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C6.5,2,2,6.5,2,12c0,5,3.7,9.1,8.4,9.9v-7H7.9V12h2.5V9.8c0-2.5,1.5-3.9,3.8-3.9c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3 c-1.2,0-1.6,0.8-1.6,1.6V12h2.8l-0.4,2.9h-2.3v7C18.3,21.1,22,17,22,12C22,6.5,17.5,2,12,2z'/%3E%3C/svg%3E")}
.pc-share .s-pinterest{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2'/%3E%3C/svg%3E")}