/* Concept 5. Scoped to Lifestyle; shared header/footer are deliberately untouched. */
.lifestyle-body{background:#faf7f1}
.lifestyle-body .category-page{width:min(1280px,calc(100% - 64px));overflow:visible;padding-bottom:18px}
.life5-page{--life-line:#ebe4da;--life-surface:#fcfaf6;color:var(--ink);padding-top:8px}
.life5-page *, .life5-page *::before, .life5-page *::after{box-sizing:border-box}
.life5-page h1,.life5-page h2,.life5-page h3,.life5-page p{margin:0}
.life5-page a:focus-visible,.life5-page input:focus-visible,.life5-page button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.life5-top{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);grid-template-areas:"main rail";gap:18px;direction:ltr;align-items:stretch}
html[dir=ltr] .life5-top{grid-template-columns:minmax(250px,1fr) minmax(0,2.3fr);grid-template-areas:"rail main"}
.life5-main{grid-area:main;min-width:0}
.life5-rail{grid-area:rail;min-width:0;display:grid;grid-template-rows:0.86fr 1.06fr;gap:12px}
html[dir=rtl] .life5-main,html[dir=rtl] .life5-rail{direction:rtl}
html[dir=ltr] .life5-main,html[dir=ltr] .life5-rail{direction:ltr}
.life5-cover{display:block;position:relative;aspect-ratio:1.48;isolation:isolate;overflow:hidden;border-radius:5px;background:#d9e5e9}
.life5-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.life5-cover::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(3,21,29,.94),rgba(3,21,29,.2) 29%,transparent 60%)}
.life5-intro{position:absolute;z-index:2;top:13px;left:17px;right:17px;text-align:left;color:#061b2b}
.life5-intro h1{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.2}
.life5-intro p{margin-top:5px;font-size:clamp(12px,1.4vw,18px);line-height:1.65;max-width:93%}
.life5-cover-caption{position:absolute;z-index:2;inset-inline:20px;bottom:19px;color:#fff}
.life5-cover-caption h2{font-size:clamp(24px,2.7vw,36px);font-weight:800;line-height:1.42}
.life5-cover-caption p{margin-top:7px;font-size:clamp(12px,1.35vw,17px);line-height:1.7;color:#f7f7f7}
.life5-section{margin-top:12px;min-width:0}
.life5-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:5px}
.life5-heading h2{font-size:clamp(21px,2.3vw,29px);font-weight:800;line-height:1.3;color:#e4132b}
.life5-heading>a{font-size:13px;font-weight:700;white-space:nowrap;color:var(--red)}
.life5-interview .life5-heading>a{color:var(--ink)}
.life5-interview-card{display:grid;grid-template-columns:1fr 1.04fr;direction:ltr;aspect-ratio:4.3;overflow:hidden;border:1px solid var(--life-line);border-radius:4px;background:var(--life-surface)}
.life5-interview-image{position:relative;min-height:0;min-width:0;overflow:hidden}
.life5-interview-image>.life5-photo,.life5-writer-image>.life5-photo{position:absolute;inset:0}
.life5-interview-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px 18px;min-width:0}
html[dir=rtl] .life5-interview-copy{direction:rtl}
.life5-interview-copy h3{font-size:clamp(17px,1.95vw,25px);line-height:1.55;font-weight:800}
.life5-interview-copy p{font-size:clamp(12px,1.35vw,16px);line-height:1.8}
.life5-photo{display:block;width:100%;height:100%;overflow:hidden}
.life5-rail-panel{display:flex;flex-direction:column;padding:8px 11px;border:1px solid var(--life-line);border-radius:4px;background:rgba(252,250,246,.65);min-height:0}
.life5-rail-panel h2{font-size:clamp(18px,2.1vw,25px);font-weight:800;line-height:1.4;margin-bottom:5px}
.life5-rail-panel>a{display:grid;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--life-line);flex:1;min-height:52px}
.life5-rail-panel>a:last-child{border-bottom:0}
.life5-rail-panel h3{font-size:clamp(12px,1.22vw,15px);line-height:1.7;font-weight:600;min-width:0}
.life5-latest-row{grid-template-columns:60px minmax(0,1fr) 37px}
.life5-latest-row time{font-size:11px;direction:ltr;text-align:center;color:#52616d}
.life5-thumb{height:46px;overflow:hidden;border-radius:4px}
.life5-popular-row{grid-template-columns:18px 48px minmax(0,1fr)}
.life5-popular-row b{font-size:20px;font-weight:800;color:var(--red);text-align:center}
.life5-popular-row .life5-thumb{height:43px}
.life5-writers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.life5-writer{overflow:hidden;border:1px solid var(--life-line);border-radius:4px;background:var(--life-surface)}
.life5-writer-image{position:relative;aspect-ratio:3.5;overflow:hidden}
.life5-writer-copy{padding:8px 12px}
.life5-writer h3{font-size:clamp(13px,1.5vw,18px);font-weight:800;line-height:1.5;max-width:90%}
.life5-writer p{margin-top:4px;font-size:12px;color:#52616d}
.life5-mosaic{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;aspect-ratio:4.67;direction:ltr}
.life5-story{position:relative;overflow:hidden;isolation:isolate;border-radius:4px;background:#16333b;color:#fff;min-height:0;min-width:0}
.life5-story::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(3,20,30,.82),transparent 70%)}
.life5-story-0{grid-column:1;grid-row:1/3}
.life5-story-3{grid-column:2/4;grid-row:2}
.life5-story h3{position:absolute;z-index:2;inset-inline:12px;bottom:9px;font-size:clamp(12px,1.4vw,17px);line-height:1.4;font-weight:800}
html[dir=rtl] .life5-story h3{direction:rtl;text-align:right}
.life5-story-0 h3{font-size:clamp(16px,1.8vw,22px)}
.life5-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.life5-video{min-width:0}
.life5-video-image{position:relative;overflow:hidden;aspect-ratio:2.5;border-radius:4px;background:var(--navy)}
.life5-video-image>.vn-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;overflow:hidden}
.life5-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#112535;font-size:17px;line-height:1;padding-left:2px;box-shadow:0 1px 4px #0003}
.life5-video time{position:absolute;bottom:3px;right:4px;background:#101819;direction:ltr;color:#fff;padding:2px 6px;font:700 11px Inter,sans-serif;border-radius:2px}
.life5-video h3{padding:6px 0 0;font-size:clamp(12px,1.4vw,16px);line-height:1.6;font-weight:800;text-align:center}
.life5-newsletter{display:grid;grid-template-columns:40px minmax(0,.95fr) minmax(0,1.2fr);direction:ltr;gap:18px;align-items:center;margin:16px 0 0;padding:12px 17px;background:#f8f2e9;border:1px solid #ece1d2;border-radius:4px}
.life5-envelope{width:36px;color:var(--red)}
html[dir=rtl] .life5-newsletter-copy{direction:rtl}
.life5-newsletter h2{font-size:clamp(15px,1.7vw,20px);line-height:1.4;font-weight:800}
.life5-newsletter p{font-size:12px;line-height:1.6;margin-top:3px}
.life5-newsletter-form{display:flex;position:relative;gap:12px;min-width:0;align-items:center}
.life5-newsletter input{min-width:0;flex:1;border:1px solid #e1ddd7;border-radius:3px;padding:9px 12px;background:#fff;font:inherit;font-size:13px;height:39px}
html[dir=rtl] .life5-newsletter input{direction:rtl}
.life5-newsletter button{border:0;border-radius:3px;padding:9px 15px;background:var(--red);color:#fff;font:700 13px Cairo,Inter,sans-serif;white-space:nowrap;min-height:39px;cursor:pointer}
.life5-form-status{position:absolute;top:100%;right:0;left:0;background:#f8f2e9;padding:4px;z-index:3}
.life5-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover){.life5-heading a:hover,.life5-rail h3:hover,.life5-writer h3:hover,.life5-video h3:hover{color:var(--red)}}
@media(max-width:1050px){.life5-latest-row{grid-template-columns:52px minmax(0,1fr)}.life5-latest-row time{display:none}.life5-top{grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr)}html[dir=ltr] .life5-top{grid-template-columns:minmax(230px,1fr) minmax(0,2.3fr)}.life5-interview-copy{padding:10px 12px;gap:4px}}
@media(max-width:800px){.lifestyle-body .category-page{width:calc(100% - 28px)}.life5-top,html[dir=ltr] .life5-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "rail";gap:16px}.life5-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}.life5-cover{aspect-ratio:1.55}.life5-interview-card{aspect-ratio:4.3}.life5-rail-panel>a{min-height:62px}.life5-newsletter{grid-template-columns:36px 1fr}.life5-newsletter-form{grid-column:1/-1}.life5-mosaic{aspect-ratio:3.7}.life5-videos{gap:12px}}
@media(max-width:540px){.life5-page{padding-top:4px}.life5-cover{aspect-ratio:auto;height:380px}.life5-intro{top:16px;left:14px;right:14px}.life5-intro h1{font-size:31px}.life5-intro p{font-size:12px;max-width:92%}.life5-cover-caption{inset-inline:15px;bottom:16px}.life5-cover-caption h2{font-size:24px}.life5-cover-caption p{font-size:12px}.life5-heading{margin-bottom:7px}.life5-heading h2{font-size:22px}.life5-interview-card{aspect-ratio:auto;min-height:155px;grid-template-columns:.85fr 1.15fr}.life5-interview-copy h3{font-size:16px;line-height:1.6}.life5-interview-copy p{font-size:11px}.life5-rail{grid-template-columns:1fr}.life5-rail-panel{padding:12px}.life5-latest-row{grid-template-columns:60px minmax(0,1fr) 37px}.life5-latest-row time{display:block}.life5-rail-panel h3{font-size:13px}.life5-writers{gap:9px;grid-template-columns:1fr}.life5-writer{display:grid;grid-template-columns:115px minmax(0,1fr)}.life5-writer-image{aspect-ratio:auto;min-height:90px}.life5-writer-copy{display:flex;flex-direction:column;justify-content:center}.life5-writer h3{font-size:15px}.life5-mosaic{aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:180px 108px 120px;gap:8px}.life5-story-0{grid-column:1/-1;grid-row:1}.life5-story-3{grid-column:1/-1;grid-row:3}.life5-story h3{font-size:12px;inset-inline:8px;bottom:7px}.life5-story-0 h3{font-size:18px}.life5-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.life5-video-image{aspect-ratio:1.9}.life5-video h3{font-size:12px}.life5-play{width:30px;height:30px;font-size:14px}.life5-newsletter{padding:12px;gap:10px}.life5-newsletter h2{font-size:16px}.life5-newsletter p{font-size:11px}.life5-newsletter-form{gap:7px}.life5-newsletter input{font-size:12px;padding:8px}.life5-newsletter button{padding:8px 10px;font-size:12px}}