/* Component measurements from the live Afnan 9PM reference. */
html body[data-perfume-id] #notes#notes{padding:26px!important}
html body[data-perfume-id] #notes#notes .pyramid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;margin-top:24px!important}
html body[data-perfume-id] #notes#notes .pyramid.key-notes{grid-template-columns:minmax(0,1fr)!important}
html body[data-perfume-id] #notes#notes .note-level{border:1px solid var(--line)!important;border-radius:15px!important;padding:13px!important;text-align:center;min-height:0!important;height:auto!important;background:var(--ref-fffaf6,#fffaf6)!important}
html body[data-perfume-id] #notes#notes .tiered-notes .note-level:nth-child(2){background:var(--ref-f5e4df,#f5e4df)!important}
html body[data-perfume-id] #notes#notes .tiered-notes .note-level:nth-child(3){background:var(--ref-e8d8cc,#e8d8cc)!important}
html body[data-perfume-id] #notes#notes .note-level .generated-note-link{display:block;aspect-ratio:3/1;width:100%;border-radius:10px;overflow:hidden;margin:0 0 16px;float:none;grid-column:1;grid-row:1/4}
html body[data-perfume-id] #notes#notes .note-level img.generated-note-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:3/1!important;object-fit:cover!important;border-radius:10px!important;margin:0!important;float:none!important}
html body[data-perfume-id] #notes#notes .note-level h3{font-size:16px!important;line-height:1.9!important;margin:6px 0 14px!important;color:var(--ink)!important}
html body[data-perfume-id] #notes#notes .note-list{display:flex;flex-wrap:wrap;gap:6px!important;justify-content:center}
html body[data-perfume-id] #notes#notes .key-notes .note-level{display:flow-root!important;text-align:right!important}
html body[data-perfume-id] #notes#notes .key-notes .note-level .generated-note-link{width:266px!important;max-width:35%;float:left!important;margin:0 20px 0 0!important}
html body[data-perfume-id] #notes#notes .key-notes .note-list{justify-content:flex-start}
html body[data-perfume-id] #notes#notes .generated-note-disclosure{clear:both;grid-column:1/-1;margin:7px 0 0;font-size:10px;line-height:1.65;color:var(--ink);opacity:.78}
html body[data-perfume-id] #distributions#distributions{padding:26px!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important;align-items:stretch!important}
html body[data-perfume-id] #distributions#distributions .archive-chart{position:relative;display:block!important;box-sizing:border-box!important;height:345.328125px!important;min-height:345.328125px!important;padding:21px 19px!important;border-radius:16px!important}
html body[data-perfume-id] #distributions#distributions .archive-chart h3{text-align:center!important;font-size:17px!important;line-height:28.9px!important;margin:0 0 5px!important}
html body[data-perfume-id] #distributions#distributions .archive-chart>p:not(.poll-detail){text-align:center!important;font-size:10px!important;line-height:19px!important;height:19px!important;margin:3px 0 21px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body[data-perfume-id] #distributions#distributions .archive-chart-row{display:grid!important;grid-template-columns:90px 68px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;font-size:11px!important;line-height:18.6875px!important;height:18.6875px!important;min-height:0!important;margin:13px 0!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-row>span{grid-column:1!important;grid-row:1!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-row>b{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;text-align:left!important;line-height:18.6875px!important;height:18.6875px!important;font-size:11px!important;white-space:nowrap;font-variant-numeric:tabular-nums}
html body[data-perfume-id] #distributions#distributions .archive-chart-row>b>span{font-size:10px!important;line-height:10px!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-row>b>small{font-size:8px!important;line-height:8px!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-row>div{grid-column:3!important;grid-row:1!important;height:9px!important;min-width:0;border-radius:999px!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-row i{height:100%;border-radius:999px!important}
html body[data-perfume-id] #distributions#distributions .poll-provenance{position:absolute!important;bottom:21px;left:19px;right:19px;display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:6px;flex-wrap:wrap;padding-top:8px!important;margin:0!important;font-size:10px!important;line-height:19px!important}
html body[data-perfume-id] #distributions#distributions .poll-detail{position:absolute;bottom:58px;left:19px;right:19px;margin:0!important;font-size:10px!important;line-height:18px!important;min-height:32px}
@media(max-width:720px){
html body[data-perfume-id] #notes#notes,html body[data-perfume-id] #distributions#distributions{padding:20px!important}
html body[data-perfume-id] #notes#notes .pyramid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin-top:18px!important}
html body[data-perfume-id] #notes#notes .note-level{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;column-gap:15px!important;padding:14px!important;text-align:right!important}
html body[data-perfume-id] #notes#notes .note-level .generated-note-link{width:110px!important;margin:0!important;align-self:center;max-width:100%}
html body[data-perfume-id] #notes#notes .note-level .level-id,html body[data-perfume-id] #notes#notes .note-level h3,html body[data-perfume-id] #notes#notes .note-level .note-list{grid-column:2}
html body[data-perfume-id] #notes#notes .note-level h3{margin:3px 0 10px!important}
html body[data-perfume-id] #notes#notes .note-list{justify-content:flex-start}
html body[data-perfume-id] #notes#notes .key-notes .note-level .generated-note-link{width:110px!important;max-width:35%;margin:0 12px 10px 0!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:420px){
html body[data-perfume-id] #notes#notes .note-level{grid-template-columns:88px minmax(0,1fr)!important;column-gap:11px!important;padding:12px!important}
html body[data-perfume-id] #notes#notes .note-level .generated-note-link,html body[data-perfume-id] #notes#notes .key-notes .note-level .generated-note-link{width:88px!important}
html body[data-perfume-id] #distributions#distributions .archive-chart-row{grid-template-columns:82px 62px minmax(0,1fr)!important;gap:6px!important}
}

