/* Images in the heart pages use the registered crops and attachment focus. */
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .wp-block-image.photo {position:relative;overflow:hidden}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .wp-block-image.photo img {position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 50%}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .wp-block-image.sd-photo-coast img {object-position:70% 50%}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .wp-block-image.pub-cover-photo {position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}

body.page-heart04 .heart-filters {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
body.page-heart04 .heart-filters .chip {padding:0}
body.page-heart04 .heart-filters .chip a {display:block;padding:9px 18px;color:inherit;text-decoration:none}
body.page-heart04 .heart-filters .chip:has(a:target) {background:var(--yellow);border-color:var(--yellow)}
body.page-heart04 .pub-filter:has(#heart-filter-thanks:target) .pub-filter-results > .pub-card:not(:nth-child(1)),
body.page-heart04 .pub-filter:has(#heart-filter-celebrate:target) .pub-filter-results > .pub-card:not(:nth-child(2)),
body.page-heart04 .pub-filter:has(#heart-filter-travel:target) .pub-filter-results > .pub-card:not(:nth-child(3)) {display:none}
body:is(.postid-800,.postid-794) .wp-block-post-content {max-width:none!important;width:100%}
body:is(.postid-800,.postid-794) .heart-detail-section {margin-block:0 100px}
body:is(.postid-800,.postid-794) .heart-detail-section > h2 {margin-bottom:24px}
body.postid-800 .heart-detail-step,.postid-800 .heart-detail-finish {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
body.postid-800 .heart-detail-image {position:relative;aspect-ratio:2.2/1;overflow:hidden}
body.postid-800 .heart-detail-image img {position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover}
@media(max-width:680px){body.postid-800 .heart-detail-step,body.postid-800 .heart-detail-finish{display:block}body.postid-800 .heart-detail-step figure{margin-top:20px}}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .pub-postcard-band > .wp-block-image.photo {position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .pub-steps .sd-list-title {display:block;font-size:20px;line-height:1.5;margin:0 0 9px}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .pub-steps .sd-list-text {display:block;font-size:15px;line-height:1.75;color:var(--pub-muted)}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .heart-link-icon {display:inline-flex;align-items:center;gap:4px}
body:is(.page-hub03,.page-heart01,.page-heart02,.page-heart03,.page-heart04) .heart-link-icon .pub-arrow-link:after {content:none}

body:is(.postid-800,.postid-794) .heart-detail-steps-title {text-align:center}
body.postid-800 .heart-detail-step:nth-child(2) .heart-detail-step-copy {order:2}
body.postid-800 .heart-detail-step:nth-child(2) figure {order:1}
body.postid-800 .heart-detail-finish .heart-detail-image {aspect-ratio:4/3}
body.postid-794 .heart-resource-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.postid-794 .heart-resource-card {min-width:0}
body.postid-794 .heart-resource-work {position:relative;width:100%;height:340px;overflow:hidden}
body.postid-794 .heart-resource-work img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
body.postid-794 .heart-resource-panels {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
body.postid-794 .heart-resource-panel {padding:28px;border-radius:18px}
body.postid-794 .heart-resource-panel:first-child {background:var(--blue)}
body.postid-794 .heart-resource-panel:last-child {background:var(--sage)}
body.page-heart04 .heart-filters:not(:has(#heart-filter-thanks:target,#heart-filter-celebrate:target,#heart-filter-travel:target)) .chip:has(#heart-filter-all) {background:var(--yellow);border-color:var(--yellow)}
body.page-heart04 .heart-download-action {position:relative;display:inline-block}
body.page-heart04 .heart-download-action .button {padding-inline-start:48px}
body.page-heart04 .heart-download-action > svg {position:absolute;left:22px;top:50%;transform:translateY(-50%);pointer-events:none}
@media(max-width:680px){body.postid-800 .heart-detail-image{aspect-ratio:1.8}body.postid-800 .heart-detail-step:nth-child(2) .heart-detail-step-copy,body.postid-800 .heart-detail-step:nth-child(2) figure{order:initial}body.postid-794 .heart-resource-steps,body.postid-794 .heart-resource-panels{grid-template-columns:1fr}body.postid-794 .heart-resource-work{height:270px}}

body.postid-794 .heart-resource-copy {min-width:0}
@media(min-width:681px) and (max-width:900px){body.postid-794 .heart-resource-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

body.postid-800 .heart-detail-steps {display:flex;flex-direction:column;gap:52px}
body.postid-800 .heart-detail-finish {grid-template-columns:1.05fr .95fr;gap:56px}
body.postid-800 .heart-materials-panel {min-width:0;padding:28px 32px;background:#fff;border-radius:18px}
body.postid-800 .heart-materials-panel > h3 {font-size:22px}
body.postid-794 .heart-panel-heading {display:flex;align-items:center;gap:8px}
@media (min-width:681px) and (max-width:1000px){body.postid-800 .heart-detail-step,body.postid-800 .heart-detail-finish{gap:32px}}
@media(max-width:680px){body.postid-800 .heart-detail-step,body.postid-800 .heart-detail-finish{gap:24px}body.postid-800 .heart-materials-panel{padding:20px}}

/* DET01 craft steps follow the original number and text columns. */
body.postid-800 .heart-detail-step-copy {display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:20px;row-gap:16px}
body.postid-800 .heart-detail-step-copy > .heart-detail-number {grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;border-radius:50%;background:var(--yellow);font-size:20px;font-weight:750}
body.postid-800 .heart-detail-step-copy > h3 {grid-column:2;grid-row:1;align-self:center;margin:0;font-size:28px}
body.postid-800 .heart-detail-step-copy > p:not(.heart-detail-number) {grid-column:2;margin:0;color:var(--muted);font-size:18px;line-height:1.85}
body.postid-800 .heart-detail-finish .heart-detail-copy > h2 {margin:18px 0 24px;font-size:36px}
body.postid-800 .heart-detail-finish .heart-detail-copy > p:not(.eyebrow) {font-size:18px;color:var(--muted)}
@media(max-width:980px){body.postid-800 .heart-detail-step-copy{column-gap:14px}body.postid-800 .heart-detail-step-copy > h3{font-size:24px}}
@media(max-width:680px){body.postid-800 .heart-detail-step-copy > p:not(.heart-detail-number){grid-column:1/-1;font-size:17px}body.postid-800 .heart-detail-finish .heart-detail-copy > h2{font-size:30px}body.postid-800 .heart-detail-finish .heart-detail-copy > p:not(.eyebrow){font-size:17px}}

body.single-sd_article .wp-block-post-content > .heart-detail-section:last-child,body.single-sd_resource .wp-block-post-content > .heart-detail-section:last-child{margin-block-end:0}