/* Centered guide masthead and asymmetrical article rail from the recorded reference. */
.theme-backlinko{--ink:#090b10;--muted:#51596c;--paper:#fff;--surface:#f5f6fb;--accent:#008c72;--on-accent:#fff;--line:#cbd0ec;--display-font:Arial,'Segoe UI',sans-serif;--body-font:'Segoe UI',Arial,sans-serif;--page-width:1264px;--radius:5px}
.theme-backlinko .site-header{background:#fff;border-bottom:0}
.theme-backlinko .site-brand{color:#008c72;font-weight:800;font-size:30px;letter-spacing:-1px}
.theme-backlinko .primary-nav{font-size:16px;font-weight:500}
.theme-backlinko.view-home .hero-center{display:block;max-width:none;background:linear-gradient(#fff,#eef0f8);padding:72px max(24px,calc((100% - 720px)/2)) 64px;text-align:center}
.theme-backlinko .hero-copy{max-width:720px;margin-inline:auto}
.theme-backlinko .hero-center .hero-grid{width:100%;min-height:0}
.theme-backlinko .hero-center .hero-copy{padding:0}
.theme-backlinko .hero-copy h1{font-size:clamp(34px,3.3vw,44px);line-height:1.32;font-weight:800;letter-spacing:-.65px;margin-block:18px 24px}
.theme-backlinko .hero-copy>.eyebrow{color:#008c72;font-weight:700;font-size:17px;letter-spacing:0;text-transform:uppercase}
.theme-backlinko .hero-copy>p:not(.eyebrow){max-width:560px;margin-inline:auto;line-height:1.6;font-size:18px}
.theme-backlinko .hero-center .hero-media{display:none}
.theme-backlinko .hero-actions{justify-content:center;margin-top:30px}
.theme-backlinko .hero-actions a{border-radius:5px;padding:15px 27px;font-weight:700}
.theme-backlinko .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}
.theme-backlinko .product-card{border:0;border-radius:0;box-shadow:none;background:#fff;display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:start}
.theme-backlinko .card-media{aspect-ratio:1.7;border-radius:5px;background:#f1f3f7}
.theme-backlinko .card-copy{padding:10px 0}
.theme-backlinko .card-copy h2,.theme-backlinko .card-copy h3{font-size:20px;line-height:1.3;letter-spacing:-.3px}
.theme-backlinko .card-copy p{font-size:15px;line-height:1.6}
.theme-backlinko.view-home .product-grid>.product-card:first-child{grid-row:span 3;display:block}
.theme-backlinko.view-home .product-grid>.product-card:first-child .card-media{aspect-ratio:1.65}
.theme-backlinko.view-home .product-grid>.product-card:first-child .card-copy h2,.theme-backlinko.view-home .product-grid>.product-card:first-child .card-copy h3{font-size:29px}
.theme-backlinko .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.theme-backlinko .discovery-grid>*{border:1px solid var(--line);border-radius:5px;padding:22px;background:#fff}
.theme-backlinko .article-layout{grid-template-columns:minmax(0,800px) minmax(210px,1fr);gap:56px}
.theme-backlinko .article-copy{font-size:20px;line-height:1.8}
.theme-backlinko .article-sidebar{border-left:4px solid var(--accent);padding-left:24px}
.theme-backlinko .article-sidebar h2{font-size:22px}
.theme-backlinko .site-footer{background:#f3f5fa;border-top:1px solid var(--line);color:var(--ink)}
/* Blog archive and violet article masthead observed on the reference's inner pages. */
.theme-backlinko .archive-hero{background:linear-gradient(#fff,#f0f1f9);text-align:center;padding-bottom:64px}
.theme-backlinko .archive-hero .eyebrow{color:#006b58;margin-top:20px}
.theme-backlinko .archive-hero h1{max-width:780px;margin:0 auto 24px;font-size:clamp(36px,4vw,50px);font-weight:800;line-height:1.2;letter-spacing:-1px}
.theme-backlinko .archive-hero p:last-child{max-width:680px;margin-inline:auto;font-size:18px;line-height:1.6}
.theme-backlinko:is(.view-category,.view-tag) .main-content{padding-top:48px}
.theme-backlinko:is(.view-category,.view-tag) .product-grid>.product-card:first-child{grid-row:span 3;display:block;background:#f1f2fa;padding:24px;border-radius:5px}
.theme-backlinko:is(.view-category,.view-tag) .product-grid>.product-card:first-child .card-media{aspect-ratio:1.9}
.theme-backlinko:is(.view-category,.view-tag) .product-grid>.product-card:first-child h3{font-size:29px;font-weight:750;line-height:1.28}
.theme-backlinko .detail-hero{background:#4135b4;color:#fff}
.theme-backlinko .detail-hero:has(.detail-photo){background:linear-gradient(to bottom,#4135b4 0,#4135b4 calc(100% - 220px),var(--paper) calc(100% - 220px),var(--paper) 100%)}
.theme-backlinko .detail-hero-grid{padding-block:58px 16px;max-width:1000px}
.theme-backlinko .detail-heading{max-width:740px;text-align:center;margin-bottom:34px}
.theme-backlinko .detail-heading h1{font-size:clamp(32px,3.7vw,46px);font-weight:800;line-height:1.2;letter-spacing:-.9px}
.theme-backlinko .detail-heading .hero-description,.theme-backlinko .detail-heading .article-byline{color:#fff;margin-inline:auto}
.theme-backlinko .detail-heading .article-byline{font-size:14px}
.theme-backlinko .detail-heading .article-tags{justify-content:center}
.theme-backlinko .detail-heading .article-tags a{border-color:#b9b4eb}
.theme-backlinko .detail-photo{max-width:700px}
.theme-backlinko .detail-photo img{height:394px;border-radius:5px}
.theme-backlinko .detail-photo figcaption{color:var(--muted)}
.theme-backlinko.view-detail .article-layout{max-width:1036px;margin-inline:auto;grid-template-columns:216px minmax(0,700px);gap:56px}
.theme-backlinko.view-detail .article-main{grid-column:2;grid-row:1;max-width:none}
.theme-backlinko.view-detail .article-sidebar{grid-column:1;grid-row:1;border:0;padding:0;align-self:start}
.theme-backlinko.view-detail .article-sidebar h2{font-size:18px;font-weight:750}
.theme-backlinko.view-detail .article-copy h2{font-weight:750;font-size:30px}
@media(max-width:960px){.theme-backlinko .product-card{grid-template-columns:110px minmax(0,1fr)}.theme-backlinko .article-layout{grid-template-columns:1fr}.theme-backlinko .article-sidebar{border-left:0;border-top:3px solid var(--accent);padding:24px 0 0}.theme-backlinko .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.theme-backlinko.view-home .hero-center{padding:56px 20px 44px}.theme-backlinko .hero-copy h1{font-size:35px;line-height:1.35}.theme-backlinko .hero-copy>p:not(.eyebrow){font-size:17px}.theme-backlinko .hero-actions{display:flex;flex-direction:column;gap:12px}.theme-backlinko .hero-actions a{width:100%;box-sizing:border-box}.theme-backlinko .product-grid{grid-template-columns:1fr;gap:26px}.theme-backlinko.view-home .product-grid>.product-card:first-child{grid-row:auto}.theme-backlinko .product-card{grid-template-columns:110px minmax(0,1fr)}.theme-backlinko .discovery-grid{grid-template-columns:1fr}.theme-backlinko .article-copy{font-size:18px}}
@media(max-width:960px){.theme-backlinko.view-detail .article-layout{display:block;max-width:700px}.theme-backlinko.view-detail .article-sidebar{margin-top:40px;border-top:1px solid var(--line);padding-top:20px}.theme-backlinko .detail-photo img{height:auto;aspect-ratio:16/9}.theme-backlinko .detail-hero:has(.detail-photo){background:linear-gradient(to bottom,#4135b4 0,#4135b4 calc(100% - 150px),var(--paper) calc(100% - 150px),var(--paper) 100%)}}
@media(max-width:640px){.theme-backlinko .archive-hero{padding-bottom:44px}.theme-backlinko .archive-hero h1{font-size:36px}.theme-backlinko .archive-hero p:last-child{font-size:18px}.theme-backlinko:is(.view-category,.view-tag) .product-grid>.product-card:first-child{grid-row:auto;padding:16px}.theme-backlinko:is(.view-category,.view-tag) .product-grid>.product-card:first-child h3{font-size:24px}.theme-backlinko .detail-hero-grid{padding-block:38px 12px}.theme-backlinko .detail-heading{margin-bottom:24px}.theme-backlinko .detail-heading h1{font-size:30px;line-height:1.28;letter-spacing:-.5px}.theme-backlinko .detail-heading .hero-description{font-size:17px}.theme-backlinko .detail-hero:has(.detail-photo){background:linear-gradient(to bottom,#4135b4 0,#4135b4 calc(100% - 90px),var(--paper) calc(100% - 90px),var(--paper) 100%)}.theme-backlinko.view-detail .article-copy h2{font-size:26px}}