.sc-v3-preview{--navy:#0D1B4C;--cream:#F4F1EA;--cream2:#F9F9F7;--charcoal:#2E2E2E;--gold:#C6A664;--ink:#1a1a1a;--line:#d8d2c4;--maxw:1180px;background:var(--cream2);color:var(--charcoal);font-family:'EB Garamond',Georgia,serif;font-size:20px;line-height:1.6;-webkit-font-smoothing:antialiased}.sc-v3-preview *{margin:0;padding:0;box-sizing:border-box}.sc-v3-preview .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.sc-v3-preview .eyebrow{font-family:'Cinzel Decorative',serif;text-transform:uppercase;letter-spacing:.32em;font-size:12px;color:var(--gold);font-weight:400}.sc-v3-preview .gold-rule{width:56px;height:1px;background:var(--gold);opacity:.85;margin:14px 0}.sc-v3-preview a{color:inherit}.sc-v3-preview .hero{position:relative;min-height:88vh;display:flex;align-items:center;background-image:url('https://scentchronicles.com/wp-content/uploads/2026/05/sc-spring-niche-hero-three-bottles-1536x857.webp');background-size:cover;background-position:center}.sc-v3-preview .hero-grad{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,241,234,0) 30%,rgba(244,241,234,.55) 62%,rgba(244,241,234,.92) 100%)}.sc-v3-preview .hero-inner{position:relative;margin-left:auto;width:48%;padding:60px 28px 60px 0;text-align:right}@media(max-width:820px){.sc-v3-preview .hero{min-height:auto;padding:46vw 0 0}.sc-v3-preview .hero-grad{background:linear-gradient(180deg,rgba(244,241,234,0) 38%,rgba(244,241,234,.96) 76%)}.sc-v3-preview .hero-inner{width:100%;text-align:left;padding:24px 28px 48px}}.sc-v3-preview .hero .mark{font-family:'Cinzel Decorative',serif;text-transform:uppercase;letter-spacing:.42em;font-size:13px;color:var(--navy)}.sc-v3-preview .hero .gold-rule{margin-left:auto}@media(max-width:820px){.sc-v3-preview .hero .gold-rule{margin-left:0}}.sc-v3-preview .hero h1{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;color:var(--navy);font-size:62px;line-height:1.04;letter-spacing:-.01em;margin:18px 0}@media(max-width:820px){.sc-v3-preview .hero h1{font-size:42px}}.sc-v3-preview .hero .deck{font-family:'EB Garamond',serif;font-size:22px;color:var(--charcoal);max-width:32ch;margin-left:auto}@media(max-width:820px){.sc-v3-preview .hero .deck{margin-left:0}}.sc-v3-preview .hero .statrow{margin-top:22px;font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}.sc-v3-preview .hero .statrow span{opacity:.5;margin:0 8px}.sc-v3-preview .hero .jump{margin-top:18px;display:inline-block;font-family:'Cinzel Decorative',serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:3px;text-decoration:none}.sc-v3-preview .disc{background:var(--cream);border-bottom:1px solid var(--line)}.sc-v3-preview .disc p{font-family:'Montserrat',sans-serif;font-size:12.5px;color:#6b6657;padding:12px 0;text-align:center}.sc-v3-preview .sec{padding:64px 0}.sc-v3-preview .lead p{font-size:23px;line-height:1.62;max-width:64ch;margin:0 auto 22px;color:var(--ink)}.sc-v3-preview .lead p:first-child::first-letter{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:78px;float:left;line-height:.78;padding:8px 14px 0 0;color:var(--navy)}.sc-v3-preview .bestpick{background:var(--navy);color:var(--cream);border-radius:2px;max-width:820px;margin:8px auto 0;display:flex;gap:0;align-items:stretch;overflow:hidden}.sc-v3-preview .bestpick .bp-photo{width:170px;flex-shrink:0;background-size:cover;background-position:center}.sc-v3-preview .bestpick .bp-text{padding:34px 40px;display:flex;gap:30px;align-items:center;flex:1}@media(max-width:680px){.sc-v3-preview .bestpick{flex-direction:column}.sc-v3-preview .bestpick .bp-photo{width:100%;height:200px}.sc-v3-preview .bestpick .bp-text{flex-direction:column;text-align:center;padding:28px 24px;gap:18px}}.sc-v3-preview .bestpick .bp-eye{font-family:'Cinzel Decorative',serif;text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:var(--gold)}.sc-v3-preview .bestpick h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:36px;line-height:1.05;margin:6px 0 10px}.sc-v3-preview .bestpick .bp-verdict{font-family:'EB Garamond',serif;font-size:17px;color:rgba(244,241,234,.85);line-height:1.5}.sc-v3-preview .bestpick .bp-right{flex-shrink:0;text-align:center}.sc-v3-preview .bestpick .bp-price{font-family:'Cormorant Garamond',serif;font-size:26px;margin-bottom:12px}.sc-v3-preview .bestpick .bp-price small{display:block;font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,234,.6);margin-top:2px}.sc-v3-preview .cta-gold{display:inline-block;background:var(--gold);color:var(--navy);font-family:'Montserrat',sans-serif;font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:14px 26px;border-radius:2px;text-decoration:none;transition:transform .2s,background .2s}.sc-v3-preview .cta-gold:hover{background:#d4b876;transform:translateY(-1px)}.sc-v3-preview .method{background:var(--cream)}.sc-v3-preview .sectit{text-align:center}.sc-v3-preview .sectit .eyebrow{display:block;margin-bottom:6px}.sc-v3-preview .h2c{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:40px;color:var(--navy);text-align:center;margin-bottom:8px}.sc-v3-preview .method ol{max-width:62ch;margin:24px auto 0;padding-left:0;list-style:none;counter-reset:m}.sc-v3-preview .method li{counter-increment:m;position:relative;padding:14px 0 14px 56px;border-bottom:1px solid var(--line);font-size:19px}.sc-v3-preview .method li::before{content:counter(m,decimal-leading-zero);position:absolute;left:0;top:14px;font-family:'Cinzel Decorative',serif;font-size:14px;color:var(--gold)}.sc-v3-preview .tldr{background:var(--cream2)}.sc-v3-preview .tldr .box{max-width:64ch;margin:22px auto 0}.sc-v3-preview .tldr .intro{font-size:20px;color:var(--ink);margin-bottom:20px;text-align:center}.sc-v3-preview .tldr dl{border-top:1px solid var(--line)}.sc-v3-preview .tldr dt{font-family:'Cinzel Decorative',serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);padding-top:16px}.sc-v3-preview .tldr dd{font-size:19px;padding:4px 0 16px;border-bottom:1px solid var(--line)}.sc-v3-preview .csheet{background:var(--cream)}.sc-v3-preview .csheet .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:24px}@media(max-width:820px){.sc-v3-preview .csheet .grid{grid-template-columns:repeat(2,1fr)}}.sc-v3-preview .csheet a.tile{position:relative;display:block;aspect-ratio:1;overflow:hidden;text-decoration:none;background:var(--navy)}.sc-v3-preview .csheet .tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.96}.sc-v3-preview .csheet .tile:hover img{transform:scale(1.04)}.sc-v3-preview .csheet .tile .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,76,0) 45%,rgba(13,27,76,.82));display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.sc-v3-preview .csheet .tile .no{font-family:'Cinzel Decorative',serif;font-size:10px;letter-spacing:.2em;color:var(--gold)}.sc-v3-preview .csheet .tile .nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:#fff;line-height:1.1;margin-top:2px}.sc-v3-preview .csheet .tile .pr{font-family:'Montserrat',sans-serif;font-size:12px;color:rgba(255,255,255,.85);margin-top:4px}.sc-v3-preview .matrix{background:var(--cream2)}.sc-v3-preview .mx{position:relative;max-width:760px;margin:40px auto 0;aspect-ratio:1.25}.sc-v3-preview .mx__field{position:absolute;inset:0;border:1px solid var(--line);background:linear-gradient(135deg,#fbfaf6,#f1ece0)}.sc-v3-preview .mx__field::before,.sc-v3-preview .mx__field::after{content:"";position:absolute;background:repeating-linear-gradient(to right,var(--gold) 0 6px,transparent 6px 12px);opacity:.4}.sc-v3-preview .mx__field::before{left:0;right:0;top:50%;height:1px;background:repeating-linear-gradient(to right,var(--gold) 0 6px,transparent 6px 12px)}.sc-v3-preview .mx__field::after{top:0;bottom:0;left:50%;width:1px;background:repeating-linear-gradient(to bottom,var(--gold) 0 6px,transparent 6px 12px)}.sc-v3-preview .axl{position:absolute;font-family:'Cinzel Decorative',serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8a8472;z-index:3}.sc-v3-preview .ax-top{top:-26px;left:50%;transform:translateX(-50%)}.sc-v3-preview .ax-bottom{bottom:-26px;left:50%;transform:translateX(-50%)}.sc-v3-preview .ax-left{top:50%;left:-12px;transform:translateY(-50%) rotate(-90deg);transform-origin:center}.sc-v3-preview .ax-right{top:50%;right:-12px;transform:translateY(-50%) rotate(90deg);transform-origin:center}.sc-v3-preview .pt{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:2}.sc-v3-preview .pt img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(198,166,100,.55);box-shadow:0 4px 14px rgba(13,27,76,.18);display:block;margin:0 auto 5px;transition:transform .25s}.sc-v3-preview .pt:hover img{transform:scale(1.13);z-index:9}.sc-v3-preview .pt.hl img{border-color:var(--gold);border-width:3px;width:60px;height:60px}.sc-v3-preview .pt .num{position:absolute;top:-5px;right:calc(50% - 30px);background:var(--navy);color:var(--gold);font-family:'Cinzel Decorative',serif;font-size:9px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sc-v3-preview .pt.hl .num{background:var(--gold);color:var(--navy)}.sc-v3-preview .pt span{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;color:var(--navy);white-space:nowrap}.sc-v3-preview .mx__legend{text-align:center;font-family:'Montserrat',sans-serif;font-size:12px;color:#8a8472;margin-top:30px}@media(max-width:680px){.sc-v3-preview .mx{aspect-ratio:.82}.sc-v3-preview .pt img{width:36px;height:36px}.sc-v3-preview .pt.hl img{width:42px;height:42px}.sc-v3-preview .pt span{font-size:11px}.sc-v3-preview .pt .num{width:15px;height:15px;font-size:8px;right:calc(50% - 22px)}.sc-v3-preview .axl{font-size:8px}}.sc-v3-preview .persp{background:var(--navy);color:var(--cream)}.sc-v3-preview .persp .inner{max-width:60ch;margin:0 auto;text-align:center}.sc-v3-preview .persp h2{color:var(--cream);font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:34px;margin-bottom:18px}.sc-v3-preview .persp p{font-size:20px;color:rgba(244,241,234,.9);line-height:1.6}.sc-v3-preview .persp .gold-rule{margin:0 auto 18px}.sc-v3-preview .feature{background:var(--cream)}.sc-v3-preview .feature .fwrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:820px){.sc-v3-preview .feature .fwrap{grid-template-columns:1fr;gap:24px}}.sc-v3-preview .feature img{width:100%;border-radius:2px}.sc-v3-preview .feature .no{font-family:'Cinzel Decorative',serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.sc-v3-preview .feature h2{text-align:left;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:44px;color:var(--navy);margin:8px 0}.sc-v3-preview .feature .desc{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--navy);margin-bottom:18px}.sc-v3-preview .feature p{font-size:18.5px;margin-bottom:14px;line-height:1.58}.sc-v3-preview .feature .verdict{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--navy);border-left:2px solid var(--gold);padding-left:16px;margin:18px 0}.sc-v3-preview .feature .stopline{font-size:17px;color:#5a5546}.sc-v3-preview .feature .micro{font-family:'Montserrat',sans-serif;font-size:13px;letter-spacing:.04em;color:#6b6657;margin:6px 0 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sc-v3-preview .prow{border-bottom:1px solid var(--line)}.sc-v3-preview .prow .pw{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:54px 0}.sc-v3-preview .prow:nth-child(even) .pw .ph{order:2}@media(max-width:820px){.sc-v3-preview .prow .pw{grid-template-columns:1fr;gap:20px;padding:36px 0}.sc-v3-preview .prow:nth-child(even) .pw .ph{order:0}}.sc-v3-preview .prow img{width:100%;border-radius:2px}.sc-v3-preview .prow .no{font-family:'Cinzel Decorative',serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.sc-v3-preview .prow h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:34px;color:var(--navy);margin:6px 0}.sc-v3-preview .prow .desc{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:#5a5546;margin-bottom:14px}.sc-v3-preview .prow p{font-size:18px;line-height:1.56;margin-bottom:12px}.sc-v3-preview .prow .verdict{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--navy);margin:10px 0 14px}.sc-v3-preview .prow .micro{font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.05em;color:#6b6657;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sc-v3-preview .cta-line{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);border:1px solid var(--gold);padding:9px 18px;border-radius:2px;text-decoration:none}.sc-v3-preview .cta-line:hover{background:var(--gold)}.sc-v3-preview .cgrid{background:var(--cream)}.sc-v3-preview .cgrid .g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:24px}@media(max-width:820px){.sc-v3-preview .cgrid .g{grid-template-columns:1fr;gap:28px}}.sc-v3-preview .cgrid .card img{width:100%;border-radius:2px}.sc-v3-preview .cgrid .no{font-family:'Cinzel Decorative',serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:12px}.sc-v3-preview .cgrid h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:26px;color:var(--navy);margin:4px 0}.sc-v3-preview .cgrid .desc{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:#5a5546;margin-bottom:10px}.sc-v3-preview .cgrid p{font-size:16.5px;line-height:1.5;margin-bottom:10px}.sc-v3-preview .cgrid .verdict{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--navy);margin:8px 0 12px}.sc-v3-preview .indexs{background:var(--cream2)}.sc-v3-preview .tblwrap{overflow-x:auto;margin-top:24px}.sc-v3-preview table{width:100%;border-collapse:collapse;font-size:15px}.sc-v3-preview th,.sc-v3-preview td{text-align:left;padding:12px 12px;border-bottom:1px solid var(--line)}.sc-v3-preview th{font-family:'Cinzel Decorative',serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:400}.sc-v3-preview td.nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--navy)}.sc-v3-preview .tbl-cta{font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);border-bottom:1px solid var(--gold);text-decoration:none}.sc-v3-preview .note{font-family:'Montserrat',sans-serif;font-size:12px;color:#8a8472;margin-top:14px}.sc-v3-preview .picker{background:var(--cream)}.sc-v3-preview .pk{max-width:60ch;margin:24px auto 0}.sc-v3-preview .pk .q{border-bottom:1px solid var(--line);padding:18px 0}.sc-v3-preview .pk .q .ql{font-family:'Cinzel Decorative',serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.sc-v3-preview .pk .q .qt{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:var(--navy);margin-bottom:10px}.sc-v3-preview .pk .opts{display:flex;flex-wrap:wrap;gap:8px}.sc-v3-preview .pk .opt2{cursor:pointer}.sc-v3-preview .pk .opt2 input{position:absolute;opacity:0;pointer-events:none}.sc-v3-preview .pk .opt2 span{display:inline-block;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--charcoal);border:1px solid var(--line);padding:8px 16px;border-radius:2px;transition:all .2s;background:#fff}.sc-v3-preview .pk .opt2 span:hover{border-color:var(--gold)}.sc-v3-preview .pk .opt2 input:checked+span{background:var(--navy);color:var(--cream);border-color:var(--navy)}.sc-v3-preview .pk__result{margin-top:30px;background:var(--navy);border-radius:2px;overflow:hidden;max-height:0;opacity:0;transition:max-height .5s,opacity .5s}.sc-v3-preview .pk__result.ready{max-height:500px;opacity:1}.sc-v3-preview .pk__result-inner{display:flex;align-items:stretch}@media(max-width:600px){.sc-v3-preview .pk__result-inner{flex-direction:column}}.sc-v3-preview .pk__result-photo{width:210px;flex-shrink:0;background-size:cover;background-position:center}@media(max-width:600px){.sc-v3-preview .pk__result-photo{width:100%;height:190px}}.sc-v3-preview .pk__result-body{padding:28px 32px;color:var(--cream)}.sc-v3-preview .pk__result-body .lab{font-family:'Cinzel Decorative',serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.sc-v3-preview .pk__result-body h4{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:28px;margin:6px 0 8px}.sc-v3-preview .pk__result-body p{font-size:16px;color:rgba(244,241,234,.85);margin-bottom:14px;line-height:1.5}.sc-v3-preview .wtb p,.sc-v3-preview .verdictsec p{max-width:62ch;margin:0 auto 16px;font-size:19px;line-height:1.58}.sc-v3-preview .verdictsec{background:var(--navy);color:var(--cream)}.sc-v3-preview .verdictsec p{color:rgba(244,241,234,.9)}.sc-v3-preview .verdictsec strong{color:var(--cream);font-weight:600}.sc-v3-preview .verdictsec .cta-gold{margin:10px auto 0;display:table}.sc-v3-preview .nl{background:var(--cream);text-align:center}.sc-v3-preview .nl p{max-width:54ch;margin:0 auto 18px;font-size:19px}.sc-v3-preview .nl .sub{display:inline-block;font-family:'Cinzel Decorative',serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);border:1px solid var(--navy);padding:12px 28px;text-decoration:none}.sc-v3-preview .nl .sub:hover{background:var(--navy);color:var(--cream)}.sc-v3-preview .faq{background:var(--cream2)}.sc-v3-preview .faq .qa{max-width:64ch;margin:0 auto}.sc-v3-preview .faq details{border-bottom:1px solid var(--line);padding:16px 0}.sc-v3-preview .faq summary{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:var(--navy);cursor:pointer;list-style:none}.sc-v3-preview .faq summary::-webkit-details-marker{display:none}.sc-v3-preview .faq summary::after{content:'+';float:right;color:var(--gold);font-family:'Montserrat',sans-serif}.sc-v3-preview .faq details[open] summary::after{content:'\2013'}.sc-v3-preview .faq p{font-size:18px;margin-top:10px;line-height:1.55}.sc-v3-preview .author{background:var(--cream);border-top:1px solid var(--line)}.sc-v3-preview .author .a{max-width:60ch;margin:0 auto;text-align:center}.sc-v3-preview .author .nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;color:var(--navy)}.sc-v3-preview .author p{font-size:17px;color:#5a5546;margin-top:8px}.sc-v3-preview .disclaimer{background:#efeadd;padding:18px 0;text-align:center}.sc-v3-preview .disclaimer p{font-family:'Montserrat',sans-serif;font-size:11.5px;color:#8a8472;max-width:70ch;margin:0 auto}.sc-v3-preview script,.sc-v3-preview style,.sc-v3-preview noscript{display:none !important}
/* ============================================================
   MOBILE REFINEMENTS — ported from type01-v3.css
   Added to sc-v3-preview.css 2026-06-01
   Sources:
     - Mobile #1: matrix label hide on narrow widths (prevents overlap on 8 points)
     - Mobile #2: sc-tldr tighter padding/sizes below 600px
     - Mobile #3: fluid typography via clamp() across the 360-880px range
     - Mobile #4: 44px touch targets on all tap-able controls (iOS HIG)
     - Mobile #5: overflow-x guard + long-word safety
   Mobile #6 (hero scrim flip) was already in this file from the preview spec.
   ============================================================ */

/* === Mobile #5: overflow-x guard on the scope wrapper === */
.sc-v3-preview{overflow-x:hidden}

/* === Mobile #3: Fluid typography ============================ */

/* Hero */
.sc-v3-preview .hero h1{font-size:clamp(36px,7vw,62px);overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}
.sc-v3-preview .hero .deck{font-size:clamp(17px,2.4vw,22px)}

/* Lead block */
.sc-v3-preview .lead p{font-size:clamp(18px,2.5vw,23px)}
.sc-v3-preview .lead p:first-child::first-letter{font-size:clamp(56px,9vw,78px)}

/* Bestpick */
.sc-v3-preview .bestpick h3{font-size:clamp(28px,4.8vw,36px)}
.sc-v3-preview .bestpick .bp-verdict{font-size:clamp(15px,1.9vw,17px)}

/* All section H2 titles (.h2c) */
.sc-v3-preview .h2c{font-size:clamp(28px,5vw,40px)}

/* Method */
.sc-v3-preview .method li{font-size:clamp(16px,2.2vw,19px)}

/* TLDR */
.sc-v3-preview .tldr .intro{font-size:clamp(17px,2.4vw,20px)}
.sc-v3-preview .tldr dd{font-size:clamp(16px,2.2vw,19px)}

/* Csheet tiles */
.sc-v3-preview .csheet .tile .nm{font-size:clamp(15px,1.6vw,19px)}

/* Perspective */
.sc-v3-preview .persp p{font-size:clamp(17px,2.5vw,20px)}
.sc-v3-preview .persp h2{font-size:clamp(24px,4vw,34px)}

/* Feature N°01 */
.sc-v3-preview .feature h2{font-size:clamp(28px,5.4vw,44px)}
.sc-v3-preview .feature .desc{font-size:clamp(17px,2.4vw,20px)}
.sc-v3-preview .feature p{font-size:clamp(16px,2.2vw,18.5px)}
.sc-v3-preview .feature .verdict{font-size:clamp(17px,2.4vw,20px)}

/* Prow rows */
.sc-v3-preview .prow h3{font-size:clamp(26px,4.6vw,34px)}
.sc-v3-preview .prow .desc{font-size:clamp(15px,2vw,18px)}
.sc-v3-preview .prow p{font-size:clamp(16px,2.2vw,18px)}
.sc-v3-preview .prow .verdict{font-size:clamp(15px,2vw,18px)}

/* Cgrid cards */
.sc-v3-preview .cgrid h3{font-size:clamp(22px,3.4vw,26px)}
.sc-v3-preview .cgrid p{font-size:clamp(15px,2vw,16.5px)}

/* Picker */
.sc-v3-preview .pk .q .qt{font-size:clamp(18px,2.6vw,22px)}
.sc-v3-preview .pk__result-body h4{font-size:clamp(22px,3.4vw,28px)}

/* Wheretobuy + Verdictsec + Newsletter share .h2c so already covered */
.sc-v3-preview .wtb p,
.sc-v3-preview .verdictsec p,
.sc-v3-preview .nl p{font-size:clamp(16px,2.2vw,19px)}

/* FAQ */
.sc-v3-preview .faq summary{font-size:clamp(18px,2.6vw,22px)}
.sc-v3-preview .faq p{font-size:clamp(16px,2.2vw,18px)}

/* Author */
.sc-v3-preview .author .nm{font-size:clamp(20px,3vw,24px)}
.sc-v3-preview .author p{font-size:clamp(15px,2vw,17px)}

/* === Mobile #4: 44px touch targets (iOS HIG) === */
.sc-v3-preview .cta-gold,
.sc-v3-preview .cta-line,
.sc-v3-preview .nl .sub,
.sc-v3-preview .pk__result .cta-gold,
.sc-v3-preview .tbl-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* Picker option pill: extend min-height of the visible span */
.sc-v3-preview .pk .opt2 span{min-height:44px;display:inline-flex;align-items:center}

/* Hero jump link: small text, needs invisible tap area extension to 44px */
.sc-v3-preview .hero .jump{min-height:44px;display:inline-flex;align-items:center;padding-top:8px;padding-bottom:8px}

/* CSheet tile: aspect-ratio:1 + min 44x44 is automatic (tile is square ≥80px) */

/* Matrix point: extend invisible tap area via ::before pseudo (preserves visual layout) */
.sc-v3-preview .pt::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;z-index:1}

