.detail-hero { padding: 184px 0 86px; color: #fff; background: linear-gradient(110deg, rgba(8,48,35,.93), rgba(23,97,72,.79)), url("../images/member-garden.jpg") center / cover; }.detail-hero p,.detail-number { margin: 0; color: var(--lime); font-size: 13px; font-weight: 700; letter-spacing: .16em; }.detail-hero h1 { margin: 8px 0 0; font-size: clamp(32px,4vw,52px); font-weight: 400; }.detail-section { padding: 72px 0 96px; }.back-link { display: inline-block; margin-bottom: 34px; color: var(--green); font-weight: 700; }.detail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }.detail-gallery { position: relative; min-height: 400px; overflow: hidden; background: #e5ebe6; }.detail-gallery__photo { display: block; width: 100%; height: 400px; object-fit: cover; }.detail-gallery--two .detail-gallery__photo { position: absolute; inset: 0; transition: opacity .25s; }.detail-gallery__photo--2 { opacity: 0; }.detail-gallery--two:hover .detail-gallery__photo--2,.detail-gallery--two:focus-within .detail-gallery__photo--2,.detail-gallery--two.is-second .detail-gallery__photo--2 { opacity: 1; }.detail-gallery--two:hover .detail-gallery__photo--1,.detail-gallery--two:focus-within .detail-gallery__photo--1,.detail-gallery--two.is-second .detail-gallery__photo--1 { opacity: 0; }.detail-gallery__toggle { position:absolute; z-index:2; right:12px; bottom:12px; padding:8px 12px; border:0; color:#fff; background:rgba(10,48,36,.8); cursor:pointer; }.detail-layout h2 { margin: 6px 0 22px; font-size: clamp(26px,3vw,38px); font-weight:400; }.detail-list { margin:0; border-top:2px solid var(--green); }.detail-list div { display:grid; grid-template-columns:88px 1fr; gap:12px; padding:12px 0; border-bottom:1px solid #d7ded9; }.detail-list dt { color:var(--green); font-weight:700; }.detail-list dd { margin:0; }.detail-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:22px; }.detail-actions a { display:flex; min-height:44px; align-items:center; justify-content:center; border:1px solid var(--green); color:var(--green); font-size:14px; font-weight:700; }.detail-actions a:hover { color:#fff; background:var(--green); }@media (max-width:760px) { .detail-hero{padding:130px 0 58px}.detail-section{padding:55px 0 68px}.detail-layout{grid-template-columns:1fr;gap:32px}.detail-gallery,.detail-gallery__photo{min-height:250px;height:250px}.detail-actions a{font-size:12px}.back-link{margin-bottom:25px} }
.detail-hero.detail-hero { padding-bottom: 135px; }
@media (max-width: 760px) { .detail-hero.detail-hero { padding-bottom: 58px; } }
.detail-no-image { display: flex; min-height: 400px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--green); background: #e5ebe6; }
.detail-no-image span { font-size: 24px; font-weight: 700; letter-spacing: .14em; }
.detail-no-image small { font-size: 13px; letter-spacing: .08em; }
@media (max-width: 760px) { .detail-no-image { min-height: 250px; } }
.detail-gallery .detail-gallery__toggle { inset: 0; width: 100%; height: 100%; padding: 0; opacity: 0; }
@media (hover: hover) {
  .detail-gallery--two:focus-within:not(:hover) .detail-gallery__photo--2 { opacity: 0; }
  .detail-gallery--two:focus-within:not(:hover) .detail-gallery__photo--1 { opacity: 1; }
}
.detail-gallery.detail-gallery--two { display: grid; min-height: 0; gap: 5px; }
.detail-gallery.detail-gallery--two .detail-gallery__photo { position: static; display: block; height: auto; min-height: 0; opacity: 1; transition: none; }
.detail-gallery .detail-gallery__toggle { display: none; }
.detail-history__table { border-top: 1px solid #d7ded9; }
.detail-history__header,
.detail-history__row { display: grid; grid-template-columns: 120px 1fr; }
.detail-history__header { color: var(--green); background: #edf2ec; font-size: 14px; font-weight: 700; }
.detail-history__header span,
.detail-history__row time,
.detail-history__row span { padding: 9px 12px; border-bottom: 1px solid #d7ded9; }
.detail-history__row time { color: var(--green); font-weight: 700; }
@media (max-width: 760px) { .detail-history__header, .detail-history__row { grid-template-columns: 96px 1fr; } .detail-history__header span, .detail-history__row time, .detail-history__row span { padding: 8px; font-size: 14px; } }
@media (max-width: 760px) {
  .detail-gallery.detail-gallery.detail-gallery--two { position: relative; display: block; min-height: 250px; }
  .detail-gallery.detail-gallery.detail-gallery--two .detail-gallery__photo { position: absolute; inset: 0; display: block; width: 100%; height: 250px; min-height: 0; opacity: 1; }
  .detail-gallery.detail-gallery.detail-gallery--two .detail-gallery__photo--2 { opacity: 0; }
  .detail-gallery.detail-gallery.detail-gallery--two.is-second .detail-gallery__photo--1 { opacity: 0; }
  .detail-gallery.detail-gallery.detail-gallery--two.is-second .detail-gallery__photo--2 { opacity: 1; }
  .detail-gallery.detail-gallery.detail-gallery--two .detail-gallery__toggle { display: block; position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: pointer; }
}
.mobile-name-break { display: none; }
@media (max-width: 760px) { .mobile-name-break { display: block; } }
.detail-extra { margin-top: 34px; }
.detail-extra h3 { margin: 0 0 14px; color: var(--green); font-size: 20px; }
.detail-extra p { margin: 0; line-height: 1.9; }
.detail-tag-list,
.detail-license-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.detail-tag-list li,
.detail-license-list li { padding: 8px 12px; border: 1px solid #c9d8cd; color: var(--green); background: #f4f8f4; font-size: 14px; }
.detail-qualification-note { margin: 14px 0 8px !important; color: #516459; font-size: 14px; }
.detail-achievements__table { overflow-x: auto; border-top: 1px solid #d7ded9; }
.detail-achievements__header,
.detail-achievements__row { display: grid; min-width: 560px; grid-template-columns: 1.45fr 1.3fr .65fr; }
.detail-achievements__header { color: var(--green); background: #edf2ec; font-size: 14px; font-weight: 700; }
.detail-achievements__header span,
.detail-achievements__row span { padding: 9px 12px; border-bottom: 1px solid #d7ded9; }
.detail-contact-guide { margin: 0; border-top: 1px solid #d7ded9; }
.detail-contact-guide div { display: grid; grid-template-columns: 104px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid #d7ded9; }
.detail-contact-guide dt { color: var(--green); font-weight: 700; }
.detail-contact-guide dd { margin: 0; }
@media (max-width: 760px) { .detail-extra { margin-top: 28px; } .detail-extra h3 { font-size: 18px; } .detail-contact-guide div { grid-template-columns: 88px 1fr; } }