/* Quayline website v2: the few styles that the compiled Tailwind file (app-DutTaQhC.css) does not contain.
   Colours and sizes use the same design tokens (CSS variables defined in app-*.css). */
.pt-1{padding-top:calc(var(--spacing)*1)}

/* "Our focus now" pill on the maritime industry card */
.v2-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-accent-200);background:var(--color-accent-50);color:var(--color-accent-700);border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;letter-spacing:.02em}
.v2-focus{border-color:var(--color-accent-200);background:#fff;box-shadow:0 1px 2px #0b1f330a,0 8px 24px -12px #0b1f3329}

/* Today / With Quayline lines on industry cards and sector pages */
.v2-ab{margin:0;display:grid;gap:.6rem;font-size:.875rem;line-height:1.55}
.v2-ab>div{display:block}
.v2-ab dt{display:inline;font-weight:600;color:var(--color-navy-900);margin-right:.3rem}
.v2-ab dd{display:inline;margin:0;color:var(--color-ink-600)}
.v2-ab>div:last-child dt{color:var(--color-accent-700)}
.v2-ab-lg{font-size:1rem;max-width:42rem;border:1px solid var(--color-navy-100);background:#ffffffcc;border-radius:var(--radius-card,1rem);padding:1rem 1.25rem}

/* Three short lines on each "workflows we build" card */
.v2-flow{margin:0;display:grid;gap:.75rem;font-size:.875rem;line-height:1.55}
.v2-flow dt{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-500);margin-bottom:.15rem}
.v2-flow dd{margin:0;color:var(--color-ink-700)}
.v2-flow-week{border-top:1px solid var(--color-navy-100);padding-top:.75rem}
.v2-flow-week dt{color:var(--color-accent-700)}

/* Slogan under "About" */
.v2-slogan{text-wrap:balance}

/* "Try the demo" button on the prototype card */
.v2-demo-link{align-self:flex-start}
.v2-demo-link+p{margin-top:0}