/* ============================================================
   LOGOS IN A TITLE (home page, 2026-10-23). Where a section title
   names Claude or ChatGPT, their logos stand in for the words, each in a
   small white tile sized to the title's letters ("Already use [Claude] or
   [ChatGPT]?", "Just ask your [Claude] or [ChatGPT]."). The img alt keeps
   the name for screen readers and search.
   ============================================================ */
.tt-ico {
    display: inline-grid; place-items: center; width: .9em; height: .9em;
    margin: 0 .02em;
    /* centred on the letters: on the middle of the lowercase, then a touch
       up towards the capitals, where the eye puts the middle of a title */
    vertical-align: middle; position: relative; top: -.06em;
    border-radius: .24em; background: #fff; border: 1px solid #E3DCDA;
    box-shadow: 0 .05em .14em rgba(20, 17, 26, .1);
}
.tt-ico img { display: block; width: .56em; height: .56em; }
/* a logo and the mark after it stay on one line ("[ChatGPT]?"), so the
   mark never wraps alone */
.tt-nw { white-space: nowrap; }