/* Read With Julie: v6 owner-approved design integrated into the native DJO shell.
   All selectors are scoped to this page; shared navigation and footer are retained. */
.rwj-page{
 --rwj-night:#0d1525;--rwj-azure:#a9d2df;--rwj-soft:#ccd9dc;
 --rwj-ivory:#f4f0e8;--rwj-muted:#b7c6d0;--rwj-gold:#dfcbb0;
 --rwj-line:rgba(223,234,235,.24);--rwj-radius:1.5rem;
 color:var(--rwj-ivory);background:linear-gradient(180deg,#10192b,#0d1525);
 font:1.0625rem/1.65 var(--sans);overflow-wrap:break-word;
}
.rwj-page *{min-width:0}
.rwj-page a:focus-visible{outline:3px solid #d4e5ff;outline-offset:5px}
.rwj-page .rwj-serif{font-family:var(--serif);font-weight:400}
.rwj-page .rwj-eyebrow{color:var(--rwj-azure);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;line-height:1.7;font-weight:600}
.rwj-page .rwj-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 77% 34%,#a7bcd733,transparent 15rem),radial-gradient(ellipse at 86% 26%,#799bbe33,transparent 34rem),linear-gradient(139deg,#121c30 15%,#1b3048 65%,#101b2e)}
.rwj-page .rwj-hero::after{content:"";position:absolute;inset:auto -10% -6rem;height:14rem;background:radial-gradient(ellipse at center,#70adbf24,transparent 65%);pointer-events:none;z-index:-1}
.rwj-page .rwj-hero-inner{max-width:75.625rem;margin:auto;padding:6.625rem 2.25rem 7.625rem;position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:2.375rem}
.rwj-page h1{max-width:51.875rem;font-size:clamp(3rem,1.8rem + 5vw,6.75rem);line-height:1.04;letter-spacing:-.055em;margin:1.25rem 0 1.75rem}
.rwj-page h1 em{color:#e4d2cc}
.rwj-page .rwj-intro{color:#deeaef;max-width:35rem;font-size:clamp(1.0625rem,.9rem + .6vw,1.3125rem);line-height:1.75;margin:0}
.rwj-page .rwj-hero-ornament{position:relative;height:22.5rem;display:flex;align-items:center;justify-content:center;opacity:.85;pointer-events:none}
.rwj-page .rwj-orb{width:min(29vw,19.375rem);height:min(29vw,19.375rem);border-radius:50%;border:1px solid #e0e6ec80;background:radial-gradient(circle at 38% 28%,#faf1e0b3,#bdcddc54 33%,#6a95b426 63%,transparent 73%);box-shadow:0 0 5rem #a9cddc17,inset -2.2rem -2.6rem 4.7rem #132944a1}
.rwj-page .rwj-orb::before,.rwj-page .rwj-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid #dbebee24;inset:1.5rem;transform:rotate(-24deg) scaleX(1.25)}
.rwj-page .rwj-orb::after{inset:3.75rem .625rem;transform:rotate(31deg) scaleY(.6)}
.rwj-page .rwj-container{max-width:75.625rem;margin:auto;padding:0 2.25rem}
.rwj-page .rwj-overview{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1.5625rem;padding:5rem 0 2.1875rem}
.rwj-page .rwj-overview h2{font-size:clamp(2.1rem,1.25rem + 2.8vw,3.6875rem);line-height:1.1;letter-spacing:-.04em;margin:.875rem 0 0}
.rwj-page .rwj-overview>p{max-width:21.875rem;margin:0;color:var(--rwj-muted)}
.rwj-page .rwj-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.375rem;padding-bottom:2.375rem}
.rwj-page .rwj-offer{border:1px solid var(--rwj-line);border-radius:var(--rwj-radius);background:radial-gradient(circle at 100% 0,#9ecbd81a,transparent 14rem),#e9f2f30e;padding:clamp(20px,3.5vw,49px);display:flex;flex-direction:column}
.rwj-page .rwj-study{background:radial-gradient(circle at 100% 0,#ccaacc1f,transparent 14rem),#e9f2f30e}
.rwj-page .rwj-offer-top{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}
.rwj-page .rwj-pill{border:1px solid #d5e5e752;border-radius:6.25rem;color:var(--rwj-soft);font-size:.6875rem;line-height:1.6;font-weight:600;padding:.375rem .8125rem;text-transform:uppercase;letter-spacing:.12em}
.rwj-page .rwj-pill.rwj-free{color:#d5edf1;background:#77b7c61a;border-color:#97dce45c}
.rwj-page .rwj-offer-index{font-size:.75rem;color:var(--rwj-muted)}
.rwj-page .rwj-offer h3{font-size:clamp(2.5rem,1.8rem + 2vw,3.625rem);line-height:1.1;letter-spacing:-.04em;margin:2.5625rem 0 1.0625rem}
.rwj-page .rwj-host-line{color:var(--rwj-gold);font-size:1rem;margin:-.4rem 0 1.5rem}
.rwj-page .rwj-offer-lead{color:#e2e7e9;font-size:1.125rem;line-height:1.75;margin:0 0 1.5rem}
.rwj-page .rwj-facts{margin:.625rem 0 1.375rem;padding:0;list-style:none;border-top:1px solid var(--rwj-line)}
.rwj-page .rwj-facts li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .9375rem;padding:.8125rem 0;border-bottom:1px solid var(--rwj-line);font-size:1rem}
.rwj-page .rwj-facts li span{color:var(--rwj-muted)}
.rwj-page .rwj-facts li strong{max-width:100%;margin-left:auto;text-align:right;font-weight:600}
.rwj-page .rwj-offer-foot{margin-top:auto}
.rwj-page .rwj-status{margin:0;padding:.75rem 0 1.25rem;color:var(--rwj-muted);font-size:.9375rem;line-height:1.75}
.rwj-page .rwj-action{display:flex;width:100%;justify-content:center;align-items:center;gap:.5rem;text-align:center;padding:1rem 1.25rem;border-radius:6.25rem;font-size:.9375rem;line-height:1.5;font-weight:600;min-height:3.375rem;text-decoration:none}
.rwj-page .rwj-action>span[aria-hidden]{flex-shrink:0}
.rwj-page .rwj-action.rwj-primary{background:#d9e8ea;color:#0c1a2b;transition:background .16s ease}
.rwj-page .rwj-action.rwj-primary:hover{background:#f2f7f7}
.rwj-page .rwj-study-state{display:inline-block;border-top:1px solid var(--rwj-line);padding-top:1rem;color:var(--rwj-gold);font-size:1rem;font-style:italic}
.rwj-page .rwj-current-book{border:1px solid #dfeaeb57;border-radius:var(--rwj-radius);background:linear-gradient(116deg,#45677f3b,#1e314638 75%);padding:clamp(20px,4.2vw,52px);margin-bottom:5.3125rem}
.rwj-page .rwj-current-book-top{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:.875rem;border-bottom:1px solid var(--rwj-line);padding-bottom:1.25rem}
.rwj-page .rwj-current-book-state{color:#e2d1b8;text-transform:uppercase;font-weight:600;letter-spacing:.14em;font-size:.6875rem;display:inline-flex;gap:.625rem;align-items:center}
.rwj-page .rwj-state-dot{width:.4375rem;height:.4375rem;border-radius:50%;background:#e2d1b8;display:inline-block;flex-shrink:0}
.rwj-page .rwj-current-book-layout{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4.5vw,4.125rem);padding-top:1.375rem}
.rwj-page .rwj-book-graphic{display:flex;width:100%;max-width:13.4375rem;align-items:center;justify-content:center;color:#dae2e6b8}
.rwj-page .rwj-book-graphic svg{width:100%;height:auto}
.rwj-page .rwj-current-book h3{font-size:clamp(2.125rem,1rem + 3.5vw,4.0625rem);line-height:1.12;letter-spacing:-.035em;margin:.75rem 0 .125rem}
.rwj-page .rwj-book-byline{font-family:var(--serif);font-size:clamp(1.125rem,.9rem + .8vw,1.5625rem);color:var(--rwj-gold);margin:0 0 1.3125rem}
.rwj-page .rwj-current-book-description{color:var(--rwj-muted);margin:0 0 1.5rem;font-size:1rem;max-width:38.125rem}
.rwj-page .rwj-book-link{display:inline-flex;gap:.625rem;align-items:center;width:fit-content;max-width:100%;min-height:3rem;padding:.8125rem 1.1875rem;border:1px solid #e0eaee8c;border-radius:6.25rem;color:var(--rwj-ivory);text-decoration:none;font-size:.9375rem;font-weight:600;line-height:1.5}
.rwj-page .rwj-book-link>span[aria-hidden]{flex-shrink:0}
.rwj-page .rwj-book-link:hover{border-color:var(--rwj-ivory);background:#ffffff0e}
.rwj-page .rwj-difference{border-block:1px solid var(--rwj-line);padding:4.5rem 0 5rem;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:5rem}
.rwj-page .rwj-difference h2{font-size:clamp(2.1875rem,1.3rem + 2vw,3rem);letter-spacing:-.04em;line-height:1.15;margin:.75rem 0 0}
.rwj-page .rwj-difference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.125rem}
.rwj-page .rwj-difference-list p{margin:0;color:var(--rwj-muted)}
.rwj-page .rwj-difference-list h3{font:400 1.5rem/1.3 var(--serif);margin:0 0 .625rem}
.rwj-page .rwj-closing{max-width:56.25rem;text-align:center;margin:auto;padding:6.875rem 0 7.8125rem}
.rwj-page .rwj-closing h2{font-size:clamp(2.0625rem,1.2rem + 3vw,3.8125rem);line-height:1.2;letter-spacing:-.04em;margin:1.25rem 0 1.4375rem}
.rwj-page .rwj-closing p{color:var(--rwj-muted);max-width:34.375rem;margin:0 auto}
.rwj-page .rwj-rule{height:1px;width:4.625rem;background:var(--rwj-gold);margin:0 auto 2.5rem}
@media(max-width:56.25rem){
 .rwj-page .rwj-hero-inner{grid-template-columns:minmax(0,1fr);padding-block:5.125rem 5.3125rem}
 .rwj-page .rwj-hero-ornament{position:absolute;right:-2.5rem;top:2.5rem;opacity:.15;width:50%;z-index:-1}
 .rwj-page .rwj-orb{width:18.75rem;height:18.75rem}
 .rwj-page .rwj-overview{align-items:start;flex-direction:column}
 .rwj-page .rwj-difference{grid-template-columns:minmax(0,1fr);gap:2rem}
 .rwj-page .rwj-current-book-layout{gap:1.5rem}
}
@media(max-width:44rem){
 .rwj-page .rwj-hero-inner{padding:4.625rem 22px 5rem}
 .rwj-page .rwj-container{padding-inline:22px}
 .rwj-page .rwj-offers{grid-template-columns:minmax(0,1fr);padding-bottom:1.6875rem}
 .rwj-page .rwj-current-book{margin-bottom:4rem}
 .rwj-page .rwj-current-book-layout{grid-template-columns:minmax(0,1fr);padding-top:1.5rem;gap:.25rem}
 .rwj-page .rwj-book-graphic{max-width:5.3125rem;margin:0 0 .25rem;opacity:.68}
 .rwj-page .rwj-current-book h3{margin-top:.25rem}
 .rwj-page .rwj-book-link{width:100%;justify-content:center;text-align:center}
 .rwj-page .rwj-offer h3{margin-top:2rem}
 .rwj-page .rwj-overview{padding-top:4.0625rem}
 .rwj-page .rwj-difference-list{grid-template-columns:minmax(0,1fr);gap:1.625rem}
 .rwj-page .rwj-difference{padding-block:3.75rem}
 .rwj-page .rwj-closing{padding:4.6875rem 0 5.625rem}
 .rwj-page .rwj-hero-ornament{display:none}
}
@media(max-width:21.25rem){
 .rwj-page .rwj-current-book-state{letter-spacing:.1em}
 .rwj-page .rwj-action,.rwj-page .rwj-book-link{padding-inline:.75rem}
}
@media(prefers-reduced-motion:reduce){.rwj-page a{transition:none}}
