/* Dixith Labs Downloads (downloads.dixith.com): what this site adds to the family look in base.css and sandhya.css. */
.dl-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.dl-grid .p-card { gap: 10px; }
.dl-grid .p-card[hidden] { display: none; }
.native { margin: 4px 0 0; font-size: 22px; line-height: 1.3; color: var(--accent-ink); font-family: var(--font); }
.native.big { font-size: 30px; margin: 0 0 12px; }
.price { font-size: 14px; font-weight: 600; color: var(--ink-2); }
.btn small { font-weight: 500; opacity: .85; font-size: .85em; }
.btn[download] svg { flex: none; }
.prose h2 { font-size: 21px; margin: 22px 0 6px; }
.prose h2:first-child { margin-top: 0; }
.prose p, .prose li { color: var(--ink-2); line-height: 1.6; max-width: 40em; }
.prose ul { padding-left: 20px; }
.dl-others { list-style: none; margin: 0 0 8px; padding: 0; }
.dl-others .chip { min-height: 44px; padding: 0 16px; }
.dl-band .btn { flex: none; }
.dl-foot { grid-template-columns: 2fr 1fr 1fr; }
.dl-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.dl-table th, .dl-table td { text-align: left; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.dl-table th:not(:first-child), .dl-table td:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.crumbs a { text-decoration: none; }
@media (max-width: 640px) { .dl-foot { grid-template-columns: 1fr; } .hide-s { display: none !important; } .native.big { font-size: 26px; } }
@media print { .top, footer, .backdrop, .btn-row, .hero-search, .toast { display: none !important; } }

/* covers */
.dl-grid .p-card { overflow: hidden; }
img.cover { display: block; width: 100%; height: auto; border-radius: 10px; background: var(--bg-2); box-shadow: var(--shadow-1), inset 0 0 0 1px var(--line); aspect-ratio: 420 / 595; object-fit: cover; }
.dl-grid .p-card img.cover { max-width: 190px; margin: 0 auto 4px; }
.item-hero { display: grid; grid-template-columns: minmax(150px, 280px) 1fr; gap: 28px; align-items: start; }
.item-cover img.cover.big { max-width: 280px; border-radius: 12px; box-shadow: var(--shadow-2), inset 0 0 0 1px var(--line); }
.item-text .lede { max-width: 34em; }
dl.links { display: grid; grid-template-columns: max-content 1fr; gap: 10px 18px; align-items: center; margin: 14px 0; }
dl.links dt { font-weight: 700; font-size: 14px; color: var(--ink-2); }
dl.links dd { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; }
dl.links code { font-size: 13px; word-break: break-all; padding: 4px 8px; border-radius: 8px; background: var(--bg-2); }
.fine { font-size: 14px; color: var(--ink-2); margin: 0; }
@media (max-width: 640px) { .item-hero { grid-template-columns: 1fr; } .item-cover img.cover.big { max-width: 200px; } dl.links { grid-template-columns: 1fr; gap: 4px 0; } dl.links dd { margin-bottom: 10px; } }
/* the small card other pages may frame */
.embed-body { margin: 0; padding: 10px; background: transparent; }
.embed-body::before { display: none; }
.embed-card { display: flex; gap: 16px; align-items: center; padding: 14px; border-radius: 18px; background: var(--surface); box-shadow: var(--shadow-1), inset 0 0 0 1px var(--line); max-width: 560px; }
.embed-cover { flex: none; width: 108px; }
.embed-cover img.cover { max-width: 108px; }
.embed-text { min-width: 0; }
.embed-text h1 { font-size: 26px; margin: 0 0 4px; line-height: 1.1; }
.embed-text .native { font-size: 20px; margin: 0 0 0 6px; }
.embed-text .eyebrow { margin: 0 0 4px; }
.embed-text .meta { margin: 0; font-size: 14px; color: var(--ink-2); }
.embed-text .btn-row { margin-top: 10px; }