/* Editorial pages */
.blog-main{padding-top:78px}.blog-hero{background:var(--cream);border-bottom:1px solid var(--line);padding:98px 0 76px}.blog-hero-grid{align-items:end;display:grid;gap:65px;grid-template-columns:1.15fr .85fr}.blog-kicker{font-size:.75rem;font-weight:800;letter-spacing:.15em;margin:0 0 18px;text-transform:uppercase}.blog-hero h1{font-size:clamp(3rem,6vw,5.6rem);margin-bottom:23px;max-width:920px}.blog-hero-lead{color:var(--muted);font-size:1.14rem;line-height:1.75;max-width:760px}.blog-hero-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:9px 15px;margin-top:27px}.blog-hero-visual{border-radius:28px;box-shadow:var(--shadow);height:440px;margin:0;overflow:hidden}.blog-hero-visual img{height:100%;object-fit:cover;object-position:center 45%;width:100%}
.blog-index-main{padding-top:78px}.blog-index-hero{background:var(--ink);color:#fff;padding:110px 0 90px}.blog-index-hero h1{font-size:clamp(3.2rem,7vw,6rem);margin-bottom:22px}.blog-index-hero p{color:rgba(255,255,255,.72);font-size:1.1rem;max-width:720px}.article-list{padding:90px 0}.article-grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.article-card{background:#fff;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;transition:.2s}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.article-card-image{height:245px;overflow:hidden}.article-card-image img{height:100%;object-fit:cover;width:100%}.article-card-body{display:flex;flex:1;flex-direction:column;padding:30px}.article-card-label{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.article-card h2{font-size:1.8rem;margin:12px 0 15px}.article-card p{color:var(--muted);font-size:.94rem}.article-card .text-link{align-self:flex-start;margin-top:auto}
.article-shell{display:grid;gap:70px;grid-template-columns:minmax(0,760px) 260px;padding:90px 0}.article-body{font-size:1.05rem;min-width:0}.article-body>p:first-child{color:var(--ink);font-size:1.22rem;line-height:1.75}.article-body h2{font-size:clamp(2.15rem,4vw,3.2rem);margin:70px 0 22px}.article-body h3{font-size:1.35rem;margin:40px 0 12px}.article-body p,.article-body li{color:#55585a}.article-body a:not(.button){border-bottom:1px solid currentColor;font-weight:700}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:10px 0}.article-figure{margin:50px 0}.article-figure img{border-radius:24px;height:auto;width:100%}.article-figure figcaption{color:var(--muted);font-size:.78rem;margin-top:11px}.article-note{background:#efede8;border-left:4px solid var(--ink);border-radius:0 16px 16px 0;margin:36px 0;padding:24px 27px}.article-note p:last-child{margin-bottom:0}.formula-box{background:var(--ink);border-radius:24px;color:#fff;margin:40px 0;padding:34px}.formula-box h3{margin-top:0}.formula-box p,.formula-box li{color:rgba(255,255,255,.76)}.example-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:30px 0}.profile-example{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.profile-example span{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.profile-example p{font-size:.94rem;margin:0}.comparison-table{border-collapse:collapse;margin:32px 0;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);padding:15px;text-align:left;vertical-align:top}.comparison-table th{background:#efede8;font-size:.82rem}.comparison-table td{color:#55585a;font-size:.9rem}.article-cta{background:var(--ink);border-radius:25px;color:#fff;margin:55px 0;padding:37px}.article-cta h3{font-family:var(--serif);font-size:2.2rem;line-height:1.15;margin:0 0 13px}.article-cta p{color:rgba(255,255,255,.74)}.article-cta .button{margin-top:7px}.article-sidebar{align-self:start;position:sticky;top:110px}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:18px;padding:25px}.sidebar-card h2{font-family:var(--sans);font-size:.78rem;letter-spacing:.13em;margin-bottom:16px;text-transform:uppercase}.sidebar-card nav{display:grid;gap:10px}.sidebar-card nav a{color:var(--muted);font-size:.85rem}.sidebar-card nav a:hover{color:var(--ink)}.sidebar-card.dark{background:var(--ink);color:#fff}.sidebar-card.dark p{color:rgba(255,255,255,.68);font-size:.85rem}.sidebar-card.dark .button{width:100%}.article-faq{margin-top:70px}.article-faq details{border-color:var(--line)}.article-faq summary{font-size:1rem}.article-faq p{font-size:.95rem}.article-author{align-items:center;border-top:1px solid var(--line);display:flex;gap:18px;margin-top:60px;padding-top:28px}.article-author-mark{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:flex;font-family:var(--serif);font-size:1.5rem;height:52px;justify-content:center;width:52px}.article-author p{font-size:.86rem;margin:0}.blog-footer{padding-top:54px}.article-figure-portrait{margin-left:auto;margin-right:auto;max-width:620px}
@media(max-width:980px){.blog-hero-grid{grid-template-columns:1fr}.blog-hero-visual{height:420px}.article-grid{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:1fr}.article-sidebar{display:none}}
@media(max-width:700px){.blog-main,.blog-index-main{padding-top:67px}.blog-hero{padding:70px 0 58px}.blog-hero h1{font-size:clamp(2.6rem,12vw,4rem);hyphens:auto;overflow-wrap:anywhere}.blog-hero-visual{height:330px}.blog-index-hero{padding:82px 0 70px}.article-list{padding:65px 0}.article-grid,.example-grid{grid-template-columns:1fr}.article-shell{padding:65px 0}.article-body{font-size:1rem}.article-body>p:first-child{font-size:1.1rem}.article-body h2{font-size:2.15rem;margin-top:55px}.article-figure{margin:38px 0}.comparison-table{display:block;overflow-x:auto}.article-cta{padding:29px 24px}.article-cta h2{font-size:1.9rem}}
