.page-hero{background:#157075;padding:60px 0;position:relative;overflow:hidden}
    .page-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border:1px solid rgba(197,169,106,.1);border-radius:50%}
    .page-hero::after{content:'';position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border:1px solid rgba(26,138,144,.1);border-radius:50%}
    .page-hero h1{font-size:clamp(1.8rem,3.5vw,2.6rem);color:#fff;margin-bottom:16px;position:relative;z-index:2}
    .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.9rem;color:rgba(255,255,255,.5);position:relative;z-index:2;flex-wrap:wrap}
    .breadcrumb a{color:#C5A96A;font-weight:500}.breadcrumb a:hover{color:#d4bc82}
    .breadcrumb span.separator{color:rgba(255,255,255,.3)}
    .hero-accent-line{position:static;z-index:auto;width:100%;height:5px;background:linear-gradient(90deg,#C5A96A 0%,#1A8A90 50%,#C5A96A 100%)}
    .article-detail{padding:60px 0 80px;background:#fff}
    .article-content{max-width:780px;margin:0 auto}
    .article-featured-img{width:100%;margin-bottom:36px;overflow:hidden}
    .article-featured-img img{width:100%;height:auto;display:block}
    .article-content p{font-family:'DM Sans',sans-serif;font-size:1.05rem;color:#333;line-height:1.8;margin-bottom:20px}
    .article-content h2{font-size:1.2rem;color:#1A8A90;margin:28px 0 12px}
    .article-content h3{font-size:1.1rem;color:#1a3a3c;margin:24px 0 10px}
    .article-content ol{padding-left:24px;margin-bottom:20px}
    .article-content ol li{font-size:1.05rem;color:#333;line-height:1.8;margin-bottom:8px;list-style:decimal}
    .article-content ul{padding-left:24px;margin-bottom:20px}
    .article-content ul li{font-size:1.05rem;color:#333;line-height:1.8;margin-bottom:8px}
    .article-content .article-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:32px 0}
    .article-content .article-gallery img{width:100%;height:160px;object-fit:cover}
    .related-section{padding:80px 0;background:#FAF9F5}
    .related-header{text-align:center;margin-bottom:48px}
    .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
    .related-card{background:#fff;border-radius:0;overflow:hidden;border:1px solid #eee;transition:box-shadow .3s,border-color .3s;display:flex;flex-direction:column;text-decoration:none;color:inherit}
    .related-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#1A8A90}
    .related-card-img{height:180px;overflow:hidden;position:relative}
    .related-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
    .related-card:hover .related-card-img img{transform:scale(1.03)}
    .related-card-body{padding:24px;flex:1;display:flex;flex-direction:column}
    .related-card-body h3{font-size:1.05rem;color:#1a3a3c;margin-bottom:12px;line-height:1.35}
    .related-card-body .article-link{margin-top:auto;font-size:.85rem;font-weight:600;color:#1A8A90;display:inline-flex;align-items:center;gap:6px}
    .related-card-body .article-link:hover{color:#C5A96A}
    .related-card-body .article-link svg{width:14px;height:14px}
    @media(max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.related-grid{grid-template-columns:1fr}.page-hero{padding:40px 0}.page-hero h1{font-size:1.6rem}}
    @media(max-width:480px){.article-content p{font-size:.98rem}}