/*! CSS Portal — "About this tool" cards and shared tool-page bits (use inside .ct) */
.tl-about { margin: 28px 0; }
.tl-about h2 { margin: 0 0 14px; }
.tl-about__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tl-about__card { padding: 16px 18px; background: var(--ct-bg); border: 1px solid var(--ct-border); border-radius: var(--ct-radius); font-size: 14.5px; line-height: 1.65; }
.tl-about__card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.tl-about__card h3 { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--ct-text); }
.tl-about__card p { margin: 0 0 10px; }
.tl-about__card p:last-child, .tl-about__card ul:last-child { margin-bottom: 0; }
.tl-about__card ul { margin: 0 0 10px; padding-left: 1.2em; }
.tl-about__card li { margin-bottom: 5px; list-style-type: disc;}
.tl-about code { font-family: var(--ct-mono); font-size: .9em; padding: 1px 5px; border-radius: 5px; background: var(--ct-surface-2); }
@media (max-width: 760px) { .tl-about__grid { grid-template-columns: minmax(0, 1fr); } }