/* === Mobile #1: matrix label hide on narrow widths === */
@media (max-width:480px){
  .sc-v3-preview .pt span{display:none}
  .sc-v3-preview .pt .num{right:calc(50% - 17px)}
}

/* === Mobile #2: sc-tldr tighter padding/sizes below 600px === */
@media (max-width:600px){
  .sc-v3-preview .tldr .box{margin-top:14px}
  .sc-v3-preview .tldr .intro{margin-bottom:14px}
  .sc-v3-preview .tldr dt{padding-top:12px}
  .sc-v3-preview .tldr dd{padding:3px 0 12px}
}

/* ============================================================
   TYPE 01 HERO MOBILE PATTERN — stacked layout
   Added 2026-06-01 to fix text-over-photo legibility on dark
   or busy hero images (e.g. post 4498 coffee perfumes).

   PATTERN (mobile ≤820px):
     - Hero photo occupies a fixed band at the TOP of the hero
       (full viewport width, natural aspect ratio so composition
       is not cropped).
     - Text block (.hero-inner) sits BELOW the photo on a SOLID
       cream background. Title navy + deck charcoal read on
       solid cream, never on the photo.
     - .hero-grad scrim is hidden (no longer needed — no text
       on photo means no scrim to manage).

   BRAND RULE (per editorial direction): NEVER place navy/
   charcoal text on top of a hero photo on mobile. Photo and
   text are always separated by a solid cream block. No dark
   scrims, no gradient overlays behind text.

   This pattern applies to every Type 01 post going forward.
   The desktop layout remains "photo with cream-right gradient
   + text in right column" (cream gradient is wide enough on
   desktop that text always sits on near-opaque cream).
   ============================================================ */

