/* The three thresholds (making-tax-digital-for-landlords) as street-name plates on the same street:
   white enamel with an ink border and two screw heads, the amount in the page's red, and a smaller
   plate hung beneath with the day you start, as a district plate hangs under a street name. Drawn by
   the server from the rules; no script. Site tokens only. */

.ll-signs { margin: 22px 0 10px; }
.ll-plates { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0 !important; }
.ll-plate { position: relative; margin: 0 !important; display: flex; flex-direction: column; }
.ll-plate > p { margin: 0; }
.lp-k, .lp-amt { background: var(--card); border: 2px solid var(--ink); border-radius: 6px 6px 0 0; border-bottom: 0; }
.lp-k { padding: 12px 14px 0; font: 12.5px/1.35 var(--mono); letter-spacing: .03em; color: var(--ink-2); }
.lp-amt { position: relative; padding: 4px 14px 14px; border-top: 0; border-radius: 0 0 6px 6px; border-bottom: 2px solid var(--ink); font-family: var(--cond); }
.lp-amt span { display: block; font: 700 15px/1.2 var(--cond); color: var(--ink-3); }
.lp-amt b { display: block; font: 700 40px/1 var(--cond); letter-spacing: -.01em; color: var(--red); font-variant-numeric: tabular-nums lining-nums; }
/* screw heads in the corners of the plate */
.ll-plate::before, .ll-plate::after { content: ""; position: absolute; top: 8px; width: 6px; height: 6px; border-radius: 50%; border: 1px solid var(--ink-4); background: var(--wash); }
.ll-plate::before { left: 8px; } .ll-plate::after { right: 8px; }
/* the smaller plate hung beneath, with the day you start */
.lp-tab { position: relative; align-self: flex-start; margin: 10px 0 0 14px !important; padding: 6px 12px 7px; background: var(--ink); color: var(--paper); border-radius: 3px; font-size: 15px; line-height: 1.3; }
.lp-tab::before, .lp-tab::after { content: ""; position: absolute; bottom: 100%; width: 1px; height: 10px; background: var(--ink-3); }
.lp-tab::before { left: 14px; } .lp-tab::after { right: 14px; }
.lp-tab span { display: block; font: 12px/1.3 var(--mono); letter-spacing: .05em; text-transform: uppercase; color: var(--rule); }
.lp-tab b { font-weight: 600; }
.lp-cap { margin: 14px 0 0; font-size: 15px; color: var(--ink-3); }
@media (max-width: 700px) {
	.ll-plates { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.lp-amt b { font-size: 34px; }
}