/* Dinars identity and documentary blocks. Layout and interactions use css_commun.css. */
:root[data-family="dinars"] {
    --paper: #fcf9f5;
    --ink: #2b2944;
    --muted: #656278;
    --deep: #183a53;
    --accent: #9d3653;
    --line: #e3dce6;
    --serif: Georgia, "Times New Roman", serif;
}
[data-family="dinars"] .hero { background: var(--deep); color: #fffaf2; }
[data-family="dinars"] .hero h1 { max-width: 20ch; font-weight: 400; }
[data-family="dinars"] .hero p { color: #e9e3f8; }
[data-family="dinars"] .hero .eyebrow { color: #efbfca; }
[data-family="dinars"] .hero-seal { color: #efbfca; border-color: #ffffff38; }
[data-family="dinars"] .chapter-banner h2 { font-family: var(--serif); font-weight: 400; }
[data-family="dinars"] .dinar-prose { font-family: var(--serif); font-size: 18px; line-height: 1.85; }
[data-family="dinars"] .dinar-prose :is(.lead,.lede,.intro,.opening) { font-size: 22px; line-height: 1.65; }
[data-family="dinars"] .dinar-prose > section { padding-block-start: 22px; margin-block-end: 38px; border-block-start: 1px solid var(--line); }
[data-family="dinars"] .dinar-prose h2 { font-weight: 400; line-height: 1.3; scroll-margin-top: 100px; }
[data-family="dinars"] .dinar-prose :is(.chapter-no,.num,.no,.intro-label,.eyebrow) { color: var(--accent); font: 12px/1.6 system-ui,sans-serif; letter-spacing: .09em; }
[data-family="dinars"] .dinar-prose figure { margin: 28px 0; padding: 20px; border: 1px solid var(--line); background: #f3eff5; border-radius: 4px; }
[data-family="dinars"] .dinar-prose figure img { display: block; width: auto; max-width: 100%; height: auto; max-height: 600px; object-fit: contain; margin-inline: auto; }
[data-family="dinars"] .dinar-prose figure.coin img { max-height: 430px; }
[data-family="dinars"] .dinar-prose :is(.pair,.paired,.coin-pair,.figures) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; }
[data-family="dinars"] .dinar-prose :is(.pair,.paired,.coin-pair,.figures) figure { min-width: 0; margin: 12px 0; }
[data-family="dinars"] .dinar-prose figcaption { font: 14px/1.65 system-ui,sans-serif; padding-block-start: 15px; }
[data-family="dinars"] .dinar-prose figcaption :is(small,.credit) { display: block; margin-block-start: 8px; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
[data-family="dinars"] .dinar-prose :is(aside,.callout,.editor-note,.rights-note,div.note,p.note) { background: #f6e9ee; border-inline-start: 3px solid var(--accent); padding: 18px 22px; margin-block: 25px; font: 16px/1.75 system-ui,sans-serif; }
[data-family="dinars"] .dinar-prose .change-box { background: #f6e9ee; }
[data-family="dinars"] .dinar-prose :is(.sources,.bibliography,.source-list,.sources-list,.reference-list,.method) { font: 14px/1.8 system-ui,sans-serif; overflow-wrap: anywhere; }
[data-family="dinars"] .dinar-prose :is(.sources,.method) { padding: 24px; background: #eeeaf5; }
[data-family="dinars"] .dinar-prose :is(.sources,.method) h2 { font: 28px/1.3 var(--serif); }
[data-family="dinars"] .dinar-prose :is(.ref,.refs,.references,.sources-inline,.source,.small) { font: 13px/1.65 system-ui,sans-serif; }
[data-family="dinars"] .dinar-prose :is(.table-wrap,.tablewrap,.table-scroll) { overflow-x: auto; max-width: 100%; }
[data-family="dinars"] .dinar-prose :is(.rupee-facts,.milestones,.landmarks,.identity) { display: flex; flex-wrap: wrap; gap: 14px 24px; padding: 18px 0; font: 14px/1.6 system-ui,sans-serif; }

[data-family="dinars"] .dinar-prose .timeline { padding-inline-start: 25px; border-inline-start: 2px solid var(--accent); font: 15px/1.75 system-ui,sans-serif; }
[data-family="dinars"] .dinar-prose .timeline li { margin-block: 12px; }

@media (max-width: 740px) {
    [data-family="dinars"] .dinar-prose :is(.lead,.lede,.intro,.opening) { font-size: 20px; }
    [data-family="dinars"] .dinar-prose :is(.pair,.paired,.coin-pair,.figures) { grid-template-columns: minmax(0,1fr); }
    [data-family="dinars"] .dinar-prose figure { padding: 14px; }
    [data-family="dinars"] .dinar-prose :is(.sources,.method) { padding: 18px; }
}
@media (max-width: 740px) {
    [data-family="dinars"] .hero h1 { font-size: clamp(2.2rem,9vw,3rem); line-height: 1.15; }
}
[data-family="dinars"] :is(.exchange-page,.exchange-promo-dialog) {
    --ex-navy: #183a53;
    --ex-navy-soft: #31566f;
    --ex-gold: #efbfca;
    --ex-gold-dark: #9d3653;
    --ex-gold-soft: #fbece8;
}

/* Currency objects are never enlarged beyond their documentary limits. */
[data-family="dinars"] .dinar-prose .artifact-image { display:flex; justify-content:center; }
[data-family="dinars"] .dinar-prose figure.jordan-reproduction img { max-width:min(100%,300px); }

[data-family="dinars"] .dinar-prose :is(.timeline,.key-dates) { display:flex; flex-wrap:wrap; gap:18px; list-style:none; padding:18px; }
[data-family="dinars"] .dinar-prose .timeline > * { flex:1 1 130px; }
[data-family="dinars"] .dinar-prose :is(.era,.kicker,.chapter-no,.number,.n,.num) { display:block; font:12px/1.6 system-ui,sans-serif; color:var(--accent); letter-spacing:.05em; }
[data-family="dinars"] .dinar-prose :is(.source-list,.sources-list) li { margin-block:12px; }
[data-family="dinars"] .dinar-prose :is(.source-list,.sources-list) li > span { display:block; }
[data-family="dinars"] .dinar-prose a { overflow-wrap:anywhere; }
[data-family="dinars"] .dinar-prose :is(td,th) { min-width:120px; }
[data-family="dinars"] .dinar-prose dt { font-weight:bold; margin-block-start:15px; }
[data-family="dinars"] .dinar-prose dd { margin-inline-start:0; }
@media print { [data-family="dinars"] .dinar-prose figure.jordan-reproduction img { max-width:70mm; } }
[data-family="dinars"] .country-dzd { --card-deep:#214d66; --card-accent:#b34256; }
[data-family="dinars"] .country-bhd { --card-deep:#492b57; --card-accent:#b34265; }
[data-family="dinars"] .country-iqd { --card-deep:#244554; --card-accent:#a34652; }
[data-family="dinars"] .country-jod { --card-deep:#324566; --card-accent:#ab3c58; }
[data-family="dinars"] .country-kwd { --card-deep:#274955; --card-accent:#b04367; }
[data-family="dinars"] .country-lyd { --card-deep:#293d63; --card-accent:#a83c59; }
[data-family="dinars"] .country-rsd { --card-deep:#263e70; --card-accent:#a6384b; }
[data-family="dinars"] .country-tnd { --card-deep:#423455; --card-accent:#b03c56; }
