/* 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}

.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}}