/* Works detail page (B tone) */
.wd-main{background:var(--cream);}

/* breadcrumb */
.wd-crumb{padding-block:22px;border-bottom:1px solid var(--green-100);}
.wd-crumb .container{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-soft);
  font-family:var(--font-disp);font-weight:700;flex-wrap:wrap;}
.wd-crumb a{color:var(--green-700);}
.wd-crumb a:hover{text-decoration:underline;}
.wd-crumb .icon{width:14px;height:14px;color:var(--green-300);}

/* hero */
.wd-hero{padding-block:48px 8px;}
.wd-hero .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.wd-hero .tags span{background:var(--green-100);color:var(--green-700);border-radius:var(--r-pill);
  padding:6px 15px;font-family:var(--font-disp);font-weight:700;font-size:13px;}
.wd-hero .tags span.cat{background:var(--orange-600);color:#fff;}
.wd-hero h1{font-size:clamp(28px,4vw,44px);color:var(--green-900);line-height:1.45;font-weight:900;}
.wd-hero .date{margin-top:14px;font-family:var(--font-disp);font-weight:700;font-size:14px;color:var(--ink-faint);
  display:flex;align-items:center;gap:8px;}
.wd-hero .date .icon{width:18px;height:18px;color:var(--green-500);}

/* big photo */
.wd-photo{aspect-ratio:16/9;background:var(--green-100);border-radius:14px;display:grid;place-items:center;
  color:var(--green-300);position:relative;overflow:hidden;margin-top:28px;}
.wd-photo .icon{width:96px;height:96px;color:var(--green-500);}
.wd-photo .ph{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:13px;
  color:var(--ink-faint);font-family:var(--font-disp);font-weight:700;}
.wd-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.wd-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* body */
.wd-body{padding-block:50px 20px;display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.wd-lead{font-size:17px;color:var(--ink);line-height:2.05;}
.wd-lead h2{font-size:22px;color:var(--green-900);margin:34px 0 14px;display:flex;align-items:center;gap:10px;}
.wd-lead h2::before{content:"";width:8px;height:24px;border-radius:4px;background:var(--green-500);}
.wd-lead p{margin-bottom:18px;}
.wd-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
.wd-thumb{aspect-ratio:4/3;background:var(--cream-2);border-radius:10px;display:grid;place-items:center;color:var(--green-300);position:relative;overflow:hidden;}
.wd-thumb .icon{width:44px;height:44px;}
.wd-thumb .lbl{position:absolute;left:8px;bottom:8px;background:rgba(40,138,95,.92);color:#fff;
  font-family:var(--font-disp);font-weight:700;font-size:12px;padding:4px 10px;border-radius:6px;}

/* side */
.wd-side{position:sticky;top:98px;display:flex;flex-direction:column;gap:18px;}
.wd-spec{background:#fff;border-radius:12px;padding:28px;box-shadow:var(--sh-sm);}
.wd-spec h3{font-size:16px;color:var(--green-900);margin-bottom:16px;display:flex;align-items:center;gap:9px;}
.wd-spec h3 .icon{width:20px;height:20px;color:var(--orange-600);}
.wd-spec dl{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;font-size:14px;}
.wd-spec dt{color:var(--green-700);font-family:var(--font-disp);font-weight:700;white-space:nowrap;}
.wd-spec dd{margin:0;color:var(--ink-soft);}
.wd-cta{background:var(--green-700);color:#fff;border-radius:12px;padding:28px;text-align:center;}
.wd-cta p{font-size:14.5px;color:#dff0d8;margin-bottom:16px;line-height:1.7;}
.wd-cta .btn{width:100%;}
@media(max-width:820px){.wd-body{grid-template-columns:1fr;gap:32px;}.wd-side{position:static;}}

/* works list pagination */
.wlist-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;flex-wrap:wrap;}
.wlist-pager:empty{display:none;}
.wpage-btn{min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1.5px solid var(--green-100);
  background:#fff;color:var(--green-700);font-family:var(--font-disp);font-weight:700;font-size:15px;
  display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s;}
.wpage-btn:hover:not(:disabled){background:var(--green-50);}
.wpage-btn.is-active{background:var(--green-600);color:#fff;border-color:var(--green-600);}
.wpage-btn:disabled{opacity:.4;cursor:default;}

/* prev/next */
.wd-nav{padding-block:30px 70px;display:flex;justify-content:center;}