/* Relicmark: header search, card suggestions, ledger image slot and card actions. Loaded after each page's own styles. */

/* ---------- header search (pages without the directory search form) ---------- */
header nav.has-search{grid-template-columns:auto minmax(0,1fr) auto}
header nav.has-search>.brand{grid-column:1;grid-row:1}
header nav.has-search>.site-search{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:100%;max-width:30rem}
header nav.has-search>.login-link{grid-column:3;grid-row:1}
header nav.has-search>.menu,header nav.has-search>.links{grid-column:1/3;grid-row:2}
header nav.has-search>.connect-ai{grid-column:3;grid-row:2}
.site-search{position:relative;display:flex;align-items:stretch;margin:0;min-width:0}
.site-search input{flex:1 1 auto;min-width:0;box-sizing:border-box;min-height:44px;padding:.5rem .9rem;border:1px solid var(--field,#8c7d76);border-right:0;border-radius:10px 0 0 10px;background:var(--panel,#fff);color:var(--ink,#1f1a17);font:inherit;font-size:1rem}
.site-search input::placeholder{color:var(--muted,#5e5450);opacity:1}
.site-search input::-webkit-search-cancel-button{cursor:pointer}
.site-search button{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 .8rem;border:1px solid var(--link,#b3141c);border-radius:0 10px 10px 0;background:var(--link,#b3141c);color:#fff;cursor:pointer}
.site-search button:hover{background:var(--link-hover,#8a0e14);border-color:var(--link-hover,#8a0e14)}
.site-search button svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (max-width:52rem) and (min-width:40.01rem){
  header nav.has-search{grid-template-columns:minmax(0,1fr) auto}
  header nav.has-search>.brand{grid-column:1/-1;grid-row:1}
  header nav.has-search>.site-search{grid-column:1;grid-row:2;justify-self:stretch;max-width:none}
  header nav.has-search>.login-link{grid-column:2;grid-row:2}
  header nav.has-search>.menu,header nav.has-search>.links{grid-column:1;grid-row:3}
  header nav.has-search>.connect-ai{grid-column:2;grid-row:3}
}
@media (max-width:40rem){
  header nav.has-search{grid-template-columns:minmax(0,1fr) auto}
  header nav.has-search>.brand{grid-column:1/-1;grid-row:1}
  header nav.has-search>.site-search{grid-column:1/-1;grid-row:2;justify-self:stretch;max-width:none}
  header nav.has-search>.connect-ai-mobile{grid-column:1;grid-row:3}
  header nav.has-search>.login-link{grid-column:2;grid-row:3}
  header nav.has-search>.menu,header nav.has-search>.links{grid-column:1/-1;grid-row:4}
}

/* ---------- suggestions popup (header search and the directory search form) ---------- */
.ta-host{position:relative}
.ta-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.ta-pop{position:absolute;left:0;right:0;top:calc(100% + .35rem);z-index:30;box-sizing:border-box;max-height:min(70vh,30rem);overflow-y:auto;overscroll-behavior:contain;background:var(--panel,#fff);border:1px solid var(--line,#e8ded6);border-radius:12px;box-shadow:0 14px 36px rgba(54,33,24,.16);padding:.3rem 0;text-align:left;font-size:1rem;line-height:1.35}
.ta-pop[hidden]{display:none}
.site-search .ta-pop{left:auto;right:0;width:max(100%,min(31rem,calc(100vw - 2rem)))}
.ta-note{margin:.35rem .9rem .45rem;font-size:.88rem;color:var(--muted,#5e5450);max-width:none}
.ta-list{list-style:none;margin:0;padding:0}
.ta-opt{display:flex;align-items:center;gap:.7rem;min-height:44px;max-width:none;margin:0;padding:.45rem .9rem;cursor:pointer;color:var(--ink,#1f1a17)}
.ta-opt[aria-selected="true"],.ta-opt:hover{background:var(--tint,#fbefea)}
.ta-opt[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--accent,#c8161e)}
.ta-thumb{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2.75rem;border-radius:4px;background:#f4ebe6;color:#a6141c;overflow:hidden}
.ta-thumb svg{width:1.2rem;height:1.7rem}
.ta-thumb img{width:100%;height:100%;object-fit:cover}
.ta-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.ta-name{font-weight:650;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ta-meta{font-size:.84rem;color:var(--muted,#5e5450);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ta-tags{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}
.ta-grade{font-size:.78rem;font-weight:700;letter-spacing:.02em;padding:.1rem .45rem;border-radius:999px;background:#1f1a17;color:#fff;white-space:nowrap}
.ta-badge{font-size:.72rem;font-weight:650;padding:.05rem .45rem;border-radius:999px;border:1px solid #9c8a80;color:#4d413b;background:#fff;white-space:nowrap}
.ta-badge-other{border-color:#b3141c;color:#8a0e14}
.ta-research .ta-thumb{background:#eef0f3;color:#4a5563}
.ta-all{justify-content:flex-start;font-weight:600;color:var(--link,#b3141c);border-top:1px solid var(--line,#e8ded6);margin-top:.25rem}
@media (max-width:40rem){
  .ta-pop{max-height:min(60vh,26rem)}
  .ta-opt{padding:.5rem .7rem;gap:.55rem}
}
@media (max-width:26rem){
  .ta-opt{flex-wrap:wrap}
  .ta-main{flex-basis:calc(100% - 3rem)}
  .ta-tags{flex-direction:row;margin-left:2.6rem}
}
@media (forced-colors:active){
  .ta-opt[aria-selected="true"]{outline:2px solid Highlight;outline-offset:-2px}
  .ta-grade,.ta-badge{border:1px solid CanvasText}
}

/* ---------- representative image slot at the top of each ledger page ---------- */
.card-hero.has-media{display:grid;grid-template-columns:minmax(9rem,13.5rem) minmax(0,1fr);grid-template-areas:"media body";gap:clamp(1rem,3vw,2.2rem);align-items:start}
.card-hero.has-media>.card-hero-body{grid-area:body;min-width:0}
.card-hero.has-media>.card-media{grid-area:media}
.card-media{margin:0}
.card-media img{display:block;width:100%;height:auto;border-radius:10px;background:#f4ebe6;box-shadow:0 8px 22px rgba(54,33,24,.14)}
.card-media-ph{position:relative;box-sizing:border-box;aspect-ratio:5/7;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:.9rem .7rem;border-radius:12px;border:2px dashed #d8c3b8;background:repeating-linear-gradient(135deg,#fff 0 10px,#fcf3ef 10px 20px);color:#5e5450;text-align:center}
.card-media-ph svg{width:2.6rem;height:2.6rem;border-radius:8px;opacity:.9}
.card-media-ph .ph-grade{position:absolute;top:.55rem;left:.55rem;right:.55rem;padding:.2rem .4rem;border-radius:6px;background:#efe3dc;color:#3b302b;font-size:.72rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-media-ph .ph-title{font-weight:700;color:#3b302b;font-size:.92rem;line-height:1.25}
.card-media-ph .ph-label{font-size:.78rem;font-weight:650;color:#7a3a33}
.card-media figcaption{margin-top:.55rem;font-size:.8rem;line-height:1.4;color:var(--muted,#5e5450)}
@media (max-width:40rem){
  .card-hero.has-media{grid-template-columns:1fr;grid-template-areas:"media" "body";gap:1rem}
  .card-media[data-image-status="exact"]{width:100%;max-width:11rem;justify-self:center}
  .card-media[data-image-status="unavailable"]{display:grid;grid-template-columns:5.25rem minmax(0,1fr);gap:.85rem;align-items:center}
  .card-media[data-image-status="unavailable"] .card-media-ph{padding:.35rem;gap:.3rem;border-radius:9px}
  .card-media[data-image-status="unavailable"] .ph-title,.card-media[data-image-status="unavailable"] .ph-sub{display:none}
  .card-media[data-image-status="unavailable"] .card-media-ph .ph-grade{position:static;font-size:.62rem;padding:.1rem .3rem;letter-spacing:.02em}
  .card-media[data-image-status="unavailable"] .card-media-ph svg{width:1.7rem;height:1.7rem;border-radius:6px}
  .card-media[data-image-status="unavailable"] .ph-label{font-size:.6rem;line-height:1.2}
  .card-media[data-image-status="unavailable"] figcaption{margin-top:0}
}

/* ---------- card actions as buttons ---------- */
.card-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 0}
.card-actions a{display:inline-flex;align-items:center;gap:.4rem;box-sizing:border-box;min-height:44px;padding:.5rem 1rem;border-radius:10px;border:1px solid var(--link,#b3141c);font-weight:650;text-decoration:none}
.card-actions a.act-primary{background:var(--link,#b3141c);color:#fff}
.card-actions a.act-primary:hover{background:var(--link-hover,#8a0e14);border-color:var(--link-hover,#8a0e14);color:#fff}
.card-actions a.act-secondary{background:#fff;color:var(--link,#b3141c)}
.card-actions a.act-secondary:hover{background:var(--tint,#fbefea)}
.card-actions svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- price chart stays readable on phones (scrolls sideways instead of shrinking) ---------- */
@media (max-width:40rem){
  .price-history [data-history-chart]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .price-history [data-history-chart] svg{min-width:34rem}
}