body.template-article{background:var(--pp-surface)}body.template-article main#MainContent{background:var(--pp-surface);width:100%;max-width:1640px;margin:0 auto;padding:24px 24px 32px}.pp-article__hero{background:var(--pp-surface-2);border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:16px 24px;margin-bottom:18px;display:grid;grid-template-columns:1fr;gap:24px;align-items:center}@media(min-width:900px){.pp-article__hero{grid-template-columns:1.1fr 1fr;padding:16px 24px}}.pp-article__hero-text{display:flex;flex-direction:column;gap:16px;padding:12px;min-width:0}.pp-article__title{font-family:var(--pp-font-display);font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--pp-ink);margin:0}@media(min-width:900px){.pp-article__title{font-size:42px}}.pp-article__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pp-article__pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--pp-border);border-radius:var(--pp-radius-pill);padding:6px 12px;font-family:var(--pp-font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--pp-ink);line-height:1}.pp-article__pill--reading{color:var(--pp-primary)}.pp-article__brand{display:inline-flex;align-items:center;gap:10px;margin-top:4px;font-family:var(--pp-font-body);font-size:14px;color:var(--pp-ink)}.pp-article__brand-icon{width:32px;height:32px;border-radius:50%;background:var(--pp-primary);color:#fff;display:grid;place-items:center;font-weight:700}.pp-article__hero-img{border-radius:var(--pp-radius);overflow:hidden;background:#fff;border:1px solid var(--pp-border)}.pp-article__hero-img img{width:100%;height:auto;display:block}.pp-article__cols{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:1024px){.pp-article__cols{grid-template-columns:260px minmax(0,1fr) 300px;gap:16px}.pp-article__cols--no-recs{grid-template-columns:260px minmax(0,1fr)}.pp-article__toc-col{grid-column:1;grid-row:1}.pp-article__body-col{grid-column:2;grid-row:1}.pp-article__recs-col{grid-column:3;grid-row:1 / span 2}.pp-article__below{grid-column:1 / span 2;grid-row:2}}@media(min-width:1280px){.pp-article__cols{grid-template-columns:280px minmax(0,1fr) 340px;gap:16px}.pp-article__cols--no-recs{grid-template-columns:280px minmax(0,1fr)}}@media(min-width:1024px){.pp-article__toc-col,.pp-article__recs-col{align-self:stretch;min-height:0}.pp-article__toc-col .pp-toc,.pp-article__recs-col .pp-recs{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}}.pp-toc{background:#fff;border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:18px;font-family:var(--pp-font-body)}.pp-toc__title{font-family:var(--pp-font-display);font-size:18px;font-weight:700;color:var(--pp-ink);margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--pp-border)}.pp-toc__list{list-style:none;margin:0;padding:0}.pp-toc__list li{margin:0}.pp-toc__list li.pp-toc-h2>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;color:var(--pp-ink);text-decoration:none;font-family:var(--pp-font-display);font-weight:600;font-size:14px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;word-break:break-word;transition:color var(--pp-dur-fast) var(--pp-ease)}.pp-toc__list li.pp-toc-h2.has-children>a:after{content:"\25be";font-size:14px;color:var(--pp-primary);transition:transform var(--pp-dur-fast) var(--pp-ease);flex:0 0 auto}.pp-toc__list li.pp-toc-h2.is-collapsed>a:after{transform:rotate(-90deg)}.pp-toc__sub{display:none;list-style:none;margin:0;padding:4px 0 8px 12px;border-left:2px solid var(--pp-surface-2)}.pp-toc__list li.pp-toc-h2.is-open .pp-toc__sub{display:block}.pp-toc__list li.pp-toc-h3 a{display:block;padding:6px 0;font-size:12.5px;font-weight:400;color:var(--pp-ink);text-decoration:none;white-space:normal;overflow-wrap:anywhere;word-break:break-word;position:relative;transition:color var(--pp-dur-fast) var(--pp-ease)}.pp-toc__list li.pp-toc-h3 a:before{content:"\2022";color:var(--pp-primary);margin-right:8px;display:inline-block;width:10px}.pp-toc__list a:hover{color:var(--pp-primary)}.pp-toc__list li.pp-toc-h2>a.is-active,.pp-toc__list li.pp-toc-h3>a.is-active,.pp-toc__list a.is-active{font-weight:700;color:var(--pp-primary);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}#pp-post-body h2,#pp-post-body h3{scroll-margin-top:24px}.pp-article__body-col{min-width:0}.pp-article__body-wrap{background:#fff;border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:20px 24px}@media(max-width:768px){.pp-article__body-wrap{padding:18px 16px}}.pp-article__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--pp-border);flex-wrap:wrap}.pp-textsize{display:flex;align-items:center;gap:10px}.pp-textsize__label{color:var(--pp-ink);font-family:var(--pp-font-mono);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pp-share{position:relative;display:inline-flex;align-items:center}.pp-share__btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#fff;color:var(--pp-ink);border:1px solid var(--pp-border);border-radius:var(--pp-radius-pill);font-family:var(--pp-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color var(--pp-dur-fast) var(--pp-ease),color var(--pp-dur-fast) var(--pp-ease)}.pp-share__btn:hover{border-color:var(--pp-primary);color:var(--pp-primary)}.pp-share__btn svg{width:14px;height:14px}.pp-share__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:180px;background:#fff;border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);box-shadow:0 12px 28px -12px #0b1f3340;padding:6px;display:none;flex-direction:column;gap:2px}.pp-share.is-open .pp-share__menu{display:flex}.pp-share__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--pp-radius-sm);background:transparent;border:0;color:var(--pp-ink);font-family:var(--pp-font-body);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;text-align:left;width:100%;transition:background var(--pp-dur-fast) var(--pp-ease)}.pp-share__item:hover{background:var(--pp-surface);color:var(--pp-primary)}.pp-share__item svg{width:16px;height:16px;flex:0 0 16px}.pp-share__copied{position:absolute;top:calc(100% + 6px);right:0;background:var(--pp-ink);color:#fff;padding:6px 10px;border-radius:var(--pp-radius-sm);font-family:var(--pp-font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity var(--pp-dur-fast) var(--pp-ease),transform var(--pp-dur-fast) var(--pp-ease)}.pp-share.is-copied .pp-share__copied{opacity:1;transform:translateY(0)}.pp-ts-btn{width:32px;height:32px;border-radius:999px;border:2px solid var(--pp-border);background:#fff;color:var(--pp-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--pp-font-body);font-weight:700;padding:0;line-height:1;transition:border-color var(--pp-dur-fast) var(--pp-ease)}.pp-ts-btn:nth-of-type(1){font-size:11px}.pp-ts-btn:nth-of-type(2){font-size:15px}.pp-ts-btn:nth-of-type(3){font-size:21px}.pp-ts-btn:hover{border-color:var(--pp-primary)}.pp-ts-btn.is-active{border-color:var(--pp-ink)}.pp-audio-article{margin:0 0 20px}.pp-audio-title{font-family:var(--pp-font-display);font-weight:700;font-size:16px;text-align:center;line-height:1.3;color:var(--pp-ink);margin:0 0 10px}.pp-audio{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);background:var(--pp-surface);font-family:var(--pp-font-body)}.pp-audio__btn{width:36px;height:36px;border-radius:999px;border:2px solid var(--pp-border);background:#fff;color:var(--pp-ink);font-weight:700;font-size:14px;line-height:1;text-align:center;cursor:pointer;flex:0 0 auto;transition:border-color var(--pp-dur-fast) var(--pp-ease),background var(--pp-dur-fast) var(--pp-ease),color var(--pp-dur-fast) var(--pp-ease)}.pp-audio__btn:hover{border-color:var(--pp-primary)}.pp-audio__btn.is-playing{background:var(--pp-ink);color:#fff;border-color:var(--pp-ink)}.pp-audio__progress{position:relative;flex:1 1 auto;height:6px;border-radius:999px;background:var(--pp-border);cursor:pointer;overflow:hidden}.pp-audio__progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--pp-primary);border-radius:999px;transition:width .1s linear}.pp-audio__time{font-family:var(--pp-font-mono);font-size:11.5px;color:var(--pp-muted);min-width:80px;text-align:right;flex:0 0 auto;font-variant-numeric:tabular-nums}#pp-post-body{--ts-scale: 1;--ts-lh: 1.65;font-family:var(--pp-font-body);color:var(--pp-ink);font-size:calc(16px * var(--ts-scale));line-height:var(--ts-lh)}#pp-post-body>*:first-child{margin-top:0}#pp-post-body>*:last-child{margin-bottom:0}#pp-post-body p{font-size:calc(16px * var(--ts-scale));line-height:var(--ts-lh);color:var(--pp-ink);margin:0 0 14px}#pp-post-body h2{font-family:var(--pp-font-display);font-size:calc(24px * var(--ts-scale));color:var(--pp-ink);font-weight:700;letter-spacing:-.015em;border-bottom:1px solid var(--pp-border);padding-bottom:8px;margin:36px 0 14px;line-height:1.25}@media(max-width:768px){#pp-post-body h2{margin:24px 0 12px;line-height:1.2}}#pp-post-body h3{font-family:var(--pp-font-display);font-size:calc(20px * var(--ts-scale));color:var(--pp-ink);font-weight:700;letter-spacing:-.01em;margin:24px 0 10px;line-height:1.3}#pp-post-body h4{font-family:var(--pp-font-display);font-size:calc(17px * var(--ts-scale));color:var(--pp-ink);font-weight:600;margin:20px 0 8px}#pp-post-body strong,#pp-post-body b{font-weight:700;color:var(--pp-ink)}#pp-post-body a,#pp-post-body a:visited{color:var(--pp-primary);font-weight:600;text-decoration:none;transition:color var(--pp-dur-fast) var(--pp-ease),text-decoration-color var(--pp-dur-fast) var(--pp-ease)}#pp-post-body a:hover,#pp-post-body a:focus{color:var(--pp-primary-deep);text-decoration:underline;text-underline-offset:2px}#pp-post-body ul{list-style:none;padding-left:0;margin:0 0 14px}#pp-post-body ul li{position:relative;padding-left:22px;margin:0 0 10px}#pp-post-body ul li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:2px;background:var(--pp-primary);transform:rotate(45deg)}#pp-post-body ol{list-style:decimal outside;padding-left:1.4rem;margin:0 0 14px}#pp-post-body ol li{margin:0 0 8px}#pp-post-body ol li::marker{color:var(--pp-primary);font-weight:700}#pp-post-body img,#pp-post-body a>img{border-radius:var(--pp-radius-sm);max-width:100%;margin:16px 0;height:auto;display:block}#pp-post-body blockquote{margin:18px 0;padding:14px 18px;border-left:3px solid var(--pp-primary);background:var(--pp-surface);border-radius:0 var(--pp-radius-sm) var(--pp-radius-sm) 0;font-style:italic;color:var(--pp-ink)}#pp-post-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:calc(14px * var(--ts-scale))}#pp-post-body th,#pp-post-body td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--pp-border)}#pp-post-body th{font-family:var(--pp-font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-muted);background:var(--pp-surface);border-bottom:2px solid var(--pp-border)}html[data-pp-ts="0.95"] #pp-post-body{--ts-lh: 1.55}html[data-pp-ts="1"] #pp-post-body{--ts-lh: 1.65}html[data-pp-ts="1.2"] #pp-post-body{--ts-lh: 1.75}.pp-recs{background:#fff;border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:18px}.pp-recs__title{font-family:var(--pp-font-display);font-size:16px;font-weight:700;color:var(--pp-ink);margin:0 0 12px}.pp-recs__list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.pp-recs__card{display:flex;align-items:center;gap:8px;padding:8px 10px 4px;border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);background:#fff;transition:border-color var(--pp-dur-fast) var(--pp-ease)}.pp-recs__card:hover{border-color:var(--pp-primary)}.pp-recs__img{width:54px;height:54px;flex:0 0 54px;border-radius:var(--pp-radius-sm);background:var(--pp-surface);overflow:hidden;border:1px solid var(--pp-border)}.pp-recs__img img{width:100%;height:100%;object-fit:cover;display:block}.pp-recs__info{flex:1;min-width:0}.pp-recs__name{font-family:var(--pp-font-display);font-size:13px;font-weight:600;color:var(--pp-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.pp-recs__name:hover{color:var(--pp-primary)}.pp-recs__meta{font-family:var(--pp-font-mono);font-size:10px;color:var(--pp-muted);letter-spacing:.02em;line-height:1.3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-recs__price{font-family:var(--pp-font-display);font-size:14px;font-weight:700;color:var(--pp-ink)}.pp-recs__add{width:32px;height:32px;flex:0 0 32px;border-radius:var(--pp-radius-sm);background:var(--pp-primary);color:#fff;border:0;font-size:16px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background var(--pp-dur-fast) var(--pp-ease)}.pp-recs__add:hover{background:var(--pp-primary-deep)}.pp-recs__add.is-added{background:var(--pp-ok)}.pp-article__below{min-width:0;display:flex;flex-direction:column;gap:40px;margin-top:0}.pp-faq{margin:0;width:100%}.pp-faq__title{font-family:var(--pp-font-display);font-size:24px;font-weight:700;color:var(--pp-ink);text-align:center;margin:0 0 18px;letter-spacing:-.015em}.pp-faq__tabs{display:flex;gap:10px;align-items:center;justify-content:center;margin:0 0 18px;flex-wrap:wrap}@media(max-width:768px){.pp-faq__tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;flex-wrap:nowrap;padding:0 4px}.pp-faq__tabs::-webkit-scrollbar{display:none}}.pp-faq__tab{-webkit-appearance:none;appearance:none;border:2px solid var(--pp-primary);background:#fff;color:var(--pp-ink);border-radius:var(--pp-radius-sm);padding:8px 18px;font-family:var(--pp-font-mono);font-weight:700;font-size:12.5px;line-height:1;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:background var(--pp-dur-fast) var(--pp-ease),color var(--pp-dur-fast) var(--pp-ease),border-color var(--pp-dur-fast) var(--pp-ease)}.pp-faq__tab:hover{background:var(--pp-ink);border-color:var(--pp-ink);color:#fff}.pp-faq__tab.is-active{background:var(--pp-primary);border-color:var(--pp-primary);color:#fff}.pp-faq__panel{width:100%}.pp-faq__acc{display:flex;flex-direction:column;gap:10px}.pp-faq__item{background:#fff;border-radius:var(--pp-radius-sm);border:1px solid var(--pp-border);overflow:hidden}.pp-faq__q{width:100%;text-align:left;padding:14px 18px;margin:0;background:transparent;border:0;cursor:pointer;font-family:var(--pp-font-display);font-weight:600;font-size:14.5px;color:var(--pp-ink);display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.35}.pp-faq__q:after{content:"";width:8px;height:8px;border-right:2px solid var(--pp-ink);border-bottom:2px solid var(--pp-ink);transform:rotate(45deg);transition:transform var(--pp-dur-fast) var(--pp-ease);flex:0 0 auto;margin-left:10px}.pp-faq__q[aria-expanded=true]:after{transform:rotate(-135deg)}.pp-faq__a{padding:0 18px 16px;margin:0;font-family:var(--pp-font-body);color:var(--pp-ink);font-size:14px;line-height:1.65}.pp-faq__a p{margin:8px 0 0}.pp-faq__a ul{list-style:disc;margin:10px 0 0 20px;padding:0}.pp-faq__a li{margin:0 0 6px}.pp-faq__a ol{margin:10px 0 0 22px;padding:0}.pp-faq__a ol li::marker{color:var(--pp-primary);font-weight:700}.pp-faq__a strong{font-weight:700}.pp-faq__empty{font-family:var(--pp-font-body);color:var(--pp-muted);font-size:13px;padding:16px}.pp-related{margin:0;width:100%}.pp-related__title{font-family:var(--pp-font-display);font-size:24px;font-weight:700;color:var(--pp-ink);margin:0 0 18px;letter-spacing:-.015em}.pp-related__grid{display:grid;grid-template-columns:1fr;gap:16px;list-style:none;padding:0;margin:0}@media(min-width:768px){.pp-related__grid{grid-template-columns:repeat(3,1fr)}}.pp-related__item{background:#fff;border:1px solid var(--pp-border);border-radius:var(--pp-radius);overflow:hidden;transition:transform var(--pp-dur-fast) var(--pp-ease),border-color var(--pp-dur-fast) var(--pp-ease),box-shadow var(--pp-dur-base) var(--pp-ease)}.pp-related__item:hover{transform:translateY(-3px);border-color:var(--pp-primary);box-shadow:0 10px 24px -16px #0b1f3333}.pp-related__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.pp-related__img-wrap{aspect-ratio:16 / 9;overflow:hidden;background:var(--pp-surface)}.pp-related__img{width:100%;height:100%;object-fit:cover;display:block}.pp-related__content{padding:18px;display:flex;flex-direction:column;gap:10px;flex-grow:1}.pp-related__article-title{font-family:var(--pp-font-display);font-size:16px;font-weight:700;color:var(--pp-ink);margin:0;line-height:1.3;letter-spacing:-.01em}.pp-related__excerpt{font-family:var(--pp-font-body);font-size:13px;line-height:1.5;color:var(--pp-muted);margin:0;flex-grow:1}.pp-related__cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--pp-primary);color:#fff;border-radius:var(--pp-radius-sm);font-family:var(--pp-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background var(--pp-dur-fast) var(--pp-ease);align-self:flex-start}.pp-related__item:hover .pp-related__cta{background:var(--pp-primary-deep)}.pp-comments{margin:0;width:100%;background:#fff;border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:28px 32px}@media(max-width:768px){.pp-comments{padding:22px 18px}}.pp-comments__heading{font-family:var(--pp-font-display);font-size:22px;font-weight:700;color:var(--pp-ink);margin:0 0 14px;letter-spacing:-.01em}.pp-comments__list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:16px}.pp-comments__item{padding:14px 16px;background:var(--pp-surface);border-radius:var(--pp-radius-sm);border:1px solid var(--pp-border)}.pp-comments__author{font-family:var(--pp-font-display);font-weight:700;color:var(--pp-ink);font-size:14px;margin:0 0 6px}.pp-comments__content{font-family:var(--pp-font-body);font-size:14px;color:var(--pp-ink);line-height:1.55;margin:0}.pp-comments__empty{font-family:var(--pp-font-body);color:var(--pp-muted);font-size:14px;margin:0 0 24px}.pp-comments__form-title{font-family:var(--pp-font-display);font-size:18px;font-weight:700;color:var(--pp-ink);margin:18px 0 14px}.pp-comments__field{margin:0 0 14px}.pp-comments__field label{display:block;font-family:var(--pp-font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-muted);margin:0 0 6px}.pp-comments__field input,.pp-comments__field textarea{width:100%;padding:10px 12px;border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);font-family:var(--pp-font-body);font-size:14px;color:var(--pp-ink);background:#fff;box-sizing:border-box;transition:border-color var(--pp-dur-fast) var(--pp-ease)}.pp-comments__field input:focus,.pp-comments__field textarea:focus{outline:none;border-color:var(--pp-primary)}.pp-comments__btn{background:var(--pp-primary);color:#fff;border:0;padding:10px 22px;border-radius:var(--pp-radius-sm);font-family:var(--pp-font-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--pp-dur-fast) var(--pp-ease)}.pp-comments__btn:hover{background:var(--pp-primary-deep)}.pp-article__progress{position:fixed;top:0;left:0;right:0;height:4px;background:#0b1f3314;z-index:1000;pointer-events:none;display:block!important}.pp-article__progress-fill{display:block!important;height:100%;width:0%;background:var(--pp-primary);transition:width 80ms linear}@media(max-width:767px){body.template-article main#MainContent{padding:16px 12px}.pp-article__hero{padding:0 4px;gap:0}.pp-article__brand{display:none}.pp-toc{padding:8px 16px}.pp-article__below{margin-top:4px;gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/pp-article.css.map */