.kpt-jr{--cream2:#efe6d4;--goldsoft:#f1e3bd;--g300:#7cc49a;--grad:linear-gradient(135deg,var(--g700),var(--g500));--gradh:linear-gradient(135deg,var(--g900),var(--gold));--ease:cubic-bezier(.22,.8,.3,1);--sh:var(--jr-shadow);--shl:0 18px 40px rgb(15 61 42/16%);background:var(--cream);color:var(--ink);font:15px/1.6 var(--fb);padding-bottom:var(--jr-bottom);-webkit-font-smoothing:antialiased}.kpt-jr,.kpt-jr *{box-sizing:border-box;min-width:0}.kpt-jr .wrap{width:min(var(--jr-width),calc(100% - 32px));margin-inline:auto;max-width:var(--jr-block-width)}.kpt-jr.jr-full{--jr-width:100%!important}.kpt-jr p{margin:0}.kpt-jr a{color:inherit;text-decoration:none}.kpt-jr h1,.kpt-jr h2,.kpt-jr h3{font-family:var(--fh)!important;letter-spacing:-.02em!important;line-height:1.12!important;margin:0;text-wrap:balance;color:var(--g900)!important;overflow-wrap:anywhere}.kpt-jr h4{color:var(--g500)!important}.kpt-jr .eyebrow{display:block;font:600 12px var(--fh);letter-spacing:.16em;text-transform:uppercase;color:var(--g500);margin-bottom:10px}.kpt-jr .muted{color:var(--muted)}.kpt-jr .crumb{font-size:13px;color:var(--muted)}.kpt-jr .crumb a:hover{color:var(--g700)}.kpt-jr .head{display:grid;gap:10px;max-width:640px;margin-bottom:32px}.kpt-jr .ph{position:relative;border-radius:var(--rl);overflow:hidden;background:var(--cream2)}.kpt-jr .jr-image img{display:block;width:100%;height:100%;object-fit:var(--jr-fit);object-position:center;margin:0;max-width:100%}.kpt-jr .jr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;background:var(--grad);color:#fff;font:600 14px var(--fh);border:0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 6px 18px #1a5c3e47;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.kpt-jr .jr-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradh);opacity:0;z-index:-1;transition:opacity .35s var(--ease)}.kpt-jr .jr-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #c9a24a66}.kpt-jr .jr-btn:hover:before{opacity:1}.kpt-jr a:focus-visible,.kpt-jr input:focus-visible,.kpt-jr textarea:focus-visible,.kpt-jr button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.kpt-jr .b-hero{display:grid;gap:12px;padding-top:28px;max-width:720px}.kpt-jr .b-hero h1{font-size:clamp(34px,4.4vw,54px);font-weight:800}.kpt-jr .b-hero p{color:var(--muted);font-size:17px}.kpt-jr .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.kpt-jr .chip{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:9px 16px;font:600 13px var(--fh);color:var(--muted);cursor:pointer;transition:all .3s}.kpt-jr .chip:hover{border-color:var(--g500);color:var(--g700)}.kpt-jr .chip[aria-pressed=true]{background:var(--grad);color:#fff;border-color:transparent}.kpt-jr .feat{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--white);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh);margin-top:36px;transition:box-shadow .35s var(--ease)}.kpt-jr .feat:hover{box-shadow:var(--shl)}.kpt-jr .feat .ph{border-radius:0;min-height:380px}.kpt-jr .feat .t{padding:clamp(24px,4vw,48px);display:grid;gap:14px;align-content:center}.kpt-jr .feat h2{font-size:clamp(24px,2.8vw,34px);font-weight:700}.kpt-jr .meta{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.kpt-jr .tagl{font:600 11px var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.kpt-jr .rlink{font:600 14px var(--fh);color:var(--g700)}.kpt-jr .feat:hover .rlink,.kpt-jr .post-card:hover .rlink{color:var(--gold)}.kpt-jr .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.kpt-jr .post-card{background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.kpt-jr .post-card:hover{transform:translateY(-6px);box-shadow:var(--shl)}.kpt-jr .post-card .ph{border-radius:0;aspect-ratio:4/3}.kpt-jr .post-card .t{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.kpt-jr .post-card h3{font-size:19px;font-weight:600;line-height:1.25}.kpt-jr .post-card p{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kpt-jr .post-card .rlink{margin-top:auto}.kpt-jr .post-card[hidden],.kpt-jr .feat[hidden]{display:none}.kpt-jr .art-head{max-width:820px;margin:0 auto;text-align:center;display:grid;gap:14px;justify-items:center;padding-top:28px}.kpt-jr .art-head h1{font-size:clamp(30px,4.2vw,50px);font-weight:800}.kpt-jr .art-head .lead{font-size:18px;color:var(--muted);max-width:60ch}.kpt-jr .art-hero{margin-top:32px;aspect-ratio:16/8;max-height:560px}.kpt-jr .art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start;margin-top:48px}.kpt-jr .prose{max-width:68ch;font-size:17px;line-height:1.75}.kpt-jr .prose h2{font-size:clamp(22px,2.4vw,28px);font-weight:700;margin:40px 0 12px;scroll-margin-top:80px}.kpt-jr .prose p{margin:0 0 18px}.kpt-jr .prose ul{margin:0 0 20px;padding:20px 24px 20px 44px;background:var(--white);border-radius:var(--r);border:1px solid var(--line);display:grid;gap:8px}.kpt-jr .prose li::marker{color:var(--gold)}.kpt-jr .prose a{color:var(--g700);text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:3px}.kpt-jr .prose a:hover{color:var(--gold)}.kpt-jr .prose>p:first-child:first-letter{float:left;font:800 64px/.9 var(--fh);color:var(--g700);margin:6px 10px 0 0}.kpt-jr .aside{position:sticky;top:76px;display:grid;gap:16px}.kpt-jr .box{background:var(--white);border-radius:var(--r);padding:22px;border:1px solid var(--line)}.kpt-jr .box h4{margin:0 0 12px;font:600 12px var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--g500)}.kpt-jr .toc{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:t}.kpt-jr .toc a{display:block;padding:7px 10px;border-radius:10px;font-size:14px;color:var(--ink);border-left:2px solid transparent;transition:all .3s}.kpt-jr .toc a:hover,.kpt-jr .toc a.on{background:var(--cream);border-left-color:var(--gold);color:var(--g700)}.kpt-jr .box--green{background:var(--g900);border:0;color:var(--cream);background-image:radial-gradient(circle at 90% 10%,rgb(201 162 74/30%),transparent 45%)}.kpt-jr .box--green h4{color:var(--goldsoft)}.kpt-jr .box--green p{font-size:14px;margin-bottom:14px;color:#fff}.kpt-jr .shoplinks{display:grid;gap:8px}.kpt-jr .shoplinks a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--cream);font:600 14px var(--fh);color:var(--g900);transition:color .3s}.kpt-jr .shoplinks a:hover{color:var(--g500)}.kpt-jr .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.kpt-jr .tags span{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}.kpt-jr .pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;max-width:68ch}.kpt-jr .pn a{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:4px;transition:border-color .3s}.kpt-jr .pn a:hover{border-color:var(--g500)}.kpt-jr .pn small{font:600 11px var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.kpt-jr .pn b{font:600 15px var(--fh);color:var(--g900)}.kpt-jr .pn a:last-child{text-align:right}.kpt-jr .progress{position:fixed;left:0;top:0;height:3px;background:var(--gold);width:0;z-index:30}@media(max-width:1024px){.kpt-jr .pgrid{grid-template-columns:1fr 1fr}.kpt-jr .art{grid-template-columns:1fr}.kpt-jr .aside{position:static;grid-template-columns:1fr 1fr}}@media(max-width:767px){.kpt-jr .feat{grid-template-columns:1fr}.kpt-jr .feat .ph{min-height:0;aspect-ratio:4/3}.kpt-jr .pgrid,.kpt-jr .aside{grid-template-columns:1fr}.kpt-jr .art-hero{aspect-ratio:4/3}.kpt-jr .prose{font-size:16px}.kpt-jr .pn{grid-template-columns:1fr}.kpt-jr .pn a:last-child{text-align:left}.kpt-jr .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.kpt-jr .chip{flex:none}}.kpt-jr .jr-block{padding-top:var(--jr-pt);padding-bottom:var(--jr-pb);margin-top:var(--jr-mt);margin-bottom:var(--jr-mb);text-align:var(--jr-align)}.kpt-jr .b-hero,.kpt-jr .art-head{padding-top:0}.kpt-jr .b-hero{max-width:720px}.kpt-jr .jr-block h1,.kpt-jr .jr-block--featured h2,.kpt-jr .head h2,.kpt-jr .prose h2{font-size:var(--jr-size)!important;font-weight:var(--jr-weight,700)!important}.kpt-jr .jr-block--hero h1,.kpt-jr .jr-block--post_header h1{font-weight:var(--jr-weight,800)!important}.kpt-jr .b-hero p,.kpt-jr .lead,.kpt-jr .feat .muted,.kpt-jr .prose{font-size:var(--jr-copy)!important}.kpt-jr .b-hero,.kpt-jr .art-head{margin-inline:0}.kpt-jr .art-head{margin-inline:auto}.kpt-jr .chips,.kpt-jr .feat,.kpt-jr .pgrid,.kpt-jr .art,.kpt-jr .art-hero{margin-top:0}.kpt-jr .chip{display:inline-flex;align-items:center;min-height:40px;line-height:1.2;text-align:center}.kpt-jr .chip.is-active{background:var(--grad);color:#fff;border-color:transparent}.kpt-jr .feat .jr-image{height:100%;min-height:380px;aspect-ratio:1.7}.kpt-jr .post-card .ph{aspect-ratio:var(--jr-image-ratio)}.kpt-jr .post-card h3{font-size:var(--jr-card-font)!important;line-height:1.25!important;font-weight:600!important}.kpt-jr .post-card p{font-size:var(--jr-card-copy)!important;line-height:1.6}.kpt-jr .post-card .t{padding:var(--jr-card-padding)}.kpt-jr .pgrid{grid-template-columns:repeat(var(--jr-cols,3),minmax(0,1fr));gap:var(--jr-gap,22px)}.kpt-jr .art{grid-template-columns:minmax(0,1fr) var(--jr-sidebar,300px);gap:var(--jr-body-gap,56px)}.kpt-jr .art--wide{grid-template-columns:minmax(0,1fr)}.kpt-jr .art--wide>article{max-width:820px;margin-inline:auto;width:100%}.kpt-jr .art-hero{aspect-ratio:var(--jr-hero-ratio,2);max-height:560px}.kpt-jr .art-hero img{object-fit:var(--jr-hero-fit,contain)}.kpt-jr .prose p{font-size:inherit!important;line-height:inherit!important}.kpt-jr .prose h2{scroll-margin-top:calc(var(--jr-sticky-top,100px) + 20px)}.kpt-jr .prose h3{font-size:22px!important;line-height:1.3!important;margin:30px 0 12px}.kpt-jr .prose img{max-width:100%;height:auto;object-fit:contain}.kpt-jr .prose table{display:block;max-width:100%;overflow-x:auto}.kpt-jr .prose strong{color:inherit}.kpt-jr .prose>p:first-child:first-letter{float:none;font:inherit;margin:0;color:inherit}.kpt-jr .prose--drop>p:first-child:first-letter{float:left;font:800 64px/.9 var(--fh);color:var(--g700);margin:6px 10px 0 0}.kpt-jr .aside{top:var(--jr-sticky-top,100px)}.kpt-jr .box{box-shadow:none;text-align:left}.kpt-jr .box h4{font:600 12px var(--fh)!important;letter-spacing:.14em!important;line-height:1.4!important}.kpt-jr .box--green h4{color:var(--goldsoft)!important}.kpt-jr .box--green .jr-btn{width:100%;background:linear-gradient(135deg,#fff,var(--goldsoft));color:var(--g900);box-shadow:none}.kpt-jr .box--green .jr-btn:before{background:linear-gradient(135deg,var(--gold),#e8c877)}.kpt-jr .toc{list-style:none}.kpt-jr .toc li::marker{content:none}.kpt-jr .toc a{line-height:1.6}.kpt-jr .tags a{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}.kpt-jr .pn b{color:var(--g900)}.kpt-jr .jr-empty{text-align:center;padding:40px 0;color:var(--muted)}.kpt-jr .jr-pages{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px}.kpt-jr .jr-pages a,.kpt-jr .jr-pages .current{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.kpt-jr .progress{z-index:150}.kpt-jr [hidden]{display:none!important}.kpt-jr .jr-comments{margin-top:40px;display:grid;gap:12px}.kpt-jr .jr-comments label{display:grid;gap:6px;margin-top:12px}.kpt-jr .jr-comments input,.kpt-jr .jr-comments textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font:inherit}@media(max-width:1024px){.kpt-jr .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpt-jr .art{grid-template-columns:1fr}.kpt-jr .aside{position:static;grid-template-columns:1fr 1fr}}@media(max-width:767px){.kpt-jr .pgrid,.kpt-jr .aside{grid-template-columns:1fr}.kpt-jr .jr-block{padding-top:var(--jr-mpt);padding-bottom:var(--jr-mpb);margin-top:var(--jr-mmt);margin-bottom:var(--jr-mmb)}.kpt-jr .jr-block h1,.kpt-jr .jr-block--featured h2,.kpt-jr .head h2,.kpt-jr .prose h2{font-size:var(--jr-msize)!important}.kpt-jr .b-hero p,.kpt-jr .lead,.kpt-jr .feat .muted,.kpt-jr .prose{font-size:var(--jr-mcopy)!important}.kpt-jr .feat .jr-image{height:auto;min-height:0;aspect-ratio:4/3}.kpt-jr .art-hero{aspect-ratio:4/3;max-height:none}.kpt-jr .pn{grid-template-columns:1fr}.kpt-jr .chips{margin-inline:0;max-width:100%}.kpt-jr{padding-bottom:48px}}@media(prefers-reduced-motion:reduce){.kpt-jr *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.kpt-jr .aside .box{padding:var(--jr-aside-padding,22px)}.kpt-jr .aside .box h4{font-size:var(--jr-aside-heading,12px)!important}.kpt-jr .aside .box p,.kpt-jr .aside .toc a,.kpt-jr .aside .shoplinks a{font-size:var(--jr-aside-copy,14px)!important}.kpt-jr .aside .box--green{background-color:var(--jr-help-bg,var(--g900))}.kpt-jr .art-head{text-align:var(--jr-align);justify-items:var(--jr-align)}.kpt-jr .jr-block--align-center .b-hero{margin-inline:auto}.kpt-jr .jr-block--align-right .b-hero{margin-left:auto}.kpt-jr .jr-block--posts{--jr-card-font:var(--jr-size);--jr-card-copy:var(--jr-copy)}.kpt-jr .jr-block--posts .post-card h3{font-weight:var(--jr-weight)!important}.kpt-jr .jr-block--filters .chip,.kpt-jr .crumb{font-size:var(--jr-copy)}@media(max-width:767px){.kpt-jr{padding-bottom:var(--jr-mobile-bottom)}.kpt-jr .jr-block--posts{--jr-card-font:var(--jr-msize);--jr-card-copy:var(--jr-mcopy)}.kpt-jr .jr-block--filters .chip,.kpt-jr .crumb{font-size:var(--jr-mcopy)}}.kpt-jr .art-hero.jr-hero--auto{aspect-ratio:var(--jr-hero-ratio);max-height:none;width:min(100%,calc(640px * var(--jr-hero-ratio)));margin-inline:auto;background:transparent}.kpt-jr .art-hero.jr-hero--auto img{width:100%;height:100%;object-fit:cover}@media(max-width:767px){.kpt-jr .art-hero.jr-hero--auto{aspect-ratio:var(--jr-hero-ratio);width:min(100%,calc(520px * var(--jr-hero-ratio)))}}.kpt-jr .jr-image--own{aspect-ratio:var(--jr-own-ratio)!important;height:auto!important;min-height:0!important;background:transparent}.kpt-jr .jr-image--own img{width:100%;height:100%;object-fit:cover!important}.kpt-jr .feat{align-items:center}.kpt-jr .feat .jr-image--own{align-self:center;max-height:none}.kpt-jr .pgrid{align-items:start}
/*# sourceMappingURL=/cdn/shop/t/13/assets/kpt-journal-html.css.map */