.tp-examples{margin-top:36px;margin-bottom:60px}
.tp-examples h2{font-size:clamp(26px,3vw,36px);line-height:1.25;margin:0 0 12px}
.tp-examples-intro{max-width:760px;font-size:18px;line-height:1.6;color:#d4e2db;margin:0 0 24px}
.tp-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tp-example{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #91b29e;border-radius:16px;background:#f4f7f3;color:#182b26;text-decoration:none}
.tp-example:hover{background:white;border-color:#b4f477}
.tp-example:focus-visible{outline:3px solid #b4f477;outline-offset:5px}
.tp-example small{font-size:13px;color:#4b6258}
.tp-example h3{font-size:23px;line-height:1.3;margin:12px 0}
.tp-example p{font-size:16px;line-height:1.6;margin:0 0 20px;color:#3e5b4b}
.tp-example-preview{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px;background:#e6eee7;border-radius:10px;font-size:14px;margin:0 0 22px;min-height:76px}
.tp-example-preview strong{font-size:28px;font-weight:600;line-height:1.1}
.tp-example-action{margin-top:auto;font-weight:600;font-size:16px;text-decoration:underline;text-underline-offset:4px}
:is(.tp-sheet h2,.tp-queue h3) .sheet-demo-link{font:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.tp-sheet .tp-linked-sources{position:relative;z-index:3;pointer-events:none}
.tp-source-link{display:inline-block;position:relative;min-height:44px;align-content:center;color:inherit;text-underline-offset:4px;pointer-events:auto}
.tp-source-link:hover{color:var(--lime)}
.tp-source-link:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:3px}
.forest :is(.tp-sheet,.tp-queue):has(.sheet-demo-link:focus-visible){outline-color:var(--lime)}
/* Keep each ticket above the queue's whole-card link, including its time and padding. */
.tp-queue .chat-rows>li:has(.tp-queue-link){position:relative;z-index:3}
.tp-queue-link{display:block;color:inherit;text-decoration:none;min-height:44px}
.tp-queue-link::after{content:"";position:absolute;inset:0;z-index:2}
.tp-queue-link:hover p:first-of-type{text-decoration:underline;text-underline-offset:4px}
.tp-queue .chat-rows>li:has(.tp-queue-link:focus-visible){outline:2px solid var(--lime);outline-offset:-3px}
.tp-queue-link:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@supports selector(:has(a)){.tp-queue-link:focus-visible{outline:none}}
@media(max-width:800px){.tp-example-grid{grid-template-columns:minmax(0,1fr)}.tp-examples{margin-bottom:40px}.tp-example{padding:20px}.tp-example-preview{min-height:60px}.tp-examples-intro{font-size:17px}}