/* Blog organisation from the live site, with the shared Daylight skin. */
/* An editorial masthead, separate from the legacy feature-page hero rules. */
.pulse-blog .blog-masthead{position:relative;isolation:isolate;overflow:hidden;background:#141817;margin:20px 24px 0;color:#fff}
.pulse-blog .blog-masthead-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 8%}
.pulse-blog .blog-masthead::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,17,16,.98) 0%,rgba(12,17,16,.91) 27%,rgba(12,17,16,.62) 49%,rgba(12,17,16,.12) 78%,rgba(12,17,16,.06) 100%)}
.pulse-blog .blog-masthead-inner{min-height:380px;display:flex;align-items:center;padding-block:46px}
.pulse-blog .blog-masthead-copy{max-width:660px;width:57%}
.pulse-blog .blog-masthead-label{display:flex;align-items:center;gap:12px;color:#fff;font:700 10px/1.4 var(--pulse-label);letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}
.pulse-blog .blog-masthead-label::before{content:"";width:30px;height:3px;background:#ff7f40}
.pulse-blog .blog-masthead h1{font-size:clamp(42px,4.3vw,64px)!important;line-height:1.04;letter-spacing:-.055em!important;color:#fff;max-width:650px;margin:0 0 18px;text-wrap:balance}
.pulse-blog .blog-masthead-deck{font-size:clamp(17px,1.6vw,23px);line-height:1.45;font-weight:600;color:#fff;margin:0 0 18px;text-wrap:pretty}
.pulse-blog .blog-masthead-deck span{color:#ff985f}
.pulse-blog .blog-masthead .blog-hero-sub{color:#e1e5e2;font-size:14px;line-height:1.75;max-width:490px;margin:0;text-wrap:pretty}
.pulse-blog .blog-discovery{background:#fff;border-bottom:1px solid var(--pulse-line);padding-block:24px}
.pulse-blog .blog-search-wrap{margin-inline:auto;max-width:640px}
.pulse-blog .blog-search-input{padding:15px 52px;min-height:54px;box-shadow:none;appearance:none;background:#fafbf9;border-color:#d7dcd8;font-size:15px}
.pulse-blog .blog-search-input::placeholder{color:#656b67;opacity:1}
.pulse-blog .blog-search-input::-webkit-search-cancel-button{display:none}
.pulse-blog .blog-search-icon,.pulse-blog .blog-search-clear{color:#656b67}
.pulse-blog .blog-search-clear{min-width:40px;min-height:40px;align-items:center;justify-content:center}
.pulse-blog .blog-pills{flex-wrap:wrap;justify-content:center;overflow:visible;gap:8px;margin-top:16px;padding:0}
.pulse-blog .blog-pill{font-size:12px;padding:10px 14px;min-height:44px;line-height:1.4;white-space:normal;color:#4b514d;background:#fff;border-color:#e0e3df}
.pulse-blog .blog-pill.active,.pulse-blog .blog-pill.active:hover{background:var(--pulse-ink);border-color:var(--pulse-ink);color:var(--pulse-paper)}
.pulse-blog .blog-pill:hover{border-color:var(--pulse-ink);color:var(--pulse-ink);background:var(--pulse-hairline)}
.pulse-blog .blog-pill:focus-visible,.pulse-blog .blog-search-input:focus-visible,.pulse-blog .blog-search-clear:focus-visible{outline:2px solid var(--pulse-accent);outline-offset:3px}
.pulse-blog .blog-result-count{font-size:13px!important;margin:16px 0 0;text-align:center;color:#4b514d}
.pulse-blog .section{padding-block:60px}
.pulse-blog #blog-start-here{padding-top:56px}
.pulse-blog .section-header{text-align:left;margin-bottom:28px;max-width:none}
.pulse-blog .section-header p{margin:10px 0 0;font-size:14px}
.pulse-blog :is(.section-header,.blog-cat-header) h2{font-size:clamp(26px,2.5vw,36px)!important;line-height:1.2}
.pulse-blog .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pulse-blog .card{display:flex!important;flex-direction:column;min-width:0;padding:26px;transition:border-color .2s ease,background-color .2s ease;transform:none!important}
.pulse-blog .card:hover{border-color:var(--pulse-ink)!important;background:var(--pulse-surface)}
.pulse-blog .card h3{font-size:21px!important;letter-spacing:-.035em!important;line-height:1.3;text-wrap:pretty;color:var(--pulse-ink)}
.pulse-blog .card p{font-size:13px!important;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pulse-blog .blog-card-flagship{border-top:2px solid var(--pulse-ink)!important}
.pulse-blog .blog-eyebrow{font:700 8px/1.6 var(--pulse-label);letter-spacing:.08em;margin-bottom:16px}
.pulse-blog .blog-card-arrow{padding-top:20px;margin-top:auto;font-size:11px;font-weight:700;justify-content:space-between}
.pulse-blog .blog-card-arrow svg{width:18px;height:18px}
.pulse-blog .blog-cat-section{border-top:1px solid var(--pulse-line)}
.pulse-blog .blog-cat-header{gap:12px;margin-bottom:26px}
.pulse-blog .blog-cat-icon{color:var(--pulse-ink);width:26px;height:26px}
.pulse-blog .blog-cat-count{font-size:11px;padding:4px 9px;background:var(--pulse-surface);color:var(--pulse-body)}
.pulse-blog .blog-cat-desc{font-size:14px;line-height:1.7;margin:0;max-width:780px}
.pulse-blog .blog-directory{border-top:1px solid var(--pulse-line);margin-top:26px;padding:20px 0}
.pulse-blog .blog-directory summary{font-size:13px;min-height:28px;justify-content:space-between}
.pulse-blog .blog-directory-list{column-gap:40px;margin-top:22px}
.pulse-blog .blog-directory-list a{font-size:13px;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--pulse-hairline)}
.pulse-blog .blog-compare-links a{font-size:12px}
.pulse-blog .blog-tools-grid a{font-size:12px;line-height:1.6;display:flex;align-items:center;min-height:90px}
.pulse-blog #blog-empty{text-align:center;padding-block:72px}
.pulse-blog #blog-empty h2{font-size:30px!important;margin-top:20px}
.pulse-blog #blog-empty p{font-size:14px;margin-block:14px 24px}
.pulse-blog .cta-banner{background:var(--pulse-surface);padding:48px 32px}
.pulse-blog .cta-banner h2{font-size:clamp(30px,3vw,42px)!important}
.pulse-blog [hidden]{display:none!important}
@media(max-width:980px){
 .pulse-blog .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pulse-blog .blog-masthead{margin:16px 16px 0}
 .pulse-blog .blog-masthead-inner{min-height:360px;padding-block:38px}
 .pulse-blog .blog-masthead-copy{width:66%}
 .pulse-blog .blog-masthead h1{font-size:46px!important}
 .pulse-blog .blog-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .pulse-blog .blog-masthead{margin:0}
 .pulse-blog .blog-masthead-photo{object-position:65% 35%}
 .pulse-blog .blog-masthead::before{background:linear-gradient(90deg,rgba(12,17,16,.91),rgba(12,17,16,.48)),linear-gradient(0deg,rgba(12,17,16,.65),transparent)}
 .pulse-blog .blog-masthead-inner{min-height:350px;padding-block:34px}
 .pulse-blog .blog-masthead-copy{width:100%;max-width:440px}
 .pulse-blog .blog-masthead-label{margin-bottom:18px;font-size:9px}
 .pulse-blog .blog-masthead h1{font-size:42px!important;max-width:360px;margin-bottom:16px}
 .pulse-blog .blog-masthead-deck{font-size:18px;max-width:330px;margin-bottom:16px}
 .pulse-blog .blog-masthead .blog-hero-sub{font-size:13px;line-height:1.75;max-width:330px}
 .pulse-blog .blog-discovery{padding-block:18px}
 .pulse-blog .blog-search-input{font-size:16px;min-height:52px;padding-block:13px}
 .pulse-blog .blog-pills{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .pulse-blog .blog-pill{font-size:11px;padding:10px 6px;min-height:44px}
 .pulse-blog .blog-pills{margin-top:12px}
 .pulse-blog .section{padding-block:40px}
 .pulse-blog #blog-start-here{padding-top:38px}
 .pulse-blog .grid-3{grid-template-columns:1fr!important;gap:14px}
 .pulse-blog .card{padding:24px}
 .pulse-blog .card h3{font-size:21px!important}
 .pulse-blog .blog-cat-header{gap:9px}
 .pulse-blog .blog-cat-header h2{font-size:24px!important;flex:1;min-width:0}
 .pulse-blog .blog-cat-desc{font-size:13px}
 .pulse-blog .blog-tools-grid{grid-template-columns:1fr}
 .pulse-blog .blog-tools-grid a{min-height:60px}
 .pulse-blog .cta-banner{padding:36px 24px}
 .pulse-blog .cta-banner .flex{flex-direction:column}
}

/* Main guide photography: reserve space and keep the original reading grid. */
.pulse-blog :is(.blog-card-flagship,.blog-card-photo){overflow:hidden}
.pulse-blog :is(.blog-card-flagship,.blog-card-photo) .blog-cover-image{display:block;width:calc(100% + 52px);max-width:none;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;flex:none;margin:-26px -26px 24px}
@media(max-width:640px){.pulse-blog :is(.blog-card-flagship,.blog-card-photo) .blog-cover-image{width:calc(100% + 48px);margin:-24px -24px 22px}}