/* menforge-bill.com — a printed bill: centered masthead with double rules, a perforated statement slip, one narrow crimson-ruled column. */

body { background: var(--c-bg); }

.hd--centered { padding: 36px 0 22px; }
.hd--centered .hd__inner { gap: 6px; }
.hd--centered .hd__name {
    font-family: var(--f-heading);
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--c-primary);
    letter-spacing: .01em;
}
.hd--centered .hd__domain { font-size: .78rem; letter-spacing: .3em; text-transform: uppercase; color: #7d5a5d; }
.hd--centered .wrap::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 680px;
    height: 7px;
    margin-top: 18px;
    border-top: 3px solid var(--c-text);
    border-bottom: 1px solid var(--c-text);
}

.hero--statement { padding: 26px 0 36px; text-align: center; }
.hero__title { max-width: 680px; margin: 0 auto 26px; font-size: 2.3rem; font-weight: 700; }
.stmt {
    position: relative;
    max-width: 560px;
    margin: 0 auto 26px;
    padding: 20px 24px;
    background: #fff;
    color: var(--c-text);
    font-size: 1rem;
    box-shadow: 0 1px 0 #e8d3d5, 0 12px 26px -18px rgba(42, 15, 18, .45);
    border-top: 6px dotted var(--c-bg);
    border-bottom: 6px dotted var(--c-bg);
}
.stmt__descriptor { color: var(--c-primary); }
.stmt__date, .stmt__amount { color: #a48a8c; }
.hero__lead { max-width: 600px; margin: 0 auto; font-size: 1.06rem; color: #5a3a3d; }

main.stack { padding-bottom: 64px; gap: 0; }

.blk { padding: 28px 0; border-top: 1px solid #e3c9cc; }
.blk__title { font-size: 1.25rem; font-weight: 700; color: var(--c-text); }
.blk__title::before { content: '\00a7\00a0'; color: var(--c-primary); }
.blk__text { color: #5a3a3d; }
.blk__entity {
    margin: 0;
    padding: 14px 18px;
    border-left: 3px solid var(--c-accent);
    background: #fff;
    font-size: .95rem;
}
.blk__company { font-weight: 700; }
.blk__domain { color: var(--c-primary); }
.blk__list { margin: 0; padding: 0; list-style: none; }
.blk__list li { padding: 8px 0 8px 28px; border-bottom: 1px dashed #e3c9cc; position: relative; }
.blk__list li::before { content: '\2713'; position: absolute; left: 4px; color: var(--c-primary); font-weight: 700; }
.blk__qa { padding: 10px 0; }
.blk__qa summary { cursor: pointer; font-weight: 700; }
.blk__qa p { margin: 8px 0 0; padding-left: 16px; color: #5a3a3d; }

.df {
    margin-top: 12px;
    padding: 40px 44px 44px;
    border: 2px solid var(--c-text);
    background: #fff;
}
.df-title { font-size: 1.7rem; font-weight: 700; color: var(--c-primary); }
.df-intro { color: #5a3a3d; }
.df-field label { font-weight: 700; font-size: .92rem; }
.df-form--boxed .df-field input[type="text"],
.df-form--boxed .df-field input[type="email"] {
    padding: 12px 14px;
    border: 1px solid #cdaeb1;
    border-radius: 4px;
    background: #fffafa;
    color: var(--c-text);
}
.df-form--boxed .df-field input:focus { outline: none; border-color: var(--c-primary); box-shadow: 0 0 0 3px rgba(179, 20, 26, .15); }
.df-form--boxed .df-field input[aria-invalid="true"] { border-color: #c62828; background: #fff4f4; }
.df-submit--pill {
    align-self: center;
    padding: 15px 44px;
    border: 0;
    border-radius: 999px;
    background: var(--c-primary);
    color: #fff;
    font-weight: 700;
    font-size: 1.02rem;
    letter-spacing: .02em;
}
.df-submit--pill:hover { background: var(--c-text); }
.df-success { padding: 12px 16px; border-left: 4px solid var(--c-accent); background: #fdf6e3; color: #6b4f07; font-weight: 700; }
.df-error--full { padding: 12px 16px; border-left: 4px solid #c62828; background: #fff4f4; }

.ft--line { padding: 26px 0 34px; text-align: center; font-size: .82rem; color: #7d5a5d; }
.ft--line .wrap { max-width: 720px; border-top: 3px double var(--c-text); padding-top: 20px; }
.ft__legal { margin: 0; }

@media (max-width: 860px) {
    .hd--centered .hd__name { font-size: 1.5rem; }
    .hero__title { font-size: 1.75rem; }
    .stmt { font-size: .8rem; gap: 10px; padding: 16px 14px; }
    .df { padding: 28px 20px 30px; }
    .df-submit--pill { align-self: stretch; }
}