:root{--ink:#0a0a0a;--muted:#707070;--line:#e7e7e3;--soft:#f4f4f1;--lime:#d9ff43;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
a,label,button{-webkit-tap-highlight-color:transparent}
.container{width:min(1420px,calc(100% - 56px));margin-inline:auto}
.menu-toggle{position:absolute;opacity:0;pointer-events:none}

.site-header{position:relative;z-index:20;color:#fff;background:var(--ink)}
.topbar{display:flex;align-items:center;height:76px;gap:44px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;font:italic 900 20px Georgia,serif}
.nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}
.nav a{color:#aaa;transition:.2s}.nav a:hover,.nav a.active{color:#fff}
.nav a:not(:last-child)::after{content:"⌄";margin-left:7px;color:#666}
.header-actions{display:flex;align-items:center;gap:18px;margin-left:auto;color:#aaa;font-size:11px;font-weight:700}
.subscribe-link,.account-link{padding:10px 15px;border-radius:999px}.subscribe-link{color:var(--ink);background:var(--lime)}.account-link{color:#fff;border:1px solid #333}
.menu-button{display:none;width:40px;height:40px;margin-left:auto;place-content:center;gap:5px;background:#191919;border:1px solid #303030;border-radius:50%;cursor:pointer}
.menu-button span{display:block;width:18px;height:1.5px;background:#fff;transition:.2s}
.mobile-nav{display:none}

.breadcrumbs{display:flex;align-items:center;gap:9px;min-height:73px;color:#989898;border-bottom:1px solid var(--line);font-size:10px}
.breadcrumbs a:hover{color:var(--ink)}.breadcrumbs strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}
.article-header{padding-block:74px 55px}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.eyebrow i{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #efffc0}
.article-header h1{max-width:1130px;margin:22px 0 25px;font-size:clamp(57px,7.3vw,110px);line-height:.9;letter-spacing:-.076em}
.article-header h1 em{font-family:Georgia,serif;font-weight:500;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:10px;text-underline-offset:-2px}
.article-header>p{max-width:810px;margin:0;color:#656565;font-size:17px;line-height:1.65}
.article-meta{display:grid;grid-template-columns:1.25fr .7fr .7fr .8fr;align-items:center;gap:24px;margin-top:47px;padding-top:25px;border-top:1px solid var(--line)}
.article-meta>div{display:grid;gap:5px;padding-right:20px;border-right:1px solid var(--line)}
.article-meta>div:last-child{border-right:0}.article-meta small{color:#999;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.article-meta strong{font-size:11px}
.author{display:grid!important;grid-template-columns:44px 1fr;align-items:center;gap:11px}.avatar{display:grid;width:42px;height:42px;place-items:center;color:var(--lime);background:var(--ink);border-radius:50%;font:italic 900 17px Georgia,serif}.author>span:nth-child(2){display:grid;gap:5px}
.share span{display:flex;gap:6px}.share a,.side-share a{display:grid;width:31px;height:31px;place-items:center;background:var(--soft);border-radius:50%;font-size:9px;font-weight:900;transition:.2s}.share a:hover,.side-share a:hover{color:var(--ink);background:var(--lime);transform:translateY(-2px)}

.article-cover{position:relative;margin-bottom:74px}
.cover-art{aspect-ratio:2.05;overflow:hidden;background-image:url("assets/mockup-sheet.png");background-repeat:no-repeat;background-size:200% 200%;background-position:left top;background-color:var(--soft);border-radius:23px}
.cover-art::after{content:"";position:absolute;right:7%;bottom:8%;width:26%;aspect-ratio:1;background:var(--lime);border-radius:50%;mix-blend-mode:multiply;opacity:.84}
.cover-number{position:absolute;top:18px;right:24px;color:#fff;font-size:clamp(59px,9vw,140px);font-weight:900;line-height:1;letter-spacing:-.09em;mix-blend-mode:difference}
.article-cover figcaption{margin-top:11px;color:#999;text-align:right;font-size:9px}

.article-layout{display:grid;grid-template-columns:220px minmax(0,820px) 54px;justify-content:center;gap:60px;padding-bottom:100px} .article-layout--simple {display: block;max-width: 920px;margin-inline: auto;}.article-body figure, .article-body .wp-block-image {width: 100%;max-width: none;margin: 48px 0;}.article-body img {display: block;width: 100%;max-width: 100%;height: auto;}
.table-of-contents{position:sticky;top:25px;align-self:start}
.table-of-contents>span,.side-share>span{display:block;margin-bottom:15px;color:#999;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.table-of-contents nav{display:grid}.table-of-contents nav a{padding:11px 0;color:#888;border-bottom:1px solid var(--line);font-size:10px;line-height:1.35;transition:.2s}.table-of-contents nav a:hover{padding-left:7px;color:var(--ink);border-color:var(--lime)}
.back-link{display:block;margin-top:21px;font-size:9px;font-weight:800}
.side-share{position:sticky;top:25px;align-self:start;display:grid;justify-items:center;gap:7px}.side-share>span{writing-mode:vertical-rl;transform:rotate(180deg);margin:0 0 7px}
.article-body{min-width:0}
.article-body>p,.article-body section>p{color:#565656;font:400 17px/1.85 Georgia,serif}
.article-body .lead{margin-top:0;color:var(--ink);font-size:25px;line-height:1.55}
.article-body section{position:relative;margin-top:77px;scroll-margin-top:30px}
.section-number{display:inline-block;margin-bottom:15px;color:#8b8b8b;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.article-body h2{margin:0 0 26px;font-size:clamp(38px,4.2vw,61px);line-height:.99;letter-spacing:-.06em}
.tip{margin:36px 0 0;padding:25px 28px;background:var(--lime);border-radius:16px}.tip>span{font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tip p{margin:10px 0 0!important;color:#445300!important;font:700 15px/1.55 Arial,sans-serif!important}
.article-body blockquote{position:relative;margin:44px 0;padding:39px 41px;color:#fff;background:var(--ink);border-radius:18px}.article-body blockquote::before{content:"“";position:absolute;top:12px;left:19px;color:var(--lime);font:italic 900 60px Georgia,serif}.article-body blockquote p{position:relative;margin:0!important;color:#fff!important;font-size:27px!important;font-style:italic;line-height:1.3!important}.article-body blockquote cite{display:block;margin-top:20px;color:#8a8a8a;font:900 8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:70px 0 15px}.image-pair figure{margin:0}.article-image{aspect-ratio:.88;background-repeat:no-repeat;background-size:200% 200%;background-color:var(--soft);border-radius:15px}.image-a{background-image:url("assets/sheet-two.png");background-position:right top}.image-b{background-image:url("assets/sheet-three.png");background-position:left top}.image-pair figcaption{margin-top:9px;color:#999;font-size:8px}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.comparison div{display:grid;gap:10px;padding:23px;background:var(--soft);border-radius:14px}.comparison div:last-child{background:var(--lime)}.comparison span{color:#888;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.comparison div:last-child span{color:#58660d}.comparison strong{font-size:13px;line-height:1.45}
.resource-card{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:22px;margin-top:39px;padding:13px;background:var(--soft);border-radius:16px;transition:.25s}.resource-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000010}.resource-preview{aspect-ratio:1;background-image:url("assets/mockup-sheet.png");background-repeat:no-repeat;background-size:200% 200%;background-position:left top;border-radius:11px}.resource-card>span:last-child{display:grid;gap:6px}.resource-card small{color:#7e8e29;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resource-card strong{font-size:15px}.resource-card em{color:#777;font-size:9px;font-style:normal;font-weight:700}
.sequence-list{display:grid;gap:0;padding:0;margin:32px 0 0;list-style:none}.sequence-list li{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:20px 0;border-top:1px solid var(--line)}.sequence-list>li>span{color:#999;font-size:10px;font-weight:900}.sequence-list strong{font-size:14px}.sequence-list p{margin:6px 0 0!important;color:#777!important;font:400 13px/1.5 Arial,sans-serif!important}
.checklist{padding:35px!important;background:var(--soft);border-radius:18px}.checklist h2{margin-bottom:22px}.checklist ul{display:grid;gap:0;padding:0;margin:0;list-style:none}.checklist li{display:flex;align-items:center;gap:11px;min-height:48px;border-top:1px solid #ddd;font-size:12px;font-weight:700}.checklist li span{display:grid;width:23px;height:23px;place-items:center;background:var(--lime);border-radius:50%;font-size:10px}

.author-card{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:32px;margin-bottom:90px;padding:39px;background:var(--soft);border-radius:20px}.author-photo{display:grid;width:120px;height:120px;place-items:center;color:var(--lime);background:var(--ink);border-radius:50%;font:italic 900 52px Georgia,serif}.section-label{color:#8c8c8c;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.author-card h2{margin:10px 0 7px;font-size:33px;letter-spacing:-.05em}.author-card p{max-width:650px;margin:0;color:#707070;font-size:12px;line-height:1.6}.author-card>a{padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:9px;font-weight:800}
.related{padding-block:77px 95px;border-top:1px solid var(--line)}.related-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:29px}.related-heading h2{margin:13px 0 0;font-size:clamp(39px,4.5vw,66px);line-height:.96;letter-spacing:-.06em}.related-heading>a{padding-bottom:7px;font-size:10px;font-weight:800}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.related-image{position:relative;display:block;aspect-ratio:1.25;background-repeat:no-repeat;background-size:200% 200%;background-color:var(--soft);border-radius:16px;transition:.3s}.related article:hover .related-image{transform:translateY(-4px)}.related-image span{position:absolute;top:12px;left:12px;padding:7px 9px;background:#fff;border-radius:999px;font-size:8px;font-weight:900}.related-1{background-image:url("assets/sheet-two.png");background-position:left top}.related-2{background-image:url("assets/sheet-three.png");background-position:right bottom}.related-3{background-image:url("assets/mockup-sheet.png");background-position:right top}.related article p{margin:14px 0 8px;color:#999;font-size:8px;font-weight:900;text-transform:uppercase}.related article h3{margin:0;font-size:16px;line-height:1.2;letter-spacing:-.03em}
.newsletter{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:70px;padding:64px 69px;background:var(--lime);border-radius:24px}.newsletter .eyebrow i{background:var(--ink);box-shadow:none}.newsletter h2{margin:19px 0 12px;font-size:clamp(39px,4.2vw,64px);line-height:.95;letter-spacing:-.06em}.newsletter>div>p{margin:0;color:#59650c;font-size:11px}.newsletter form{display:grid;width:min(470px,45%);grid-template-columns:1fr auto}.newsletter input{min-width:0;padding:14px 3px;background:transparent;border:0;border-bottom:2px solid var(--ink);outline:0}.newsletter button{padding-inline:20px;color:#fff;background:var(--ink);border:0;border-radius:999px;font-size:10px;font-weight:800}.newsletter small{grid-column:1/-1;margin-top:9px;color:#59650c;font-size:9px}
footer{border-top:1px solid var(--line)}.footer-inner{display:grid;min-height:135px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:42px;color:#888;font-size:10px}.footer-inner .brand{color:var(--ink)}.footer-inner p{margin:0}.footer-inner nav{display:flex;gap:19px;color:var(--ink);font-weight:700}

@media(max-width:1080px){.nav{gap:17px}.header-actions>a:first-child{display:none}.article-layout{grid-template-columns:185px minmax(0,730px);gap:40px}.side-share{display:none}.article-header h1{font-size:clamp(55px,8vw,92px)}}
@media(max-width:820px){
 .container{width:min(100% - 30px,720px)}.nav,.header-actions{display:none}.menu-button{display:grid}.topbar{height:64px}
 .mobile-nav{position:absolute;top:62px;right:15px;left:15px;display:flex;flex-direction:column;padding:10px;background:#191919;border:1px solid #303030;border-radius:14px;opacity:0;pointer-events:none;transform:translateY(-7px);transition:.2s}.mobile-nav a{padding:12px;font-size:12px;font-weight:700}
 #mobile-menu:checked~.site-header .mobile-nav{opacity:1;pointer-events:auto;transform:none}#mobile-menu:checked~.site-header .menu-button span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}#mobile-menu:checked~.site-header .menu-button span:nth-child(2){opacity:0}#mobile-menu:checked~.site-header .menu-button span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
 .article-header{padding-top:55px}.article-header h1{font-size:clamp(50px,11vw,76px)}.article-meta{grid-template-columns:1.2fr 1fr}.article-meta>div:nth-child(even){border-right:0}.article-meta>div:nth-child(n+3){padding-top:15px;border-top:1px solid var(--line)}
 .cover-art{aspect-ratio:1.45}.article-layout{display:block}.table-of-contents{position:static;margin-bottom:54px;padding:23px;background:var(--soft);border-radius:15px}.table-of-contents nav{grid-template-columns:1fr 1fr;column-gap:19px}
 .author-card{grid-template-columns:100px 1fr}.author-photo{width:100px;height:100px}.author-card>a{grid-column:2;justify-self:start}.newsletter{flex-direction:column;align-items:stretch;gap:38px;padding:46px 36px}.newsletter form{width:100%}
 .footer-inner{grid-template-columns:1fr auto;padding-block:30px}.footer-inner p{order:3}.footer-inner>span{order:4}
}
@media(max-width:560px){
 .container{width:calc(100% - 22px)}.site-header{padding-bottom:0}.brand{font-size:16px}.brand-mark{width:31px;height:31px;font-size:18px}
 .breadcrumbs{min-height:58px}.breadcrumbs a:nth-of-type(n+2),.breadcrumbs span:nth-of-type(n+2){display:none}
 .article-header{padding-block:44px 38px}.article-header h1{font-size:44px;line-height:.94}.article-header>p{font-size:14px}.article-meta{grid-template-columns:1fr 1fr;gap:13px;margin-top:34px}.article-meta>div{padding:11px 0!important;border:0!important;border-top:1px solid var(--line)!important}.author{grid-column:1/-1}
 .article-cover{margin-bottom:49px}.cover-art{aspect-ratio:1.05;border-radius:15px}.cover-number{font-size:66px}.article-cover figcaption{text-align:left}
 .table-of-contents nav{grid-template-columns:1fr}.article-body .lead{font-size:21px}.article-body>p,.article-body section>p{font-size:16px}.article-body section{margin-top:59px}.article-body h2{font-size:39px}
 .article-body blockquote{padding:35px 25px}.article-body blockquote p{font-size:23px!important}.image-pair{grid-template-columns:1fr}.article-image{aspect-ratio:1.05}.comparison{grid-template-columns:1fr}
 .resource-card{grid-template-columns:100px 1fr;gap:15px}.resource-card strong{font-size:12px}.sequence-list li{grid-template-columns:40px 1fr}.checklist{padding:25px!important}
 .author-card{grid-template-columns:1fr;text-align:center;padding:31px 23px}.author-photo{margin:auto}.author-card>a{grid-column:auto;justify-self:center}
 .related{padding-block:58px 67px}.related-heading h2{font-size:41px}.related-grid{grid-template-columns:1fr;gap:34px}.related-heading>a{white-space:nowrap}
 .newsletter{margin-bottom:40px;padding:36px 24px;border-radius:17px}.newsletter h2{font-size:39px}.newsletter form{display:flex;flex-direction:column;gap:9px}.newsletter button{min-height:45px}.newsletter small{margin:0}
 .footer-inner{grid-template-columns:1fr;gap:20px}.footer-inner p{order:2}.footer-inner nav{order:3;flex-wrap:wrap}.footer-inner>span{order:4}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}

.wpwhub-advertisement {
    width: 100%;
    max-width: 970px;
    margin: 48px auto;
}

.wpwhub-ad-widget {
    width: 100%;
}

.wpwhub-ad-demo {
    min-height: 250px;
    padding: 30px;
    border: 2px dashed #b8b8b8;
    border-radius: 16px;
    background: #f5f5f5;
    color: #777;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

.wpwhub-ad-demo span {
    font-size: 12px;
    letter-spacing: 2px;
}

.wpwhub-ad-demo strong {
    font-size: 24px;
    color: #111;
}

@media (max-width: 767px) {
    .wpwhub-ad-demo {
        min-height: 250px;
    }
}

/*777*/
.article-layout.article-layout--ads {
    display: grid;
    grid-template-columns: minmax(0, 820px);
    justify-content: center;
    align-items: start;
    gap: 48px;
}

.article-layout.article-layout--ads:not(.has-ad-sidebar) {
    max-width: 820px;
}

.article-layout.article-layout--ads.has-ad-sidebar {
    max-width: 1180px;
    grid-template-columns: minmax(0, 820px) 300px;
}

.article-ad-sidebar {
    position: sticky;
    top: 30px;
    width: 100%;
}

.wpwhub-advertisement {
    width: 100%;
}

.wpwhub-advertisement--before {
    margin: 0 0 48px;
}

.wpwhub-advertisement--after {
    margin: 48px 0 0;
}

.wpwhub-ad-demo--top {
    min-height: 120px;
}

.wpwhub-ad-demo--sidebar {
    min-height: 600px;
}

@media (max-width: 900px) {
    .article-layout.article-layout--ads,
    .article-layout.article-layout--ads.has-ad-sidebar {
        display: block;
        max-width: 820px;
    }

    .article-ad-sidebar {
        position: static;
        margin-top: 40px;
    }
}