/* Generated 2026-10-15 from src/dist/css/app.css for the H1 fix (inc/headings.php).
 * Title headings are now h1 with class h2 (were h2); article H1s are shown as h2.psc-h1.
 * The copied rules below keep both looking exactly as before. Regenerate if app.css changes. */
h2.psc-h1{font-weight:500;font-family:var(--ff-helvetica-nene);line-height:1;margin:0}
h2.psc-h1{font-size:var(--font-size-h1)}
.title-comp h1.h2{font-weight:900;text-transform:uppercase;line-height:1}
.visual-editor-content h2.psc-h1{margin:.75rem 0}
.visual-editor-content h1.h2{margin:.75rem 0}
.vault-confirmation #landing_page_confirmation h1.h2{font-weight:900;color:#969696;margin:max(40vw / var(--context),25px) 0 max(20vw / var(--context),15px);font-size:max(40vw / var(--context),25px)}
.page-template-page-vault-landing #landing_page_confirmation h1.h2{font-weight:900;color:#969696;margin:max(40vw / var(--context),25px) 0 max(20vw / var(--context),15px);font-size:max(40vw / var(--context),25px)}
.vault_confomation_page #landing_page_confirmation h1.h2{font-weight:900;color:#969696;margin:max(40vw / var(--context),25px) 0 max(20vw / var(--context),15px);font-size:max(40vw / var(--context),25px)}
.error-404 .page-content h1.h2{margin:1.5rem 0 2.5rem}
.tab-slider-sec .title-comp h1.h2{width:70%;text-align:left}
@media (max-width: 480px){.tab-slider-sec .title-comp h1.h2{width:100%}}
.paid-sec .top-text h1.h2{font-size:max(80vw / var(--context),50px);font-weight:900}
@media (max-width: 768px){.paid-sec .top-text h1.h2{font-size:40px}}
.tutorial-detail .gmail_quote h2.psc-h1{margin-bottom:max(15vw / var(--context),10px)}
.woocommerce-cart .full-width-sec h1.h2{padding:0 0 max(10vw / var(--context),10px)}
.photo-tutorial-sec .title-comp h1.h2{width:75%}
@media (max-width: 1280px){.photo-tutorial-sec .title-comp h1.h2{width:65%}}
@media (max-width: 992px){.photo-tutorial-sec .title-comp h1.h2{width:100%}.gallery-section .gallery-head h1.h2{width:100%;text-align:center}}
.gallery-section .gallery-head h1.h2{font-weight:900;font-size:max(60vw / var(--context),30px);line-height:1}
@media (max-width: 768px){.gallery-section .gallery-head h1.h2{font-size:30px}}
.blog-sec .title-comp h1.h2{width:75%}
@media (max-width: 1280px){.blog-sec .title-comp h1.h2{width:65%}}
@media (max-width: 992px){.blog-sec .title-comp h1.h2{width:100%}}
.blog-sec .title-comp h1.h2 span{font-weight:900;color:var(--color-blue)}
.blog-sec .col-left article h2.psc-h1{margin-bottom:max(20vw / var(--context),15px)}
.blog-sec .col-left article h1.h2{margin-bottom:max(20vw / var(--context),15px)}
.blog-sec .col-left article h2.psc-h1{font-weight:900;text-transform:uppercase}
.blog-sec .col-left article h1.h2{font-weight:900;text-transform:uppercase}
.support-sec .col-left h1.h2 iframe{margin-top:max(20vw / var(--context),15px)}
.support-sec .col-left h1.h2{margin-bottom:max(20vw / var(--context),15px)}
.support-sec .col-left h2.psc-h1{font-weight:900;text-transform:uppercase}
.support-sec .col-left h1.h2{font-weight:900;text-transform:uppercase}
.support-sec .col-left h1.h2{font-size:max(40vw / var(--context),25px)}
.support-sec.tutorial-detail .col-left h1.h2{margin-bottom:max(41vw / var(--context),25px)}
.single-post .support-sec .col-left .title-comp h1.h2{margin-bottom:max(5vw / var(--context),5px)}
.woocommerce-account .title-comp h1.h2{width:100%;margin-bottom:max(30vw / var(--context),20px)}
.woocommerce-checkout .title-comp h1.h2{width:100%;margin-bottom:max(30vw / var(--context),20px)}
.woocommerce-account.woocommerce-orders .support-inner-container h1.h2{margin-bottom:max(30vw / var(--context),20px);width:100%}
.woocommerce-checkout.woocommerce-orders .support-inner-container h1.h2{margin-bottom:max(30vw / var(--context),20px);width:100%}
.woocommerce-account .woocommerce .u-column1 h1.h2{margin-bottom:max(20vw / var(--context),15px);width:100%;font-size:max(40vw / var(--context),26px)}
.woocommerce-account .woocommerce .u-column2 h1.h2{margin-bottom:max(20vw / var(--context),15px);width:100%;font-size:max(40vw / var(--context),26px)}
.woocommerce-checkout .woocommerce .u-column1 h1.h2{margin-bottom:max(20vw / var(--context),15px);width:100%;font-size:max(40vw / var(--context),26px)}
.woocommerce-checkout .woocommerce .u-column2 h1.h2{margin-bottom:max(20vw / var(--context),15px);width:100%;font-size:max(40vw / var(--context),26px)}
.woocommerce-cart h1.h2{padding-bottom:max(22vw / var(--context),15px);padding-left:max(60vw / var(--context),30px)}
.woocommerce-cart .cart-collaterals .cart_totals h1.h2{padding:max(20vw / var(--context),15px) max(24vw / var(--context),18px);font-size:var(--font-size-body);font-weight:500;line-height:1.33;color:var(--color-black);text-transform:capitalize;background-color:var(--color-white);border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);width:100%}
.privacy-policy .blog-sec .title-comp h1.h2{padding-bottom:max(20vw / var(--context),15px)}
.single-post .title-comp h1.h2{font-size:var(--font-size-h2)!important}
.single-post h2.psc-h1{padding-bottom:max(10vw / var(--context),8px)}
/* Title h1: undo h1-only rules that never applied to the old h2 title */
.single-post .title-comp h1.h2{padding-bottom:0}
/* Article H1s shown as h2.psc-h1: undo h2 rules that never applied to them before */
h2.psc-h1{color:inherit}
.support-sec .col-left h2.psc-h1,.support-sec.tutorial-detail .col-left h2.psc-h1{font-size:var(--font-size-h1);margin-bottom:0}

