/*
Theme Name: StoryLife
Theme URI: https://example.com/storylife
Author: OpenAI for Vannarith
Description: A fast, full-width storytelling and magazine theme with featured posts, ad areas, social sharing, and progressive Continue Reading sections.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storylife
Tags: blog, news, one-column, custom-logo, custom-colors, featured-images, footer-widgets, translation-ready
*/
:root{--sl-accent:#d94b55;--sl-accent-dark:#b93440;--sl-text:#29272a;--sl-muted:#767176;--sl-border:#e9e5e6;--sl-bg:#f7f5f5;--sl-card:#fff;--sl-width:1180px;--sl-radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--sl-text);background:var(--sl-bg);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.75}a{color:var(--sl-accent);text-decoration:none}a:hover{color:var(--sl-accent-dark)}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}.sl-wrap{width:min(calc(100% - 36px),var(--sl-width));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--sl-border)}.sl-topbar{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-branding{min-width:0}.custom-logo{max-height:64px;width:auto}.site-title{margin:0;font-family:Georgia,serif;font-size:38px;line-height:1.1}.site-title a{color:var(--sl-text)}.site-description{margin:6px 0 0;color:var(--sl-muted);font-size:14px}.sl-header-ad{min-width:300px;text-align:right}.main-navigation{background:#29272a}.main-navigation .sl-wrap{display:flex;align-items:center;justify-content:space-between}.main-navigation ul{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.main-navigation a{display:block;padding:14px 18px;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase}.main-navigation a:hover,.main-navigation .current-menu-item>a{background:var(--sl-accent)}.menu-toggle{display:none;background:none;border:0;color:#fff;padding:14px;font-weight:700}.sl-hero{margin:30px auto;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}.sl-feature{position:relative;overflow:hidden;border-radius:var(--sl-radius);background:#333}.sl-feature:first-child{grid-row:1/3}.sl-feature img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.sl-feature:hover img{transform:scale(1.035)}.sl-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.82))}.sl-feature-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.sl-feature h2{margin:7px 0 0;font-family:Georgia,serif;font-size:21px;line-height:1.25}.sl-feature:first-child h2{font-size:31px}.sl-feature a{color:#fff}.sl-category{display:inline-block;padding:2px 9px;border-radius:20px;background:var(--sl-accent);font-size:11px;font-weight:700;text-transform:uppercase}.sl-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(270px,.85fr);gap:30px;margin:30px auto 50px}.sl-section-title{position:relative;margin:0 0 22px;padding-bottom:10px;border-bottom:2px solid var(--sl-border);font-family:Georgia,serif;font-size:25px}.sl-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:58px;height:2px;background:var(--sl-accent)}.sl-post-card{display:grid;grid-template-columns:250px 1fr;gap:22px;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid var(--sl-border)}.sl-post-card img{width:100%;height:170px;object-fit:cover;border-radius:var(--sl-radius)}.sl-post-card h2{margin:3px 0 7px;font:700 24px/1.25 Georgia,serif}.sl-post-card h2 a{color:var(--sl-text)}.sl-post-card h2 a:hover{color:var(--sl-accent)}.sl-meta{color:var(--sl-muted);font-size:13px}.sl-excerpt{margin:10px 0 0;color:#555}.widget{padding:22px;margin-bottom:25px;background:#fff;border:1px solid var(--sl-border);border-radius:var(--sl-radius)}.widget-title{margin:-22px -22px 18px;padding:14px 20px;border-bottom:1px solid var(--sl-border);font:700 18px Georgia,serif}.widget ul{margin:0;padding-left:20px}.widget li{margin:8px 0}.sl-ad{padding:14px;text-align:center;background:#fff;border:1px dashed #ccc;color:var(--sl-muted);overflow:hidden}.sl-ad:empty{display:none}.sl-archive-ad{margin:0 0 25px}.pagination{margin:30px 0}.nav-links{display:flex;gap:7px;flex-wrap:wrap}.page-numbers{padding:7px 13px;background:#fff;border:1px solid var(--sl-border);border-radius:4px}.page-numbers.current{color:#fff;background:var(--sl-accent);border-color:var(--sl-accent)}.sl-article{padding:35px;background:#fff;border:1px solid var(--sl-border);border-radius:var(--sl-radius)}.sl-entry-header{text-align:center;margin-bottom:25px}.sl-entry-title{margin:8px 0 12px;font:700 39px/1.22 Georgia,serif}.sl-entry-image{display:block;width:100%;margin:0 0 28px;border-radius:var(--sl-radius)}.entry-content{font-family:Georgia,serif;font-size:18px;line-height:1.9}.entry-content p{margin:0 0 1.4em}.entry-content h2,.entry-content h3{line-height:1.3}.sl-continue-wrap{position:relative;margin-top:-100px;padding-top:105px;text-align:center;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 68%)}.sl-continue-button{appearance:none;padding:13px 30px;border:0;border-radius:5px;color:#fff;background:var(--sl-accent);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12)}.sl-continue-button:hover{background:var(--sl-accent-dark)}.sl-story-section[hidden]{display:none}.sl-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:26px 0}.sl-share a{padding:7px 13px;border-radius:4px;color:#fff;background:#333;font:700 12px Arial,sans-serif}.sl-share .facebook{background:#1877f2}.sl-share .x{background:#111}.sl-share .pinterest{background:#bd081c}.sl-author-box{display:flex;gap:18px;margin-top:28px;padding:22px;background:var(--sl-bg);border-radius:var(--sl-radius)}.sl-author-box img{border-radius:50%}.post-navigation{margin-top:25px}.post-navigation .nav-links{justify-content:space-between}.site-footer{padding:45px 0 20px;color:#bbb;background:#242224}.sl-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.site-footer .widget{padding:0;background:transparent;border:0}.site-footer .widget-title{margin:0 0 15px;padding:0 0 10px;color:#fff;border-bottom-color:#444}.site-footer a{color:#ddd}.sl-copyright{margin-top:25px;padding-top:18px;border-top:1px solid #3a373a;text-align:center;font-size:13px}.sl-empty{padding:40px;background:#fff;border-radius:var(--sl-radius)}
@media(max-width:850px){.sl-header-ad{display:none}.menu-toggle{display:block}.main-navigation .sl-wrap{display:block}.main-navigation ul{display:none;flex-direction:column}.main-navigation.toggled ul{display:flex}.sl-hero{grid-template-columns:1fr 1fr;grid-template-rows:320px 200px}.sl-feature:first-child{grid-column:1/3;grid-row:auto}.sl-layout{grid-template-columns:1fr}.sl-sidebar{order:2}.sl-entry-title{font-size:32px}}
@media(max-width:560px){.sl-wrap{width:min(calc(100% - 24px),var(--sl-width))}.sl-topbar{padding:20px 0}.site-title{font-size:30px}.sl-hero{display:block}.sl-feature{height:220px;margin-bottom:10px}.sl-feature:first-child h2,.sl-feature h2{font-size:22px}.sl-post-card{grid-template-columns:115px 1fr;gap:14px}.sl-post-card img{height:105px}.sl-post-card h2{font-size:18px}.sl-excerpt{display:none}.sl-article{padding:22px 18px}.sl-entry-title{font-size:28px}.entry-content{font-size:17px}.sl-footer-grid{grid-template-columns:1fr}}

/* EnjoyLife-inspired original layout */
:root{--sl-accent:#08aeef;--sl-accent-dark:#008fc9;--sl-text:#333;--sl-muted:#999;--sl-border:#e8e8e8;--sl-bg:#fff;--sl-width:1050px;--sl-radius:0}
body{background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}.sl-wrap{width:min(calc(100% - 32px),var(--sl-width))}.sl-utility{height:38px;border-bottom:1px solid #eee}.sl-utility .sl-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.sl-utility ul{display:flex;gap:35px;margin:0;padding:0;list-style:none}.sl-utility a{color:#333;font-size:12px}.sl-mini-search form{display:flex}.sl-mini-search label{margin:0}.sl-mini-search input[type=search]{width:170px;height:28px;padding:5px 10px;border:0;background:#f1f1f1}.sl-mini-search input[type=submit]{height:28px;padding:0 12px;border:0;color:#fff;background:var(--sl-accent)}.site-header{border:0}.sl-topbar{min-height:118px;padding:15px 0;gap:35px}.site-branding{min-width:290px}.custom-logo{max-height:70px}.site-title{font-family:Arial,sans-serif;font-size:35px;font-weight:800}.site-title a{color:var(--sl-accent)}.site-description{color:#bbb;font-family:Georgia,serif}.sl-header-ad{flex:1;max-width:720px}.sl-header-ad .widget{margin:0;padding:0;border:0}.main-navigation{background:var(--sl-accent)}.main-navigation .sl-wrap{justify-content:flex-start}.main-navigation a{padding:13px 16px;font-size:13px;text-transform:none}.main-navigation a:hover,.main-navigation .current-menu-item>a{background:rgba(0,0,0,.09)}
.sl-home-layout{display:grid;grid-template-columns:minmax(0,724px) 298px;gap:28px;margin-top:24px;margin-bottom:45px}.sl-lead{position:relative;height:352px;overflow:hidden;background:#eee}.sl-lead img{width:100%;height:100%;object-fit:cover}.sl-lead:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}.sl-lead-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;color:#fff}.sl-lead-copy h2{margin:7px 0 0;color:#fff;font:700 28px/1.18 Georgia,serif}.sl-category{border-radius:0;background:#f7a300;font-size:10px}.sl-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;padding:20px;margin-top:20px;background:#f6f6f6}.sl-feature-grid article{display:grid;grid-template-columns:80px 1fr;gap:13px;align-items:center}.sl-feature-grid img{width:80px;height:80px;object-fit:cover}.sl-feature-grid span{color:#aaa;font-size:10px;text-transform:uppercase}.sl-feature-grid h3{margin:3px 0;font:700 15px/1.25 Georgia,serif}.sl-feature-grid h3 a{color:#333}.sl-home-ad{margin:26px 0;padding:0;overflow:hidden}.sl-home-ad:empty{display:none}.sl-home-ad .widget{margin:0;padding:0;border:0}.sl-section-title{margin-top:25px;font:700 17px Arial,sans-serif;text-transform:uppercase}.sl-post-card{grid-template-columns:218px 1fr;gap:20px;padding-bottom:24px;margin-bottom:24px}.sl-post-card img{height:218px;border-radius:0}.sl-post-card h2{margin:1px 0 12px;font:700 24px/1.2 Georgia,serif}.sl-post-card h2 a{color:#333}.sl-meta{font-size:12px}.sl-excerpt{margin-top:13px;color:#666;font-size:14px;line-height:1.55}.sl-read-more{color:#999;text-decoration:underline}.sl-sidebar .widget{padding:0;border:0}.sl-sidebar .widget-title{position:relative;margin:0 0 15px;padding:0 0 8px 12px;border-bottom:1px solid #ddd;font:700 15px Arial,sans-serif;text-transform:uppercase}.sl-sidebar .widget-title:before{content:"";position:absolute;left:0;top:2px;width:4px;height:15px;background:var(--sl-accent)}.sl-sidebar .widget ul{padding:0;list-style:none}.sl-sidebar .widget li{padding:7px 0;border-bottom:1px solid #eee}.sl-side-ad{margin-bottom:25px}.sl-side-ad .widget{margin:0;padding:0}.sl-layout{grid-template-columns:minmax(0,724px) 298px;gap:28px}.sl-article{padding:0;border:0}.sl-entry-header{text-align:left}.sl-entry-title{font-size:34px}.site-footer{background:#282828}
@media(max-width:850px){.sl-utility{display:none}.sl-topbar{min-height:90px}.sl-home-layout{grid-template-columns:1fr}.sl-home-main{min-width:0}.sl-feature-grid{grid-template-columns:1fr 1fr}.sl-sidebar{order:2}}
@media(max-width:560px){.sl-topbar{min-height:76px}.sl-lead{height:245px}.sl-lead-copy h2{font-size:22px}.sl-feature-grid{grid-template-columns:1fr;padding:14px}.sl-feature-grid article{grid-template-columns:70px 1fr}.sl-feature-grid img{width:70px;height:70px}.sl-post-card{grid-template-columns:120px 1fr}.sl-post-card img{height:120px}.sl-post-card h2{font-size:18px}.sl-post-card .sl-meta{display:none}}

/* Keep single posts and archives in one column on phones and tablets. */
@media(max-width:850px){
  .sl-layout{display:block!important;grid-template-columns:minmax(0,1fr)!important;width:min(calc(100% - 24px),var(--sl-width))!important}
  .sl-layout>section,.sl-article,.single-post .entry-content{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;visibility:visible!important;opacity:1!important;overflow:visible!important;position:static!important}
  .single-post .entry-content>*:not(script):not(style){max-width:100%!important}
  .sl-sidebar{display:block!important;float:none!important;width:100%!important;max-width:100%!important;margin-top:35px!important;clear:both!important}
  .sl-entry-title{overflow-wrap:break-word!important;word-break:normal!important}
  .entry-content img,.entry-content iframe,.entry-content video{max-width:100%!important;height:auto!important}
}

/* Amomana-style progressive Continue Reading: clip without moving article HTML. */
.sl-reading-wrapper{position:relative;overflow:visible;transition:max-height .8s ease-in-out}
.sl-reading-wrapper.sl-reading-collapsed{overflow:hidden}
.sl-reading-overlay{position:absolute;z-index:10;left:0;right:0;bottom:0;height:120px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 12px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.82) 50%,#fff 100%);pointer-events:none;transition:opacity .4s ease}
.sl-reading-overlay[hidden]{display:none}
.sl-continue-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:0;border-radius:8px;color:#fff;background:var(--sl-accent);font:700 14px/1.2 Arial,sans-serif;letter-spacing:.2px;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.18);pointer-events:auto;touch-action:manipulation}
.sl-continue-button svg{margin-left:8px}
.sl-continue-button:hover{color:#fff;background:var(--sl-accent-dark)}
.sl-continue-button:active{transform:scale(.98)}
@media(max-width:560px){.sl-reading-overlay{height:110px}.sl-continue-button{min-height:44px;padding:11px 22px;font-size:13px}}

/* Full-width, sidebar-free layout. */
.sl-layout,.sl-home-layout{display:block!important;grid-template-columns:none!important;gap:0!important}
.sl-layout>section,.sl-home-main{display:block;width:100%;max-width:100%;min-width:0}
.sl-sidebar{display:none!important}
.sl-home-layout{margin-top:24px;margin-bottom:45px}
.sl-layout{margin-top:30px;margin-bottom:50px}
.sl-post-card{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}
@media(max-width:560px){.sl-post-card{grid-template-columns:120px minmax(0,1fr)}}