@media (max-width: 820px) {
  .sc-v3-preview .hero {
    display: block;
    min-height: auto;
    /* photo band: 60vw padding pushes text past the natural-aspect
       photo height (~56vw at 16:9 source). Cream fills the rest. */
    padding: 60vw 0 0;
    background-color: var(--cream);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
  }

  /* No scrim needed — text never sits on photo */
  .sc-v3-preview .hero-grad { display: none; }

  /* Text block: solid cream, left-aligned, full width */
  .sc-v3-preview .hero-inner {
    position: static;
    width: 100%;
    margin: 0;
    padding: 32px 28px 48px;
    text-align: left;
    background: var(--cream);
  }

  /* Reset right-aligned desktop bits */
  .sc-v3-preview .hero h1 { text-align: left; }
  .sc-v3-preview .hero .mark { text-align: left; }
  .sc-v3-preview .hero .gold-rule { margin-left: 0; }
  .sc-v3-preview .hero .deck { margin-left: 0; max-width: none; }
  .sc-v3-preview .hero .statrow { text-align: left; }
}

/* Extra-narrow phones (360 and below): slightly less padding-top
   so photo doesn't dominate too much, slightly tighter text padding */
@media (max-width: 380px) {
  .sc-v3-preview .hero {
    padding: 58vw 0 0;
  }
  .sc-v3-preview .hero-inner {
    padding: 28px 24px 40px;
  }
}

