/* Ink Pricing page */

/* Section numbers in labels */
.ink-pricing-num {
    margin-right: 14px;
    color: var(--red-text);
    font-weight: 600;
}

/* Architect tiers: five ruled columns. Subgrid keeps the inner rules
   (head, usage, features, foot) level across all columns. */
.ink-tiers {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto auto 1fr auto;
    border-bottom: var(--rule) solid var(--ink);
}
.ink-tiers > * { min-width: 0; }
.ink-tiers > *:not(:last-child) { border-right: var(--rule) solid var(--ink); }
.ink-tier {
    position: relative;
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    row-gap: 0;
}
.ink-tier > * { padding: 24px 22px 26px; }
.ink-tier > * + * { border-top: var(--rule) solid var(--ink); }

/* Featured tier: a solid red bar across the top of the column */
.ink-tier--featured::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: var(--red);
}
.ink-tier__head { padding-top: 34px; padding-bottom: 28px; }
.ink-tier__price {
    margin-top: 14px;
    font-size: 3.4vw;
    line-height: 0.94;
}
.ink-tier__period {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: var(--grey-700);
}
.ink-tier__seat {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: var(--red-text);
}
.ink-tier__usage .ink-body { margin-top: 6px; font-size: 15px; line-height: 22px; }
.ink-tier__features .ink-checks li { font-size: 15px; line-height: 22px; }
.ink-tier__foot { align-content: start; }
.ink-tier__foot .ink-btn { width: 100%; text-align: center; }

.ink-tiers-every .ink-label + .ink-checks,
.ink-tiers-every .ink-label + .ink-body { margin-top: 16px; }

/* Director: one plan across three columns */
.ink-director-plan__amt { margin-top: 12px; }
.ink-director-plan__cta { margin-top: 26px; }
.ink-director-plan__notes { display: grid; grid-template-rows: 1fr 1fr; }
.ink-director-plan__notes > .ink-cell + .ink-cell { border-top: var(--rule) solid var(--ink); }
.ink-director-plan__notes .ink-body { margin-top: 6px; }

/* FAQ block: the row rules frame it, so drop the outer rules of the list */
.ink-pricing-faq .ink-h2--sm { margin-top: 14px; text-wrap: balance; }
.ink-pricing-faq > .ink-cell:last-child { padding-top: 0; padding-bottom: 0; }
.ink-pricing-faq .ink-faq { border-bottom: 0; }
.ink-pricing-faq .ink-faq details:first-child { border-top: 0; }
.ink-pricing-faq .ink-faq summary { padding: 22px 0; }
.ink-pricing-faq .ink-faq__answer { padding-bottom: 26px; }

/* Closing CTA: title left, copy and button right */
.ink-cta--split > .ink-cell:last-child > p:first-child { margin-top: 0; }

@media (max-width: 1100px) {
    .ink-tiers { grid-template-columns: repeat(3, 1fr); grid-template-rows: none; }
    .ink-tier { grid-row: auto; grid-template-rows: auto auto 1fr auto; border-bottom: var(--rule) solid var(--ink); }
    .ink-tiers > :nth-child(3n) { border-right: 0; }
    .ink-tier__price { font-size: 44px; }
}

@media (max-width: 860px) {
    .ink-tiers { grid-template-columns: 1fr; }
    .ink-tiers > * { border-right: 0; }
    .ink-tier > * { padding-left: var(--pad); padding-right: var(--pad); }
    .ink-tier__price { font-size: clamp(40px, 11vw, 64px); }
    .ink-director-plan__notes { grid-template-rows: none; }
}