/* === Article Detail === */
.wm-article{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.wm-article-header{padding:28px 30px 0}
.wm-breadcrumb{font-size:13px;color:#888;margin-bottom:14px}
.wm-breadcrumb a{color:#2d6a4f}
.wm-article-title{font-size:26px;font-weight:700;line-height:1.4;margin-bottom:14px;color:#1b4332}
.wm-article-meta{font-size:13px;color:#999;display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e8f5e9}
.wm-article-meta span{white-space:nowrap}
.wm-article-meta .wm-meta-sep{color:#ddd;margin:0 4px}

/* === Hero Image === */
.wm-hero-img{position:relative;aspect-ratio:16/9;overflow:hidden;max-height:420px;width:100%}
.wm-hero-img img{width:100%;height:100%;object-fit:cover}
.wm-hero-credit{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,rgba(18,19,20,.8),transparent);font-size:12px;font-style:italic;color:#d8f3dc}

/* === Article Content === */
.wm-article-content{padding:30px;font-size:16px;line-height:2;color:#333}
.wm-article-content h2{font-size:22px;color:#1b4332;margin:30px 0 16px;padding-bottom:8px;border-bottom:2px solid #d8f3dc}
.wm-article-content h3{font-size:18px;color:#2d6a4f;margin:24px 0 12px}
.wm-article-content h5{font-size:16px;color:#2d6a4f;margin:20px 0 10px}
.wm-article-content p{margin-bottom:16px}
.wm-article-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}
.wm-article-content a{color:#2d6a4f;text-decoration:underline}
.wm-article-content a:hover{color:#40916c}
.wm-article-content blockquote{border-left:4px solid #2d6a4f;padding:12px 20px;margin:20px 0;background:#f0f7f4;border-radius:0 8px 8px 0;font-style:italic;color:#555}
.wm-article-content ul,.wm-article-content ol{padding-left:24px;margin-bottom:16px}
.wm-article-content li{margin-bottom:6px}

/* === Related Posts === */
.wm-related{margin:30px;padding:24px;background:#f0f7f4;border-radius:12px}
.wm-related-title{font-size:18px;font-weight:700;color:#1b4332;margin-bottom:18px;padding-bottom:8px;border-bottom:2px solid #d8f3dc;position:relative}
.wm-related-title::after{content:'';position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:#2d6a4f}
.wm-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wm-rel-post{padding:14px;background:#fff;border-radius:8px;transition:box-shadow .2s}
.wm-rel-post:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.wm-rel-post h3{font-size:15px;font-weight:600;line-height:1.5;margin-bottom:6px}
.wm-rel-post h3 a{color:#1b1b1b}
.wm-rel-post h3 a:hover{color:#2d6a4f}
.wm-rel-post time{font-size:12px;color:#999}

/* === Author Box === */
.wm-authorbox{margin:0 30px 30px;display:flex;gap:20px;padding:24px;background:#fff;border-radius:12px;border:1px solid #d8f3dc}
.wm-authorbox img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}
.wm-authorbox h4{font-size:16px;color:#1b4332;margin-bottom:8px}
.wm-authorbox p{font-size:14px;color:#666;line-height:1.7}

/* === Comments === */
.wm-comments{margin:0 30px 30px;padding:24px;background:#fff;border-radius:12px}
.wm-comments h3{font-size:18px;color:#1b4332;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #d8f3dc;position:relative}
.wm-comments h3::after{content:'';position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:#2d6a4f}
.wm-comments .comment-notes{font-size:13px;color:#888;margin-bottom:16px}
.wm-comments .required{color:#e74c3c}
.wm-comments label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:4px}
.wm-comments input[type="text"],.wm-comments input[type="email"],.wm-comments input[type="url"],.wm-comments textarea{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;margin-bottom:16px;transition:border-color .2s;outline:none}
.wm-comments input:focus,.wm-comments textarea:focus{border-color:#2d6a4f}
.wm-comments textarea{min-height:140px;resize:vertical}
.wm-comments .comment-form-cookies-consent{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.wm-comments .comment-form-cookies-consent input{width:auto;margin-bottom:0}
.wm-comments .comment-form-cookies-consent label{display:inline;font-weight:400;font-size:13px;color:#666}
.wm-comments .submit{background:#2d6a4f;color:#fff;border:none;padding:12px 28px;font-size:15px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:600;transition:background .2s}
.wm-comments .submit:hover{background:#40916c}

/* === Responsive === */
@media (max-width:900px){
  .wm-related-grid{grid-template-columns:1fr}
  .wm-article-title{font-size:22px}
  .wm-authorbox{flex-direction:column;align-items:center;text-align:center}
}
@media (max-width:600px){
  .wm-article-header{padding:20px 16px 0}
  .wm-article-content{padding:20px 16px}
  .wm-related{margin:20px 16px;padding:16px}
  .wm-authorbox{margin:0 16px 20px}
  .wm-comments{margin:0 16px 20px;padding:16px}
}