/* OnsenConnect Wellness Journal V18 — self-contained Navy / Electric Blue / Gold */
.ocwm{--navy:#06152e;--deep:#091d3e;--blue:#1262d9;--electric:#27b5ff;--gold:#ffbd52;--ink:#f4f8ff;--muted:#b3c9e5;--stroke:rgba(103,159,236,.25);max-width:1180px;margin:0 auto;padding:28px 22px 90px;color:var(--ink);font-family:inherit;line-height:1.6;isolation:isolate}
.ocwm,.ocwm *{box-sizing:border-box}.ocwm a{color:inherit;text-decoration:none}.ocwm button,.ocwm input,.ocwm select{font:inherit}.ocwm button,.ocwm a{transition:background .2s,border-color .2s,transform .2s,color .2s}.ocwm button:hover,.ocwm a:hover{filter:brightness(1.1)}
.ocwm-hero{position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:space-between;padding:clamp(28px,5vw,65px);border:1px solid rgba(86,168,255,.36);border-radius:25px;background:radial-gradient(circle at 83% 28%,rgba(25,122,238,.48),transparent 35%),linear-gradient(120deg,#06132b 4%,#0b2d65 70%,#0a4f9c 100%);box-shadow:0 22px 50px #01091870}.ocwm-hero:after{content:"";position:absolute;right:-80px;bottom:-170px;width:430px;height:430px;border:1px solid #77bfff3d;border-radius:50%;pointer-events:none}.ocwm-hero-copy{position:relative;z-index:1;max-width:690px}.ocwm-eyebrow,.ocwm-section-kicker,.ocwm-side-kicker,.ocwm-story-label,.ocwm-article-category{font-size:11px;font-weight:900;letter-spacing:.15em;color:var(--gold)}.ocwm-eyebrow-line{display:inline-block;width:24px;height:2px;background:var(--gold);vertical-align:middle;margin-right:8px}.ocwm-hero h1{margin:22px 0 15px;font-size:clamp(32px,4.4vw,58px);line-height:1.15;letter-spacing:-.04em;color:#fff;font-weight:900}.ocwm-hero h1 em{font-style:normal;color:#85d5ff}.ocwm-hero p{max-width:550px;color:#d6e8ff;font-size:15px}.ocwm-hero-link{display:inline-flex;align-items:center;gap:26px;margin-top:22px;padding:13px 21px;border-radius:11px;background:linear-gradient(105deg,#ffdb8b,#ffb440);color:#071a36!important;font-weight:900;box-shadow:0 8px 22px #ffb4402a}.ocwm-hero-art{position:relative;flex:0 0 220px;height:220px;display:grid;place-items:center}.ocwm-orbit{position:absolute;border:1px solid #8dc9ff88;border-radius:50%;width:200px;height:200px;transform:rotate(22deg) scaleX(.82)}.ocwm-orbit-b{transform:rotate(-24deg) scaleX(.84)}.ocwm-hero-flower{font-size:90px;color:var(--gold);text-shadow:0 0 34px #ffd78a8f}.ocwm-hero-art>span{position:absolute;bottom:28px;font-size:9px;letter-spacing:.18em;color:#d2e7ff;font-weight:800}
.ocwm-topline{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:34px 0 17px}.ocwm-topline h2,.ocwm-list-head h2{margin:6px 0 3px;font-size:clamp(23px,3vw,32px);line-height:1.3;color:#fff}.ocwm-topline p{margin:0;color:var(--muted)}.ocwm-result,.ocwm-list-head>span{font-size:13px;color:#a9c2e4;white-space:nowrap}
.ocwm-filter{display:grid;grid-template-columns:minmax(0,1fr) 200px 165px auto;gap:12px;align-items:stretch;padding:14px;border:1px solid var(--stroke);border-radius:18px;background:#10294c;box-shadow:0 10px 30px #0003}.ocwm-search,.ocwm-select-wrap{min-width:0;display:flex;align-items:center;border:1px solid #41618a;border-radius:10px;background:#071b37;color:#eaf3ff}.ocwm-search{gap:12px;padding:0 15px}.ocwm-search>span{font-size:26px;color:var(--gold)}.ocwm-search input{width:100%;min-width:0;border:0;outline:0;padding:14px 0;background:transparent!important;color:#fff!important}.ocwm-search input::placeholder{color:#9eb7d6}.ocwm-select-wrap{display:flex;flex-direction:column;justify-content:center;padding:5px 11px}.ocwm-select-wrap>span{font-size:10px;color:#a7c2e4}.ocwm-select-wrap select{width:100%;background:#071b37!important;color:#fff!important;border:0;outline:0;min-height:25px;font-weight:700;cursor:pointer}.ocwm select option{background:#0b2347;color:#fff}.ocwm-filter button{border:0;border-radius:10px;padding:10px 19px;background:linear-gradient(115deg,#ffda86,#ffb43c);color:#091a31;font-weight:900;cursor:pointer;white-space:nowrap}.ocwm-filter button span{margin-left:8px}.ocwm .select2-container{width:100%!important}.ocwm .select2-container--default .select2-selection--single{background:#071b37!important;border:0!important;min-height:30px}.ocwm .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff!important;line-height:30px}.ocwm .select2-container--default .select2-selection--single .select2-selection__arrow{height:30px}
.ocwm-tabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;margin:17px 0 29px;padding:2px 0 5px}.ocwm-tabs a{flex:none;padding:9px 17px;border:1px solid #345680;border-radius:30px;background:#0c2446;color:#d8e9ff;font-weight:750;font-size:13px}.ocwm-tabs a.active,.ocwm-tabs a:hover{background:var(--gold);border-color:var(--gold);color:#07172d}
.ocwm-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px;align-items:start}.ocwm-list-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:17px}.ocwm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ocwm-card{min-width:0;overflow:hidden;border-radius:17px;background:#102849;border:1px solid var(--stroke);box-shadow:0 14px 28px #0003}.ocwm-card:hover{transform:translateY(-3px);border-color:#66b7ff}.ocwm-featured{grid-column:1/-1;display:grid;grid-template-columns:44% 56%;min-height:255px}.ocwm-photo{position:relative;display:block;height:210px;overflow:hidden;background:linear-gradient(135deg,#102f68,#185db5)}.ocwm-featured .ocwm-photo{height:100%;min-height:255px}.ocwm-photo img{width:100%;height:100%;object-fit:cover;display:block}.ocwm-photo-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#2377d7,#09254f);gap:4px;color:#ffcc65}.ocwm-photo-placeholder>span{font-size:65px}.ocwm-photo-placeholder small{font-size:9px;letter-spacing:.14em}.ocwm-photo-label{position:absolute;left:13px;bottom:13px;padding:6px 10px;border-radius:30px;background:#ffcf73;color:#10203b;font-size:11px;font-weight:900}.ocwm-card-content{min-width:0;padding:20px;display:flex;flex-direction:column}.ocwm-byline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#a9c2e5;font-size:11px}.ocwm-dot{height:4px;width:4px;border-radius:50%;background:#ffbe54}.ocwm-card h3{font-size:clamp(17px,2vw,23px);line-height:1.35;margin:13px 0 8px;color:#fff}.ocwm-card h3 a:hover{color:var(--gold)}.ocwm-card p{font-size:13px;line-height:1.8;color:#bfd1ea;margin:0 0 15px}.ocwm-card-foot{margin-top:auto;padding-top:12px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#a5c1e3;font-size:11px}.ocwm-card-foot a{color:var(--gold);font-weight:800}
.ocwm-sidebar{display:grid;gap:17px}.ocwm-sidebar-panel{padding:22px 20px;border:1px solid var(--stroke);background:#112a4d;border-radius:17px}.ocwm-sidebar-panel h2{margin:8px 0 12px;font-size:21px;color:#fff}.ocwm-sidebar-panel h2 span{color:var(--gold)}.ocwm-popular{display:flex;align-items:center;gap:11px;padding:15px 0;border-top:1px solid #ffffff1b}.ocwm-popular-rank{font-size:21px;font-weight:900;color:var(--gold)}.ocwm-popular-copy{flex:1;min-width:0}.ocwm-popular-copy strong{display:block;font-size:12px;line-height:1.55;color:#f4f8ff}.ocwm-popular-copy small{display:block;color:#9ebadf;font-size:10px;margin-top:6px}.ocwm-popular img{width:52px;height:52px;object-fit:cover;border-radius:7px}.ocwm-sidebar-cta,.ocwm-booking-card{padding:24px;border:1px solid #3b80d2;border-radius:17px;background:linear-gradient(155deg,#0b2450,#0d4b9b);color:#fff}.ocwm-sidebar-cta>span{font-size:10px;letter-spacing:.12em;color:#ffd075;font-weight:900}.ocwm-sidebar-cta h3{font-size:22px;line-height:1.25;margin:18px 0 8px}.ocwm-sidebar-cta p,.ocwm-booking-card p{color:#d1e3ff;font-size:13px}.ocwm-sidebar-cta a,.ocwm-booking-button{display:inline-flex;margin-top:15px;background:var(--gold);color:#091c36!important;border-radius:10px;padding:12px 15px;font-weight:900;font-size:13px}.ocwm-empty{padding:45px 20px;text-align:center;background:#102849;border-radius:17px}.ocwm-empty>span{font-size:50px;color:var(--gold)}.ocwm-empty a{color:var(--gold)}
.ocwm-breadcrumb{display:flex;flex-wrap:wrap;gap:11px;font-size:12px;color:#b4c8e3;margin:4px 0 28px}.ocwm-breadcrumb a:hover{color:var(--gold)}.ocwm-article-head{text-align:center;max-width:850px;margin:0 auto 25px}.ocwm-article-category{display:inline-block;padding:7px 14px;border-radius:25px;background:#263d5e}.ocwm-article-head h1{font-size:clamp(30px,4.7vw,54px);line-height:1.18;letter-spacing:-.03em;color:#fff;margin:20px 0}.ocwm-article-head>p{color:#c1d6f2;font-size:16px;line-height:1.8}.ocwm-article-meta{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;font-size:12px;color:#9bb9de;margin-top:16px}.ocwm-article-cover{max-width:1020px;margin:28px auto 30px;overflow:hidden;border-radius:18px;border:1px solid #4c75a6}.ocwm-article-cover img{display:block;width:100%;max-height:490px;object-fit:cover}.ocwm-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px;align-items:start}.ocwm-story{min-width:0;border:1px solid var(--stroke);border-radius:18px;padding:clamp(20px,3vw,38px);background:#11294b}.ocwm-story-label{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ffffff20}.ocwm-story-content{font-size:15px;line-height:1.95;color:#e5eeff;overflow-wrap:anywhere}.ocwm-story-content h1,.ocwm-story-content h2,.ocwm-story-content h3{color:#fff}.ocwm-story-content a{color:#ffce72;text-decoration:underline}.ocwm-story-content img,.ocwm-story-content video,.ocwm-story-content iframe{max-width:100%;height:auto}.ocwm-story-content table{display:block;max-width:100%;overflow-x:auto}.ocwm-story-content blockquote{margin:16px 0;padding:10px 18px;border-left:3px solid var(--gold);background:#1b3a63}.ocwm-story-end{text-align:center;margin-top:36px;padding-top:22px;border-top:1px solid #ffffff25;color:#aac2e1}.ocwm-story-end>span{font-size:32px;color:var(--gold)}.ocwm-story-end a{color:var(--gold);font-weight:800}.ocwm-article-aside{position:sticky;top:85px}.ocwm-booking-icon{font-size:37px;color:var(--gold)}.ocwm-booking-card h2{font-size:25px;line-height:1.3;margin:14px 0}.ocwm-booking-author{padding:15px;border:1px solid #ffffff35;border-radius:10px;background:#061e4180;margin:18px 0}.ocwm-booking-author span,.ocwm-booking-author small{display:block;font-size:10px;color:#b4ceec}.ocwm-booking-author strong{display:block;color:#fff;margin:6px 0}.ocwm-booking-button{display:flex;justify-content:space-between;gap:8px}.ocwm-booking-note{display:block;color:#b9d3f1;font-size:11px;margin-top:13px}.ocwm-related{margin-top:40px}.ocwm-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ocwm-related-item{display:flex;gap:12px;min-width:0;padding:10px;border:1px solid var(--stroke);background:#11294b;border-radius:13px}.ocwm-related-item img,.ocwm-related-placeholder{width:75px;height:78px;flex:none;object-fit:cover;border-radius:8px;background:#1c4e88}.ocwm-related-placeholder{display:grid;place-items:center;font-size:30px;color:var(--gold)}.ocwm-related-item span:last-child{min-width:0}.ocwm-related-item small,.ocwm-related-item em{display:block;color:#a9c9ef;font-size:11px}.ocwm-related-item strong{display:block;font-size:13px;color:#fff;line-height:1.4;margin:5px 0}.ocwm-related-item em{color:var(--gold);font-style:normal;font-weight:800}
/* Cover the parent page background without modifying shared header or other pages */
body:has(.ocwm){background:radial-gradient(circle at 92% 15%,#153b75 0,transparent 32%),linear-gradient(125deg,#051126,#0a1e40 62%,#07142d)!important;color:#f1f7ff}
body:has(.ocwm) main,body:has(.ocwm) .container,body:has(.ocwm) .wrap{background:transparent}
@media(max-width:950px){.ocwm-content-layout,.ocwm-article-layout{grid-template-columns:minmax(0,1fr)}.ocwm-sidebar{grid-template-columns:1fr 1fr}.ocwm-article-aside{position:static}.ocwm-filter{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}.ocwm-search{grid-column:1/-1}.ocwm-hero-art{flex-basis:160px}.ocwm-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ocwm{padding:15px 13px 75px}.ocwm-hero{padding:27px 22px;min-height:270px;border-radius:18px}.ocwm-hero h1{font-size:32px}.ocwm-hero-art{display:none}.ocwm-topline{align-items:start;margin-top:26px}.ocwm-topline h2{font-size:23px}.ocwm-topline p{font-size:12px}.ocwm-result{font-size:11px}.ocwm-filter{grid-template-columns:1fr 1fr;gap:9px;padding:10px}.ocwm-search{grid-column:1/-1}.ocwm-filter button{grid-column:1/-1}.ocwm-select-wrap{min-width:0}.ocwm-tabs{margin:15px 0 22px}.ocwm-grid{grid-template-columns:1fr}.ocwm-featured{display:block;min-height:0}.ocwm-featured .ocwm-photo,.ocwm-photo{height:195px;min-height:0}.ocwm-card-content{padding:17px}.ocwm-sidebar{grid-template-columns:1fr}.ocwm-article-head h1{font-size:31px}.ocwm-article-cover{margin:20px 0}.ocwm-story{padding:20px}.ocwm-related-grid{grid-template-columns:1fr}.ocwm-article-meta{gap:10px}}