/* ---- cross-link banner to a /picks/ selection (reusable) ---- */
.sc-xlink{ position:relative; background:var(--sc-cream-warm); border:1px solid var(--sc-parchment-dk); border-left:3px solid var(--sc-gold); border-radius:2px; margin:48px 0; display:flex; align-items:stretch; overflow:hidden; }
.sc-xlink__thumb{ flex:0 0 138px; }
.sc-xlink__thumb img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.78) contrast(1.04) brightness(.96); }
.sc-xlink__body{ padding:24px 30px; display:flex; flex-direction:column; justify-content:center; }
.sc-xlink__kicker{ font-family:var(--font-ui); font-weight:600; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--sc-gold-dk); margin:0 0 9px; }
.sc-xlink__teaser{ font-family:var(--font-editorial); font-style:italic; font-weight:400; font-size:20px; line-height:1.4; color:var(--sc-charcoal); margin:0 0 15px; }
.sc-xlink__cta{ font-family:var(--font-ui); font-weight:600; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--sc-royal); text-decoration:none; border-bottom:1px solid var(--sc-gold); padding-bottom:3px; align-self:flex-start; display:inline-flex; align-items:center; gap:6px; transition:color .25s,border-color .25s; }
.sc-xlink__cta::after{ content:"\2192"; font-family:var(--font-editorial); font-size:14px; color:var(--sc-gold); transition:transform .25s,color .25s; }
.sc-xlink__cta:hover{ color:var(--sc-navy); border-bottom-color:var(--sc-gold-dk); }
.sc-xlink__cta:hover::after{ transform:translateX(3px); color:var(--sc-gold-dk); }
@media (max-width:560px){
  .sc-xlink{ flex-direction:column; margin:36px 0; }
  .sc-xlink__thumb{ flex:0 0 auto; aspect-ratio:16/9; }
}


