/* /Pages/Contact.cshtml.rz.scp.css */
.contact-shell[b-orxb43cov0] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(1.25rem, 4vw, 4rem); align-items: start; }
.contact-aside h1[b-orxb43cov0] { font-size: clamp(2.1rem, 4vw, 3.25rem); }
.contact-aside p[b-orxb43cov0] { max-width: 44ch; }
.contact-aside a[b-orxb43cov0] { color: var(--accent); }
.contact-card[b-orxb43cov0] { padding: clamp(1rem, 3vw, 2rem); background: var(--surface); border: 1px solid var(--line); border-radius: 1rem; display: grid; gap: 1rem; }
.contact-card h2[b-orxb43cov0] { margin: 0; padding-bottom: .75rem; border-bottom: 1px solid var(--line); }
.identity[b-orxb43cov0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
label[b-orxb43cov0] { display: grid; gap: .35rem; font-weight: 600; }
input[b-orxb43cov0], select[b-orxb43cov0], textarea[b-orxb43cov0] { width: 100%; min-width: 0; padding: .6rem; font: inherit; font-weight: 400; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: .4rem; }
textarea[b-orxb43cov0] { resize: vertical; }
.contact-card p[b-orxb43cov0] { margin: 0; color: var(--muted); }
button[b-orxb43cov0] { justify-self: start; background: var(--accent); color: var(--surface); padding: .6rem 1rem; }
@media (max-width: 720px) { .contact-shell[b-orxb43cov0], .identity[b-orxb43cov0] { grid-template-columns: 1fr; } }
/* /Pages/Features.cshtml.rz.scp.css */
h1[b-43k62dn2gp] {
    margin-block-end: .65rem;
    font-size: clamp(2.1rem, 3.55vw, 3.25rem);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.intro[b-43k62dn2gp] {
    font-size: clamp(1.05rem, 1.35vw, 1.18rem);
    line-height: 1.65;
}

.folder-feature[b-43k62dn2gp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 24rem);
    gap: clamp(1rem, 3vw, 2.5rem);
    align-items: start;
    margin-block-start: 1.5rem;
    padding-block-start: 1.5rem;
    border-block-start: 1px solid var(--line);
}
h2[b-43k62dn2gp] { margin: 0 0 .65rem; font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.12; }
figure[b-43k62dn2gp] { margin: 0; min-width: 0; }
figure[b-43k62dn2gp]  img { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: .5rem; }
figcaption[b-43k62dn2gp] { margin-block-start: .75rem; color: var(--muted); font-size: .95rem; }
@media (max-width: 720px) {
    .folder-feature[b-43k62dn2gp] { grid-template-columns: 1fr; gap: 1rem; }
}

.contents[b-43k62dn2gp] { margin-block-start: 1rem; }
.wide-contents[b-43k62dn2gp] { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem 1.25rem; }
.compact-contents[b-43k62dn2gp] { display: none; }
summary[b-43k62dn2gp] { cursor: pointer; }
.folder-feature > div[b-43k62dn2gp] { max-width: 67ch; }
.folder-feature p:last-child[b-43k62dn2gp] { margin-block-end: 0; }
.records-feature[b-43k62dn2gp] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 1rem clamp(1rem, 2vw, 1.75rem);
}
.record-demo[b-43k62dn2gp] { grid-column: 1 / -1; }
.record-demo summary[b-43k62dn2gp] { color: var(--text); text-decoration: underline; text-underline-offset: .2em; }
.record-demo figure[b-43k62dn2gp] { width: min(100%, 800px); max-width: none; margin: 1rem auto 0; }
figcaption a[b-43k62dn2gp] { margin-inline-start: .5rem; }
@media (max-width: 720px) {
    .wide-contents[b-43k62dn2gp] { display: none; }
    .compact-contents[b-43k62dn2gp] { display: block; }
    .compact-contents a[b-43k62dn2gp] { display: block; margin-block-start: .5rem; }
    .records-feature[b-43k62dn2gp] { grid-template-columns: 1fr; }
    figure[b-43k62dn2gp] { max-width: 24rem; }
}

.reuse-feature[b-43k62dn2gp] { margin-block-start: 1.5rem; padding-block-start: 1.5rem; border-block-start: 1px solid var(--line); }
.reuse-example[b-43k62dn2gp] { display: grid; grid-template-columns: minmax(0, 76ch) minmax(0, 22rem); gap: 1rem clamp(1rem, 2vw, 1.75rem); align-items: start; margin-block-start: 1.25rem; }
.reuse-example h3[b-43k62dn2gp] { margin: 0; }
.reuse-example p[b-43k62dn2gp] { margin: .65rem 0 0; }
@media (max-width: 720px) {
    .reuse-example[b-43k62dn2gp] { grid-template-columns: 1fr; }
}
figure[b-43k62dn2gp]  #add-record-demo { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; }
/* /Pages/Index.cshtml.rz.scp.css */
.home-hero[b-pbmt61scpt] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: clamp(2rem, 4vw, 4rem); }
.product-name[b-pbmt61scpt] { margin: 0 0 .75rem; color: var(--accent); font-weight: 700; }
h1[b-pbmt61scpt] { font-size: clamp(2.25rem, 3.5vw, 3.5rem); line-height: 1.08; }
.summary[b-pbmt61scpt], .examples p[b-pbmt61scpt] { color: var(--muted); }
.summary[b-pbmt61scpt] { font-size: 1.1rem; line-height: 1.65; }
.actions[b-pbmt61scpt], figcaption[b-pbmt61scpt] { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.actions[b-pbmt61scpt]  a { border: 1px solid var(--accent); border-radius: .5rem; padding: .65rem 1rem; font-weight: 600; text-decoration: none; color: var(--accent); }
.actions[b-pbmt61scpt]  a:first-child { background: #284ed1; border-color: #284ed1; color: white; }
.actions[b-pbmt61scpt]  a:hover { text-decoration: underline; }
figure[b-pbmt61scpt] { margin: 0; }
figure[b-pbmt61scpt]  img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: .75rem; box-shadow: 0 .75rem 2rem rgb(24 47 86 / 12%); }
figcaption[b-pbmt61scpt] { justify-content: space-between; margin-block-start: .75rem; font-size: .875rem; color: var(--muted); }
.family[b-pbmt61scpt] { margin-block-start: clamp(3rem, 6vw, 6rem); border-top: 1px solid var(--line); padding-block-start: 2rem; }
h2[b-pbmt61scpt] { max-width: 38ch; font-size: clamp(1.6rem, 2.6vw, 2.25rem); line-height: 1.2; margin: 0 0 1.5rem; }
.examples[b-pbmt61scpt] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.examples article[b-pbmt61scpt] { padding-inline-start: 1rem; border-inline-start: 3px solid var(--accent); }
.examples h3[b-pbmt61scpt] { margin: 0; font-size: 1.125rem; }
.examples p[b-pbmt61scpt] { margin: .4rem 0 0; }
@media (max-width: 800px) {
    .home-hero[b-pbmt61scpt], .examples[b-pbmt61scpt] { grid-template-columns: 1fr; }
}