/* 대표원장 저서(books.html) 전용 — 2026-10-09 병원 시안. 상단 띠 · 색은 greeting.css(.gr) 를 함께 씁니다. */
.bk-hero{padding:calc(var(--nav-h) + 28px) 0 40px !important;background:linear-gradient(120deg,#EAF2FD 0%,#F5F9FE 55%,#EEF4FC 100%);border-bottom:8px solid #fff;overflow:hidden}
html[data-theme="dark"] .bk-hero{background:var(--gr-soft);border-bottom-color:var(--bg)}
.bk-hero-grid{display:grid;grid-template-columns:1fr 46%;gap:32px;align-items:center}
.bk-hero .crumb{margin-bottom:26px}
.bk .bk-title{margin:0;font-size:clamp(2.4rem,4.6vw,3.4rem);font-weight:900;letter-spacing:-.03em;color:var(--gr-navy)}
.bk-key{margin:1.1rem 0 0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;line-height:1.45;color:var(--gr-navy);letter-spacing:-.03em}
.bk-key span{color:var(--gr-blue)}
.bk-lead{margin:.6rem 0 0;color:var(--gr-ink-2);font-size:var(--fs-md)}
.bk-chip{display:inline-block;margin:1.2rem 0 0;padding:8px 20px;border-radius:999px;background:#DCE8F8;color:var(--gr-navy);font-weight:700}
.bk-stack{position:relative;display:flex;align-items:flex-end;justify-content:center;height:300px}
.bk-stack img{width:22%;height:auto;margin-left:-6%;border-radius:3px;box-shadow:-6px 10px 24px rgba(14,42,92,.22);transform:rotate(calc((var(--i,0) - 2) * 3deg))}
.bk-stack img:first-child{margin-left:0}
.bk-stack img:nth-child(1){--i:0}.bk-stack img:nth-child(2){--i:1}.bk-stack img:nth-child(3){--i:2}.bk-stack img:nth-child(4){--i:3}.bk-stack img:nth-child(5){--i:4;width:30%}
.bk-sec{padding:56px 0 64px !important}
.bk-h2{display:flex;align-items:center;gap:20px;margin:0 0 28px;font-size:1.7rem;font-weight:600;color:var(--gr-navy)}
.bk-h2 b{font-weight:900}
.bk-h2::after{content:"";flex:1;height:1px;background:var(--gr-line)}
.bk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.bk-card{display:flex;flex-direction:column;padding:16px 18px 18px;border:1px solid var(--gr-line);border-radius:10px;background:#fff;scroll-margin-top:calc(var(--nav-h) + 20px)}
html[data-theme="dark"] .bk-card{background:transparent}
.bk-cover{display:grid;place-items:center;height:250px;margin:-4px -6px 14px;border-radius:6px;background:#F3F6FB}
html[data-theme="dark"] .bk-cover{background:var(--gr-soft)}
.bk-cover img{height:230px;width:auto;box-shadow:0 8px 20px rgba(14,42,92,.18)}
.bk-meta{margin:0;color:var(--gr-ink-2);font-size:var(--fs-xs)}
.bk-card h3{margin:6px 0 0;font-size:var(--fs-lg);font-weight:800;line-height:1.4;color:var(--gr-navy)}
.bk-desc{margin:8px 0 0;padding-bottom:14px;border-bottom:1px solid var(--gr-line);color:var(--gr-ink-2);line-height:1.65}
.bk-more summary{display:flex;justify-content:space-between;padding:12px 0;cursor:pointer;font-weight:700;color:var(--gr-navy);list-style:none}
.bk-more summary::-webkit-details-marker{display:none}
.bk-more summary::after{content:"+";font-weight:400;font-size:var(--fs-lg)}
.bk-more[open] summary::after{content:"−"}
.bk-more{font-size:var(--fs-sm);color:var(--gr-ink-2);line-height:1.7}
.bk-more h4{margin:14px 0 6px;color:var(--gr-navy);font-size:var(--fs-sm)}
.bk-more p{margin:0 0 6px}
.bk-more .book-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0}
.bk-more .book-meta dt{color:var(--gr-navy);font-weight:700}
.bk-more .book-meta dd{margin:0}
.bk-more ul{margin:0;padding-left:0;list-style:none}
.bk-naver{margin-top:6px;justify-content:center;min-height:48px;border-color:var(--gr-navy);color:var(--gr-navy)}
.bk-band{padding:28px 0 !important;background:#EEF4FC}
html[data-theme="dark"] .bk-band{background:var(--gr-soft)}
.bk-band-head{display:flex;align-items:center;justify-content:center;gap:22px}
.bk-band-head svg{flex:none;width:52px;height:52px;padding-right:20px;border-right:1px solid var(--gr-line);fill:none;stroke:var(--gr-navy);stroke-width:1.8;stroke-linejoin:round}
.bk-band-t{margin:0;font-size:var(--fs-lg);font-weight:800;color:var(--gr-navy)}
.bk-band-d{margin:4px 0 0;color:var(--gr-ink-2)}
.bk-band-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px}
.bk-band-links a{text-align:center;color:var(--gr-navy);font-weight:700;text-decoration:none}
.bk-band-links a+a{border-left:1px solid var(--gr-line)}
@media (max-width:1024px){ .bk-grid{grid-template-columns:repeat(2,1fr)} .bk-hero-grid{grid-template-columns:1fr} .bk-stack{height:220px} }
@media (max-width:640px){
  .bk .wrap{width:calc(100% - 40px)}
  .bk-grid{grid-template-columns:1fr}
  .bk-stack{height:170px}
  .bk-band-head{flex-direction:column;text-align:center}
  .bk-band-head svg{border-right:0;padding-right:0}
  .bk-band-links{grid-template-columns:1fr;gap:10px}
  .bk-band-links a+a{border-left:0}
}