.catalog-note { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 2px 0; color:#849077; }
.catalog-note>div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.catalog-note strong { font-size:11px; font-weight:550; color:#6e8061; }
.catalog-note span, .catalog-note button { font-size:10px; }
.catalog-note button { flex-shrink:0; }
.source-total { display:flex; align-items:center; gap:17px; padding:18px 20px; background:#eaf0e0; border:1px solid #dce5cf; border-radius:14px; }
.source-total>strong { font-family:var(--serif); font-size:45px; line-height:1; font-weight:400; color:#527145; }
.source-total span { font-size:12px; line-height:1.9; }
.source-total b { font-weight:500; color:#687f59; }
.source-table { width:100%; border-collapse:collapse; font-size:11px; margin:18px 0 24px; text-align:left; }
.source-table th { color:#62794f; font-weight:500; padding:9px 10px; background:#edf1e6; }
.source-table td { padding:10px; border-bottom:1px solid #e1e7d8; }
.source-table td:last-child { color:#a08d6c; }
.depth-guide-action { text-align:center; margin-top:18px; }
.detail-depth-link { margin-top:16px; font-size:11px; }
@media(max-width:540px) {
  .catalog-note { align-items:flex-start; gap:12px; padding-top:12px; }
  .catalog-note>div { gap:3px; flex-direction:column; align-items:flex-start; }
  .catalog-note strong { font-size:10px; }
  .catalog-note span { font-size:9px; line-height:1.6; }
  .source-table { font-size:10px; }
  .source-table th,.source-table td { padding:9px 5px; }
}

.art-credit { font-size:9px; color:#929a87; margin-top:10px; line-height:1.8; }
.art-credit a,.depth-honesty a { color:inherit; text-decoration:underline; text-underline-offset:3px; }