/* sitemap.html page styles. Owner: FIRM agent. Selectors prefixed .sm-. A "register of pages" grouped in folios. */
.sm-reg { position: relative; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-2); padding: clamp(1.1rem, .6rem + 2.4vw, 3rem) clamp(1rem, .5rem + 2.4vw, 3rem) clamp(1.4rem, 1rem + 2vw, 3rem) clamp(1rem, .4rem + 4vw, 5.5rem); }
.sm-reg::before { content: ""; position: absolute; top: 0; bottom: 0; left: clamp(.5rem, .1rem + 2.6vw, 3.6rem); width: 3px; border-left: 1px solid var(--ledger-margin); border-right: 1px solid var(--ledger-margin); pointer-events: none; }
.sm-reg__head { display: grid; gap: 1rem; padding-bottom: 1.2rem; border-bottom: 3px double var(--line-strong); }
@media (min-width: 900px) { .sm-reg__head { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2rem; } }
.sm-reg__k { display: flex; gap: 1.2rem; font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--text-2); }
.sm-reg__k .mono { color: var(--green); }
.sm-jump ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; }
@media (max-width: 899.98px) { .sm-jump ul { justify-content: flex-start; } }
.sm-jump a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 .8rem; border: 1px solid var(--line-strong); border-radius: var(--r-pill); font-size: var(--fs-sm); color: var(--text); text-decoration: none; background: var(--white); transition: border-color var(--dur-2), background-color var(--dur-2); }
.sm-jump a:hover { border-color: var(--green); background: var(--success-bg); }

.sm-folio { padding-top: clamp(1.6rem, 1rem + 2vw, 2.8rem); scroll-margin-top: calc(var(--header-h) + 16px); }
.sm-folio__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: baseline; gap: 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line-strong); }
.sm-folio__n { font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase; color: var(--green); }
.sm-folio__t { font-size: var(--fs-h4); letter-spacing: -.01em; scroll-margin-top: calc(var(--header-h) + 16px); }
.sm-folio__t a { color: var(--text); text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size var(--dur-3) var(--ease-out); }
.sm-folio__t a:hover { background-size: 100% 1px; }
.sm-folio__c { font-size: var(--fs-2xs); color: var(--text-3); letter-spacing: .08em; text-transform: uppercase; }
.sm-rows { list-style: none; margin: 0; padding: 0; }
@media (min-width: 1000px) { .sm-folio > .sm-rows { columns: 2; column-gap: 3rem; } }
.sm-row { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr) auto; gap: .8rem; align-items: baseline; padding: .6rem 0; border-bottom: 1px solid var(--line); break-inside: avoid; }
.sm-row__n { font-size: var(--fs-2xs); color: var(--text-3); }
.sm-row__t { color: var(--link); text-decoration: none; font-size: var(--fs-sm); font-weight: 500; }
.sm-row__t:hover { text-decoration: underline; text-underline-offset: .2em; }
.sm-row__p { font-size: var(--fs-2xs); color: var(--text-3); max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 599.98px) { .sm-row { grid-template-columns: 2.2rem minmax(0, 1fr); } .sm-row__p { display: none; } }
.sm-sub { break-inside: avoid; padding-top: 1rem; }
.sm-sub__a { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-base); color: var(--text); text-decoration: none; }
.sm-sub__a:hover { color: var(--green); text-decoration: underline; }
.sm-sub__c { margin-left: .8rem; font-size: var(--fs-2xs); color: var(--text-3); letter-spacing: .06em; text-transform: uppercase; }
.sm-sub .sm-rows { margin-top: .3rem; border-top: 1px solid var(--line); }
@media (min-width: 1000px) { .sm-folio > .sm-rows:has(> .sm-sub) { columns: 2; } }

/* credits.html (image credits) reuses this stylesheet: .cr- */
.cr-wrap { display: grid; gap: var(--space-8); max-width: 1100px; }
.cr-wrap .tbl td { vertical-align: top; }
.cr-wrap .tbl a { color: var(--link); overflow-wrap: anywhere; }
.cr-notes { max-width: 78ch; }