/* SC_PROSE_CENTERING (2026-06-09) */
.sc-v3-preview .explain p,
.sc-v3-preview .gender p { max-width: 62ch; margin: 0 auto 16px; }


/* SC_PDM_V6 2026-06-12 BEGIN — three new modifiers for the PdM buying guide.
   .sec.restline  — text-only ranking grid (06-16, no bottle imgs)
   .sec.extraits  — Les Extraits dark feature block
   .summer-block  — H3 anchor inside restline for the summer cluster
*/
.sec.restline { padding: 56px 0; }
.sec.restline .restline__list { display: flex; flex-direction: column; gap: 8px; margin-top: 28px; }
.sec.restline .row {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: 16px 24px;
  align-items: start;
  padding: 22px 0;
  border-top: 1px solid rgba(0,0,0,.08);
}
.sec.restline .row .num {
  font: 600 26px/1 var(--serif, Georgia, serif);
  color: var(--gold-dk, #9a7c2a);
  letter-spacing: .02em;
}
.sec.restline .row .meta { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sec.restline .row .meta h3 {
  font: 600 22px/1.2 var(--serif, Georgia, serif);
  margin: 0;
  color: var(--navy, #16223a);
}
.sec.restline .row .meta .tag {
  font: 500 12px/1 var(--sans, system-ui, sans-serif);
  color: var(--gold-dk, #9a7c2a);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sec.restline .row .meta p { font-size: 16px; line-height: 1.6; margin: 0; max-width: 62ch; }
.sec.restline .row .cta {
  white-space: nowrap;
  align-self: start;
  margin-top: 2px;
}
.sec.restline .summer-block {
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid rgba(0,0,0,.12);
}
.sec.restline .summer-block h3 {
  font: 600 24px/1.2 var(--serif, Georgia, serif);
  color: var(--navy, #16223a);
  margin: 0 0 16px;
}
.sec.restline .summer-block p { font-size: 16px; line-height: 1.6; max-width: 62ch; margin: 0 auto; }

.sec.extraits {
  padding: 72px 0;
  background: var(--navy, #16223a);
  color: #f7f2e8;
}
.sec.extraits .wrap { color: inherit; }
.sec.extraits .sectit .eyebrow { color: var(--gold, #c9a85a); }
.sec.extraits h2.h2c { color: #f7f2e8; }
.sec.extraits > .wrap > p { color: rgba(247,242,232,.92); max-width: 64ch; margin-left: auto; margin-right: auto; }
.sec.extraits .extraits__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.sec.extraits .extra-card {
  background: rgba(255,255,255,.06);
  padding: 28px 24px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.08);
}
.sec.extraits .extra-card .tag {
  font: 500 11px/1 var(--sans, system-ui, sans-serif);
  color: var(--gold, #c9a85a);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sec.extraits .extra-card h3 {
  font: 600 20px/1.2 var(--serif, Georgia, serif);
  color: #f7f2e8;
  margin: 10px 0 12px;
}
.sec.extraits .extra-card p {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(247,242,232,.88);
  margin: 0 0 16px;
}
.sec.extraits .extra-card .cta-line {
  display: inline-block;
  color: var(--gold, #c9a85a);
  text-decoration: none;
  border-bottom: 1px solid rgba(201,168,90,.4);
  font-size: 14px;
  padding-bottom: 1px;
}
.sec.extraits .extraits__close {
  margin-top: 40px;
  text-align: center;
  color: rgba(247,242,232,.85);
  font-style: italic;
  max-width: 64ch;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 780px) {
  .sec.restline .row { grid-template-columns: 44px 1fr; gap: 12px 18px; }
  .sec.restline .row .cta { grid-column: 1 / -1; margin-top: 4px; }
  .sec.extraits .extraits__grid { grid-template-columns: 1fr; gap: 14px; }
  .sec.extraits .extra-card { padding: 22px 20px; }
}
/* SC_PDM_V6 2026-06-12 END */