.support-sec .col-left .comments-area .comment-list li,
.support-sec .col-left .comments-area .comment-list ol.children li{padding-left:0}
.support-sec .col-left .comments-area .comment-list li:before,
.support-sec .col-left .comments-area .comment-list li:after{content:none!important;display:none!important}
.support-sec .col-left .comments-area .comments-title{font-size:22px;font-weight:900;text-transform:uppercase;color:#333;margin:0 0 22px;line-height:1.2}
.comments-area .comment-list{margin:0;padding:0;list-style:none}
.comments-area .comment-list li.psc-comment{padding:0!important;margin:0}
.comments-area .comment-list > li.psc-comment{border-top:1px solid #e3e3e3;padding:22px 0!important}
.comments-area .comment-list > li.psc-comment:first-child{border-top:0;padding-top:4px!important}
.comments-area .psc-c{display:flex;gap:14px;align-items:flex-start}
.comments-area .psc-c-avatar{flex:0 0 48px;line-height:0}
.comments-area .psc-c-avatar img{width:48px!important;height:48px!important;border-radius:50%;margin:0!important;object-fit:cover}
.comments-area .psc-c-main{flex:1;min-width:0}
.comments-area .psc-c-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px}
.comments-area .psc-c-name,.comments-area .psc-c-name a{font-size:16px;font-weight:700;color:#222!important;text-decoration:none!important}
.comments-area .psc-c-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#f56b0a;color:#fff;border-radius:999px;padding:2px 8px}
.comments-area a.psc-c-date{font-size:13px;color:#777!important;text-decoration:none!important}
.comments-area a.psc-c-date:hover{text-decoration:underline!important}
.comments-area .psc-c-moderation{font-size:13px;font-style:italic;color:#777;margin:0 0 6px}
.comments-area .psc-c-text p{font-size:16px;line-height:1.55;color:#333;margin:0 0 10px}
.comments-area .psc-c-text p:last-child{margin-bottom:6px}
.comments-area .psc-c-text a{color:#c24f00;text-decoration:underline;word-wrap:break-word}
.comments-area .psc-c-reply{display:block!important;padding:0!important}
.comments-area .psc-c-reply a{font-size:14px;font-weight:600;color:#c24f00!important;text-decoration:none!important}
.comments-area .psc-c-reply a:hover,.comments-area .psc-c-reply a:focus-visible{text-decoration:underline!important}
.comments-area .comment-list ol.children{list-style:none;margin:16px 0 0 62px!important;padding:0 0 0 18px!important;border-left:2px solid #e3e3e3}
.comments-area .comment-list ol.children li.psc-comment{padding:10px 0!important}
.comments-area .comment-list ol.children .psc-c-avatar{flex-basis:36px}
.comments-area .comment-list ol.children .psc-c-avatar img{width:36px!important;height:36px!important}
.comments-area li.psc-comment-colin > .psc-c{background:#fff7f1;border-radius:10px;padding:12px 14px}
.comments-area .load-more-comments{display:inline-block!important;width:auto!important;white-space:nowrap;margin:18px 0 34px!important;padding:11px 26px!important;border:2px solid #f56b0a!important;border-radius:999px;color:#c24f00!important;font-weight:700;cursor:pointer;background:#fff!important;font-size:15px;line-height:1.2;left:auto!important;transform:none!important}
.comments-area .load-more-comments:after{content:none!important;display:none!important}
.comments-area .load-more-comments:hover,.comments-area .load-more-comments:focus-visible{background:#fff4ec!important;color:#c24f00!important}
.comments-area .psc-c-date time{color:#777!important;font-size:13px!important;font-weight:400!important}
.support-sec .col-left .comments-area div#respond .comment-reply-title{font-size:22px;font-weight:900;color:#333;text-transform:uppercase;margin-bottom:6px}
.support-sec .col-left .comments-area div#respond .comment-reply-title small a{font-size:14px;font-weight:600;color:#c24f00;text-transform:none;margin-left:10px}
.support-sec .col-left #commentform .comment-notes{font-size:15px;color:#555}
.support-sec .col-left #commentform .form-submit{justify-content:flex-start!important}
.support-sec .col-left #commentform .comment-form-comment{order:0!important;width:100%}
.support-sec .col-left #commentform .comment-form-author,.support-sec .col-left #commentform .comment-form-email{order:1;flex:1 1 calc(50% - 10px)!important;width:auto!important}
.support-sec .col-left #commentform .comment-form-cookies-consent{order:2;width:100%}
.support-sec .col-left #commentform .form-submit{order:3!important}
.support-sec .col-left #commentform .akismet_comment_form_privacy_notice{order:4}
.support-sec .col-left #commentform textarea{height:140px!important;margin-bottom:0}
.support-sec .col-left #commentform input[type=text],.support-sec .col-left #commentform input[type=email],.support-sec .col-left #commentform textarea{border:1px solid #bbb!important;border-radius:8px!important;background:#fff!important}
.support-sec .col-left #commentform input:focus,.support-sec .col-left #commentform textarea:focus{border-color:#f56b0a!important;outline:2px solid #ffd2b3;outline-offset:0}
.support-sec .col-left #commentform .form-submit .submit{text-transform:none!important;font-weight:700;font-size:16px!important;border-radius:999px}
@media (max-width:640px){.support-sec .col-left #commentform .comment-form-author,.support-sec .col-left #commentform .comment-form-email{flex-basis:100%!important}}
@media (max-width:640px){.comments-area .comment-list ol.children{margin-left:20px!important;padding-left:14px!important}}
.comments-area .psc-c-replies{display:none}
@media (max-width:768px){.comments-area .comment-list > li.psc-comment > ol.children{display:none!important}.comments-area .comment-list > li.psc-replies-open > ol.children{display:block!important}.comments-area .psc-c-replies{display:inline-block;margin:10px 0 0 62px;min-height:40px;padding:8px 16px;border:1px solid #f3c6a5;border-radius:999px;background:#fff;color:#c24f00;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer}.comments-area .psc-c-replies:focus-visible{outline:3px solid #ffd2b3;outline-offset:2px}}
.site-footer{padding-top:0!important;background:#1c1f26!important;color:#cfd3db}
.site-footer .psc-ft{max-width:1240px;margin:0 auto;padding:52px 24px 36px;display:grid;grid-template-columns:1.6fr 1fr 1.55fr 1.3fr;gap:32px 36px;box-sizing:border-box;align-items:start}
.site-footer .psc-ft h6{font-size:14px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;color:#ff8a3d!important;margin:0 0 16px!important;line-height:1.3}
.site-footer .psc-ft ul{list-style:none;margin:0;padding:0}
.site-footer .psc-ft ul li{margin:0 0 10px;padding:0}
.site-footer .psc-ft ul li a{font-size:15px!important;font-weight:400!important;color:#e7e9ee!important;text-decoration:none;line-height:1.4}
.site-footer .psc-ft ul li a:hover,.site-footer .psc-ft ul li a:focus-visible{color:#ff8a3d!important;text-decoration:underline}
.site-footer .psc-ft .psc-ft-two ul{columns:2;column-gap:24px}
.site-footer .psc-ft .psc-ft-two ul li{break-inside:avoid}
.site-footer .psc-ft-me{background:#262a33;border:1px solid #333845;border-radius:16px;padding:22px}
.site-footer .psc-ft-me-row{display:flex;gap:14px;align-items:center;margin:0 0 12px}
.site-footer .psc-ft-me-row img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #f56b0a;margin:0!important;flex:none}
.site-footer .psc-ft-me-row b{display:block;font-size:17px;color:#fff;font-weight:700}
.site-footer .psc-ft-me-row span{font-size:14px;color:#aab0bb}
.site-footer .psc-ft-me p{font-size:15px;line-height:1.55;color:#d6d9e0;margin:0 0 16px}
.site-footer .psc-ft-me a.psc-ft-btn{display:inline-block;background:#f56b0a;color:#fff!important;border-radius:999px;padding:12px 26px;font-weight:700;font-size:15px;text-decoration:none!important;margin:0 0 18px}
.site-footer .psc-ft-me a.psc-ft-btn:hover,.site-footer .psc-ft-me a.psc-ft-btn:focus-visible{background:#ff7d21}
.site-footer .psc-ft-icons{display:flex;flex-wrap:wrap;gap:6px}
.site-footer .psc-ft-icons a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#3a3f4b;color:#fff!important;transition:background .15s}
.site-footer .psc-ft-icons svg,.site-footer .psc-ft-icons svg path{width:17px;height:17px;fill:#fff!important}
.site-footer .psc-ft-icons a:hover,.site-footer .psc-ft-icons a:focus-visible{background:#f56b0a}
.site-footer .psc-ft a:focus-visible{outline:2px solid #ff8a3d;outline-offset:2px}
.site-footer .psc-ft-bottom-wrap{background:#15171c}
.site-footer .psc-ft-bottom{max-width:1240px;margin:0 auto;padding:16px 24px 20px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#9aa1ad}
.site-footer .psc-ft-bottom span{color:#aab0bb!important}
.site-footer .psc-ft-bottom .psc-ft-slogan{font-weight:800;letter-spacing:.04em;color:#fff!important}
.site-footer .psc-ft-bottom a{color:#9aa1ad!important;text-decoration:none}
.site-footer .psc-ft-bottom a:hover{color:#fff!important;text-decoration:underline}
@media (max-width:1060px){.site-footer .psc-ft{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.site-footer .psc-ft{grid-template-columns:1fr;padding:32px 20px 24px;gap:28px}.site-footer .psc-ft-bottom{padding:16px 20px 22px;flex-direction:column}}
.psc-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 40px}
.psc-rel-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e3e3;border-radius:12px;overflow:hidden;text-decoration:none!important;color:#222;transition:box-shadow .15s,border-color .15s}
.psc-rel-card:hover,.psc-rel-card:focus-visible{border-color:#f56b0a;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.psc-rel-card:focus-visible{outline:3px solid #ffd2b3;outline-offset:2px}
.psc-rel-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#eee;line-height:0}
.psc-rel-img img{width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none}
.psc-rel-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.psc-rel .psc-rel-title{font-size:19px!important;line-height:1.3!important;font-weight:700!important;color:#222!important;margin:0 0 8px!important;padding:0!important;text-transform:none!important;letter-spacing:0!important}
.psc-rel-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.5;color:#555;margin:0 0 14px}
.psc-rel-more{margin-top:auto;font-size:15px;font-weight:700;color:#c24f00}
.psc-rel-card:hover .psc-rel-more{text-decoration:underline}
@media (min-width:769px){.psc-rel-card:nth-child(n+4){display:none}}
@media (min-width:769px) and (max-width:960px){.psc-rel{grid-template-columns:repeat(2,minmax(0,1fr))}.psc-rel-card:nth-child(3){display:none}}
@media (max-width:768px){.psc-rel{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.psc-rel-card{flex-direction:row;align-items:center;border-radius:10px}.psc-rel-img{flex:0 0 128px;width:128px;aspect-ratio:16/9}.psc-rel-body{padding:10px 14px}.psc-rel .psc-rel-title{font-size:16px!important;margin:0!important}.psc-rel-text,.psc-rel-more{display:none}}
/* Desktop: the sidebar related box (last in the sidebar) stays in view while reading. */
@media (min-width:769px){.tutorial-detail .col-right .side-bar-comp{height:100%}.side-bar-comp .related-tutorials-side{position:sticky;top:24px}}
/* The theme sets #page{overflow:hidden} at 992px and below, which stops sticky; clip hides overflow the same way without that side effect. */
@supports (overflow:clip){@media (min-width:769px) and (max-width:992px){#page{overflow:clip}}}
/* Phones: the sidebar stacks below the comments. Its related box repeats picks shown above, and
   the Vault signup repeats the Vault card in the end block (only hidden where that block exists). */
@media (max-width:768px){.side-bar-comp .related-tutorials-side{display:none}.support-sec:has(.psc-end) .side-bar-comp .download-photoshop-comp{display:none}}