.made-hero {
    background: var(--tams-color-surface-subtle);
    border-bottom: 4px solid var(--tams-color-primary);
    padding: 4rem 0 3rem;
}
.made-eyebrow {
    color: var(--tams-color-primary-dark);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.made-hero h1 { max-width: 850px; margin-bottom: 1.25rem; }
.made-page .breadcrumb-list { color: var(--tams-color-text-muted); }
.made-page .breadcrumb-list a { color: var(--tams-color-primary-dark); text-decoration: underline; }
.made-hero-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 3rem; align-items: center; }
.made-product-photo { margin: 0; min-width: 0; }
.made-product-photo img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; border-radius: var(--tams-radius-md); }
.made-product-photo figcaption { margin-top: .75rem; color: var(--tams-color-text-muted); font-size: .85rem; }
.made-product-photo figcaption a { display: block; margin-top: .25rem; }
.made-serial { font-size: 1.5rem; }
.made-serial strong { font-family: ui-monospace, Consolas, monospace; white-space: nowrap; }
.made-occasion { font-size: 1.2rem; color: var(--tams-color-text-muted); }
.made-intro { max-width: 760px; font-size: 1.1rem; }
.made-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 3rem; align-items: start; }
.made-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; margin: 2rem 0; }
.made-facts div { border-bottom: 1px solid var(--tams-color-neutral); padding: 1rem 0; }
.made-facts dt { color: var(--tams-color-text-muted); font-size: .85rem; font-weight: 400; }
.made-facts dd { font-size: 1.05rem; font-weight: 500; margin: .35rem 0 0; overflow-wrap: anywhere; }
.made-evidence { border-left: 4px solid var(--tams-color-primary); padding: 1.4rem; background: var(--tams-color-surface-subtle); margin-bottom: 2.5rem; }
.made-evidence h3 { font-size: 1.25rem; }
.made-availability { margin-bottom: .5rem; }
.made-request { border: 1px solid var(--tams-color-neutral); border-radius: var(--tams-radius-md); padding: 2rem; box-shadow: var(--tams-shadow-sm); }
.made-request h2 { font-size: 1.6rem; }
.made-notice { border-left: 3px solid var(--tams-color-primary-dark); padding: .75rem 1rem; max-width: 800px; background: var(--tams-color-surface); }
.made-viewing { background: var(--tams-color-surface-subtle); }
.made-viewing li { margin-bottom: .65rem; }
.made-home .hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.made-overview-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; align-items: start; }
.made-connection { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; padding: 0; margin: 2rem 0; list-style: none; counter-reset: made-step; }
.made-connection li { position: relative; padding: 1.25rem; background: var(--tams-color-surface-subtle); border-top: 3px solid var(--tams-color-primary); border-radius: var(--tams-radius-sm); counter-increment: made-step; }
.made-connection li::before { content: counter(made-step, decimal-leading-zero); display: block; margin-bottom: .75rem; color: var(--tams-color-primary-dark); font-weight: 700; }
.made-connection li + li::after { content: "\2192"; position: absolute; top: 1.1rem; left: -.8rem; color: var(--tams-color-primary-dark); }
.made-connection h3 { font-size: 1.25rem; }
.made-connection p { margin-bottom: 0; }
.made-permanent-link { padding: 1rem 1.25rem; border-left: 3px solid var(--tams-color-primary); }
.made-permanent-link code { overflow-wrap: anywhere; color: var(--tams-color-primary-dark); }
.made-example-card { padding: 2rem; border: 1px solid var(--tams-color-neutral); border-radius: var(--tams-radius-md); box-shadow: var(--tams-shadow-sm); scroll-margin-top: 7rem; }
.made-example-thumbnail { display: block; width: 100%; max-height: 260px; object-fit: contain; margin-bottom: 1.5rem; border-radius: var(--tams-radius-sm); }
@media (max-width: 991px) {
    .made-connection { grid-template-columns: 1fr; }
    .made-connection li + li::after { content: "\2193"; top: -1.25rem; left: 1.25rem; }
    .made-overview-columns { grid-template-columns: 1fr; gap: 2rem; }
    .made-hero-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .made-product-photo { max-width: 440px; }
    .made-layout { grid-template-columns: 1fr; gap: 2rem; }
    .made-hero { padding: 2.5rem 0 2rem; }
}
@media (max-width: 480px) {
    .made-facts { grid-template-columns: 1fr; }
    .made-request { padding: 1.25rem; }
    .made-serial { font-size: 1.2rem; }
}