/* Compact, content-sized scent and note components. */
html body[data-perfume-id] .detail-main{align-content:start!important;grid-auto-rows:max-content!important}
html body[data-perfume-id] #scent#scent{display:block!important;align-self:start!important;height:auto!important;min-height:0!important;padding:22px!important;break-inside:avoid}
html body[data-perfume-id] #scent#scent .section-heading{margin:0 0 12px!important}
html body[data-perfume-id] #scent#scent p{display:block!important;min-height:0!important;height:auto!important;margin:0!important;line-height:2.1!important}
html body[data-perfume-id] #scent#scent .sample-source-note{margin-top:12px!important;font-size:11px!important}
html body[data-perfume-id] #notes#notes .pyramid{align-items:start!important;grid-auto-rows:max-content!important;gap:12px!important;margin-top:16px!important}
html body[data-perfume-id] #notes#notes .note-level{display:block!important;min-height:0!important;height:auto!important;padding:14px!important;align-self:start!important;overflow:hidden!important;text-align:center!important}
html body[data-perfume-id] #notes#notes .note-level .generated-note-link{display:block!important;width:100%!important;max-width:100%!important;height:96px!important;aspect-ratio:auto!important;margin:0 0 10px!important;float:none!important;overflow:hidden!important;border-radius:10px!important}
html body[data-perfume-id] #notes#notes .note-level img.generated-note-image{width:100%!important;height:96px!important;max-height:96px!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;float:none!important;margin:0!important}
html body[data-perfume-id] #notes#notes .level-id{display:block!important;font-size:10px!important;line-height:1.4!important;margin:4px 0!important}
html body[data-perfume-id] #notes#notes .note-level h3{font-size:15px!important;line-height:1.8!important;margin:4px 0 10px!important}
html body[data-perfume-id] #notes#notes .note-list{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}
html body[data-perfume-id] #notes#notes .key-notes .note-level{text-align:right!important}
html body[data-perfume-id] #notes#notes .key-notes .note-level .generated-note-link{width:190px!important;max-width:28%!important;float:left!important;margin:0 18px 5px 0!important}
html body[data-perfume-id] #notes#notes .key-notes .note-list{justify-content:flex-start!important}
html body[data-perfume-id] #performance .performance-grid{align-items:start!important;gap:12px!important}
html body[data-perfume-id] #performance .performance-grid>div{height:auto!important;min-height:0!important;padding:16px!important}
html body[data-perfume-id] #performance strong{overflow-wrap:anywhere;line-height:1.85!important}
html body[data-perfume-id] #distributions#distributions .scalar-score{text-align:center;margin:22px 0 18px;display:flex;align-items:baseline;justify-content:center;gap:8px}
html body[data-perfume-id] #distributions#distributions .scalar-score strong{font-size:42px;line-height:1.2;color:var(--ink)}
html body[data-perfume-id] #distributions#distributions .scalar-score span{font-size:13px}
html body[data-perfume-id] #distributions#distributions .scalar-track{height:13px;border-radius:99px;overflow:hidden;background:var(--soft);margin:0 10px}
html body[data-perfume-id] #distributions#distributions .scalar-track i{display:block;height:100%;background:var(--accent);border-radius:99px}
html body[data-perfume-id] #distributions#distributions p.scalar-caption{height:auto!important;white-space:normal!important;margin:18px 0!important;font-size:11px!important;line-height:1.8!important}
html body[data-perfume-id] #distributions#distributions .qualitative-value{font-size:25px;text-align:center;font-weight:700;line-height:1.7;margin:24px 0 16px;color:var(--ink)}
html body[data-perfume-id] #distributions#distributions p.qualitative-copy{height:auto!important;white-space:normal!important;font-size:12px!important;line-height:1.9!important;margin:10px 0!important;text-align:center}
@media(max-width:720px){
html body[data-perfume-id] #scent#scent{padding:20px!important}
html body[data-perfume-id] #notes#notes .pyramid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
html body[data-perfume-id] #notes#notes .note-level{padding:13px!important;text-align:right!important}
html body[data-perfume-id] #notes#notes .note-level .generated-note-link,html body[data-perfume-id] #notes#notes .key-notes .note-level .generated-note-link{width:100%!important;max-width:100%!important;height:90px!important;float:none!important;margin:0 0 10px!important}
html body[data-perfume-id] #notes#notes .note-level img.generated-note-image{height:90px!important;max-height:90px!important}
html body[data-perfume-id] #notes#notes .note-list{justify-content:flex-start!important}
html body[data-perfume-id] #performance .performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Uniform note chips, including notes without taxonomy links. */
html body[data-perfume-id] #notes#notes .pyramid{align-items:stretch!important}
html body[data-perfume-id] #notes#notes .pyramid>.note-level{align-self:stretch!important}
html body[data-perfume-id] #notes#notes .note-list{align-items:center!important}
html body[data-perfume-id] #notes#notes .note-list>a,html body[data-perfume-id] #notes#notes .note-list>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-family:inherit!important;font-size:12px!important;font-weight:400!important;line-height:1.8!important;min-height:36px!important;height:auto!important;padding:6px 11px!important;margin:0!important;border:1px solid #d3c0b6!important;border-radius:22px!important;background:rgba(255,255,255,.65)!important;color:inherit!important;max-width:100%!important;overflow-wrap:anywhere!important}