/* Scoped to the new editorial pages; existing site styles remain immutable. */
.jh-conversion { --jh-paper:#fffdf8; --jh-ink:#3d3732; --jh-brown:#815237; --jh-soft:#eee5d8; }
.jh-conversion main { color:var(--jh-ink); }
.jh-conversion .jh-wrap { width:min(1160px,calc(100% - 80px)); margin-inline:auto; }
.jh-conversion .jh-section { padding:76px 0; scroll-margin-top:110px; }
.jh-conversion .jh-white { background:var(--jh-paper); }
.jh-conversion .jh-kicker { margin:0 0 18px; color:#73553f; font-size:12px; font-weight:650; letter-spacing:.13em; text-transform:uppercase; }
.jh-conversion .jh-hero { padding:32px 0 48px; }
.jh-conversion .jh-crumb { font-size:13px; color:#6a5f58; margin:0 0 30px; line-height:1.6; }
.jh-conversion .jh-hero-grid { display:grid; grid-template-columns:1.25fr .85fr; gap:64px; align-items:center; }
.jh-conversion .jh-hero h1 { font-size:clamp(36px,3.9vw,58px); line-height:1.07; letter-spacing:-.03em; margin:0 0 24px; font-weight:400; max-width:690px; }
.jh-conversion .jh-lead { font-size:19px; line-height:1.65; margin:0 0 24px; max-width:650px; }
.jh-conversion .jh-hero figure { margin:0; position:relative; }
.jh-conversion .jh-hero figure img { width:100%; height:440px; object-fit:cover; object-position:50% 25%; border-radius:140px 12px 12px 12px; display:block; }
.jh-conversion .jh-hero figcaption { padding:17px 0 0; font-size:15px; }
.jh-conversion .jh-hero figcaption strong { display:block; font-size:20px; font-weight:500; }
.jh-conversion .jh-actions { display:flex; gap:12px 22px; align-items:center; flex-wrap:wrap; margin:24px 0 16px; }
.jh-conversion a.jh-button { background:var(--jh-brown); color:#fffdf8; border:1px solid var(--jh-brown); border-radius:7px; min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:13px 23px; text-decoration:none; font-weight:600; font-size:16px; line-height:1.35; text-align:center; transition:background .2s; }
.jh-conversion a.jh-button:hover { background:#623b28; }
.jh-conversion a.jh-textlink { color:var(--jh-ink); text-decoration:underline; text-underline-offset:5px; padding:12px 0; display:inline-block; font-size:16px; }
.jh-conversion .jh-facts-line { color:#62564e; font-size:14px; line-height:1.7; margin:0; }
.jh-conversion .jh-availability { border-left:3px solid var(--jh-brown); padding:10px 15px; font-size:15px; line-height:1.6; background:#eee5d8; margin:22px 0; }
.jh-conversion .jh-jump { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fffdf8; }
.jh-conversion .jh-jump .jh-wrap { display:flex; align-items:center; flex-wrap:wrap; gap:5px 30px; padding-block:12px; }
.jh-conversion .jh-jump a { font-size:15px; padding:10px 0; color:var(--jh-ink); text-decoration:none; }
.jh-conversion .jh-jump a:hover { text-decoration:underline; }
.jh-conversion .jh-section h2 { font-weight:400; font-size:clamp(30px,3vw,43px); line-height:1.13; letter-spacing:-.025em; margin:0 0 24px; max-width:830px; }
.jh-conversion .jh-section h3 { font-size:24px; line-height:1.2; font-weight:500; margin:0 0 16px; }
.jh-conversion .jh-section p { font-size:17px; line-height:1.75; margin:0 0 18px; }
.jh-conversion .jh-section p.jh-kicker { font-size:12px; line-height:1.5; margin-bottom:18px; }
.jh-conversion .jh-section p.jh-small { font-size:14px; line-height:1.6; }
.jh-conversion .jh-recognition { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:25px; padding:0; margin:32px 0 0; }
.jh-conversion .jh-recognition li { padding:24px 0 0; border-top:2px solid #b8bcab; font-size:21px; line-height:1.5; }
.jh-conversion .jh-two { display:grid; grid-template-columns:1.15fr .85fr; gap:72px; align-items:start; }
.jh-conversion .jh-example { padding:30px; background:#eee5d8; border-radius:8px; }
.jh-conversion .jh-example p:last-child { margin-bottom:0; }
.jh-conversion .jh-aim { font-size:22px!important; line-height:1.5!important; }
.jh-conversion .jh-profile { display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:center; }
.jh-conversion .jh-profile figure { margin:0; }
.jh-conversion .jh-profile img { display:block; width:100%; height:440px; object-fit:cover; border-radius:10px; }
.jh-conversion .jh-profile figcaption { font-size:13px; margin-top:12px; color:#6a5f58; }
.jh-conversion .jh-proof { padding:18px 0; border-block:1px solid var(--line); margin:20px 0; font-size:16px!important; }
.jh-conversion .jh-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; list-style:none; margin:32px 0 0; padding:0; }
.jh-conversion .jh-steps li { border-top:1px solid #b6a899; padding-top:22px; }
.jh-conversion .jh-number { color:#8a5c40; display:block; font-size:17px; margin-bottom:16px; }
.jh-conversion .jh-insight { max-width:780px; }
.jh-conversion .jh-insight + .jh-insight { margin-top:34px; }
.jh-conversion .jh-note { border-top:1px solid var(--line); padding-top:18px; margin-top:24px!important; color:#5d534b; font-size:15px!important; }
.jh-conversion .jh-price { padding:34px; border:1px solid #bcae9d; border-radius:9px; }
.jh-conversion .jh-price strong.jh-amount { display:block; font-size:62px; font-weight:400; line-height:1.1; margin:0 0 8px; }
.jh-conversion .jh-price dl { margin:25px 0; }
.jh-conversion .jh-price dl div { display:flex; gap:15px; justify-content:space-between; border-top:1px solid var(--line); padding:12px 0; font-size:16px; }
.jh-conversion .jh-price dt { color:#685a50; }
.jh-conversion .jh-price dd { text-align:right; margin:0; }
.jh-conversion .jh-price .jh-button { width:100%; }
.jh-conversion .jh-faq { max-width:850px; }
.jh-conversion .jh-faq details { border-bottom:1px solid #c9bcae; }
.jh-conversion .jh-faq summary { list-style:none; font-size:21px; line-height:1.4; padding:22px 36px 22px 0; cursor:pointer; position:relative; }
.jh-conversion .jh-faq summary::-webkit-details-marker { display:none; }
.jh-conversion .jh-faq summary::after { content:'+'; position:absolute; right:5px; font-size:26px; top:18px; }
.jh-conversion .jh-faq details[open] summary::after { content:'−'; }
.jh-conversion .jh-faq details p { max-width:730px; }
.jh-conversion .jh-related { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:0; margin:0; }
.jh-conversion .jh-related a { display:block; height:100%; border:1px solid var(--line); border-radius:6px; padding:22px; font-size:20px; line-height:1.35; text-decoration:none; }
.jh-conversion .jh-related a:hover { background:#eee5d8; }
.jh-conversion .jh-related a span { display:block; font-size:14px; color:#79553d; margin-top:20px; }
.jh-conversion .jh-directory { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.jh-conversion .jh-directory article { border-top:2px solid #b8bcab; padding:24px 0; }
.jh-conversion .jh-directory ul { list-style:none; margin:0; padding:0; }
.jh-conversion .jh-directory li a { display:block; padding:10px 0; line-height:1.5; text-decoration:none; }
.jh-conversion .jh-directory li a:hover { text-decoration:underline; }
.jh-conversion :is(a,summary):focus-visible { outline:3px solid #8e432a; outline-offset:5px; }
.jh-conversion .mobile-cta-float,.jh-conversion .persistent-phone-pill { display:none!important; }
.jh-conversion .jh-sticky { display:none; }
@media(max-width:1000px) {
 .jh-conversion .jh-wrap { width:calc(100% - 48px); }
 .jh-conversion .jh-hero-grid { gap:32px; grid-template-columns:1.2fr .8fr; }
 .jh-conversion .jh-hero figure img { height:370px; }
 .jh-conversion .jh-two,.jh-conversion .jh-profile { gap:36px; }
 .jh-conversion .jh-steps,.jh-conversion .jh-recognition { gap:24px; }
 .jh-conversion .jh-directory { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:700px) {
 .jh-conversion .jh-wrap { width:calc(100% - 40px); }
 .jh-conversion .jh-section { padding:48px 0; scroll-margin-top:85px; }
 .jh-conversion .jh-hero { padding:24px 0 30px; }
 .jh-conversion .jh-crumb { font-size:12px; margin-bottom:25px; }
 .jh-conversion .jh-hero-grid,.jh-conversion .jh-two,.jh-conversion .jh-profile { grid-template-columns:1fr; gap:30px; }
 .jh-conversion .jh-hero h1 { font-size:37px; }
 .jh-conversion .jh-lead { font-size:18px; }
 .jh-conversion .jh-actions { gap:8px 18px; }
 .jh-conversion .jh-actions .jh-button { width:100%; }
 .jh-conversion .jh-hero figure img { height:295px; border-radius:70px 8px 8px 8px; object-position:50% 27%; }
 .jh-conversion .jh-hero figcaption { font-size:14px; padding-top:12px; }
 .jh-conversion .jh-hero figcaption strong { display:inline; font-size:17px; margin-right:6px; }
 .jh-conversion .jh-jump .jh-wrap { gap:0 23px; }
 .jh-conversion .jh-jump a { font-size:14px; }
 .jh-conversion .jh-recognition,.jh-conversion .jh-steps,.jh-conversion .jh-related,.jh-conversion .jh-directory { grid-template-columns:1fr; gap:22px; }
 .jh-conversion .jh-recognition li { font-size:20px; padding-top:18px; }
 .jh-conversion .jh-profile img { height:300px; object-position:50% 40%; }
 .jh-conversion .jh-example,.jh-conversion .jh-price { padding:25px; }
 .jh-conversion .jh-section h2 { font-size:32px; }
 .jh-conversion .jh-faq summary { font-size:20px; }
 .jh-conversion .jh-related a { padding:18px 20px; }
 .jh-conversion .jh-related a span { margin-top:12px; }
 .jh-conversion .site-footer { padding-bottom:110px; }
 .jh-conversion .jh-sticky { display:flex; align-items:center; justify-content:center; gap:12px; position:fixed; bottom:0; left:0; right:0; z-index:85; background:#fffdf8; border-top:1px solid #c9bcae; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -3px 16px #3d37320d; }
 .jh-conversion .jh-sticky a.jh-button { min-height:44px; flex:1; font-size:14px; padding:11px 14px; }
 .jh-conversion .jh-sticky a.jh-textlink { font-size:14px; padding:12px; }
 .jh-conversion.consent-open .jh-sticky,.jh-conversion.menu-open .jh-sticky { display:none; }
}
@media(prefers-reduced-motion:reduce) { .jh-conversion * { scroll-behavior:auto!important; transition:none!important; } }