/* Perfume note photographs: scoped to the six reviewed articles. */
.scent-reading .scent-overview{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:28px}
.scent-reading .scent-overview .product-photo{margin:0;min-width:0;width:100%;max-width:300px;justify-self:center}
.scent-reading .scent-overview img{max-width:100%;height:auto}
.scent-reading .scent-overview p{font-size:16px;line-height:1.8;margin:0}
.scent-reading .scent-overview .ad-label{font-size:12px}
.scent-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0}
.scent-stages[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.scent-stages figure{margin:0;min-width:0;border:0;padding:0}
.scent-stages img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.scent-stages figcaption{padding:14px 0 0;text-align:left}
.article-copy .scent-stages .scent-stage-label{display:block;color:#a21453;font-size:14px;font-weight:700;line-height:1.6;margin:0 0 5px}
.article-copy .scent-stages h3{font-size:20px;line-height:1.5;margin:0 0 8px;min-height:0}
.article-copy .scent-stages p{font-size:16px;line-height:1.8;margin:0}
.article-copy .scent-stages .scent-photo-label{font-size:12px;line-height:1.6;margin:8px 0 0;color:#555}
.scent-reading .scent-summary{font-size:16px;line-height:1.9;background:#fff0f6;border-left:4px solid var(--pink);padding:16px 18px}
.scent-reading .scent-credits{font-size:12px;line-height:1.8;margin:18px 0 0;color:#555;overflow-wrap:anywhere}
.scent-reading .scent-credits summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;color:#333}
.scent-reading .scent-credits ul{padding-left:20px}
.scent-finder{margin:36px 0;border-top:3px solid var(--pink);padding-top:20px}
.article-copy .scent-finder h2{border:0;padding:0;margin:0 0 18px;font-size:24px;line-height:1.5}
.scent-question{max-width:360px;margin:0 auto!important;padding:14px 18px;text-align:center;background:#171717;color:#fff;border-radius:4px;font-size:18px!important;font-weight:700}
.scent-branches{list-style:none;padding:24px 0 0!important;margin:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.scent-branches:before{content:'';position:absolute;left:50%;top:0;height:24px;border-left:1px solid #aaa}
.scent-branch{min-width:0;margin:0!important;border-top:2px solid #ccc;padding-top:14px}
.article-copy .scent-branch h3{margin:0 0 12px;font-size:17px;line-height:1.6;padding:12px;background:#fff0f6;border-radius:4px}
.scent-results{display:grid;gap:10px;border-left:1px solid #bbb;padding-left:12px}
.scent-result{display:block;padding:12px 14px;border:1px solid #dedede;border-radius:3px;color:#171717!important;text-decoration:none!important;min-height:44px;background:#fff;position:relative}
.scent-result:before{content:'';position:absolute;left:-13px;top:25px;width:12px;border-top:1px solid #bbb}
.scent-result:hover,.scent-result:focus-visible{border-color:#a21453;background:#fff8fb}
.scent-result span{font-size:14px;display:block;color:#555;line-height:1.6}
.scent-result strong{display:block;font-size:16px;line-height:1.6}
.scent-result em{display:block;color:#a21453;font-style:normal;font-size:12px}
.scent-finder .scent-direction{padding:16px 18px;border-left:4px solid var(--pink);font-size:16px;line-height:1.9}
@media(max-width:650px){.scent-branches{grid-template-columns:1fr;gap:22px}.scent-question{max-width:none}.scent-branch{border-top:0;border-left:2px solid #ccc;padding:0 0 0 14px}.scent-branches:before{left:0}.scent-results{grid-template-columns:1fr}.article-copy .scent-finder h2{font-size:22px}}
@media(max-width:650px){.scent-reading .scent-overview{grid-template-columns:minmax(0,1fr);gap:18px}.scent-stages{grid-template-columns:1fr;gap:26px}.scent-stages figure{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start}.scent-stages img{aspect-ratio:1}.scent-stages figcaption{padding:0}.article-copy .scent-stages h3{font-size:18px}.scent-reading .scent-overview .ad-label{font-size:12px}}
@media(max-width:359px){.scent-stages figure{grid-template-columns:96px minmax(0,1fr);gap:12px}}
@media(max-width:650px){.scent-stages[data-count="2"]{grid-template-columns:1fr}}