/* What only guide No. 4, "How do you get found in ChatGPT?", needs. Everything else comes from book.css.
   Built by tools/guides_page/build_guide_ai.py. */
.strong{font-weight:900}
.lc-pocket i{max-width:300px;font-size:20px!important;white-space:normal!important;text-wrap:balance}
.face .cov-t.ai-t{font-size:62px!important}
.cmp.fit{min-width:0}

/* the cover: the answer writes itself, the business is picked out, the pin bobs */
.ai-ln{stroke-dasharray:100;stroke-dashoffset:100;animation:ai-write 5s ease infinite}
.ai-ln.l2{animation-delay:.5s}
@keyframes ai-write{0%,8%{stroke-dashoffset:100}30%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.ai-pick{transform-box:fill-box;transform-origin:0 50%;animation:ai-pick 5s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes ai-pick{0%,34%{transform:scale(0);opacity:0}44%,88%{transform:none;opacity:1}100%{opacity:0}}
.ai-twk{transform-box:fill-box;transform-origin:center;animation:ai-twk 2.4s ease-in-out infinite}
@keyframes ai-twk{50%{transform:scale(1.3) rotate(45deg)}}
.ai-pin{transform-box:view-box;transform-origin:352px 250px;animation:ai-bob 3s ease-in-out infinite}
@keyframes ai-bob{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.ai-ln,.ai-pick,.ai-twk,.ai-pin{animation:none;stroke-dashoffset:0}}

/* the crawler table */
@media (max-width:640px){.ai-bots{min-width:500px}}
.ai-bots code{font:800 14.5px/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.ai-bots td,.ai-bots th{font-size:15.5px;line-height:1.2}

/* the checklist and what it says */
.ai-qs li{margin-top:7px}
.ai-qs b{display:block;font-size:18.5px;font-weight:800;line-height:1.1;text-transform:none}
.ai-qs small{display:block;margin-top:2px;font-size:15px;font-weight:600;line-height:1.18;color:var(--mute)}
.ai-qs label{align-items:start}
.ai-res{margin-top:12px;padding:9px 13px;border:3px solid var(--ink);border-radius:10px;background:var(--mist);box-shadow:4px 4px 0 var(--ink)}
.pg .ai-res p{margin:4px 0 0;font-size:16.5px;font-weight:700;line-height:1.18}
.pg .ai-res p.ai-score{margin:0;font-family:"Big Shoulders",sans-serif;font-size:29px;font-weight:900;line-height:1;color:var(--claret)}

/* the next steps and the sources */
.ai-next li{padding:9px 0;align-items:start}
.ai-next svg{width:64px;height:64px}
.ai-next p{line-height:1.22}
.src{margin-top:12px!important}
.src li{margin-top:7px;padding-left:15px;border-left:5px solid var(--blue);font-size:17.5px;font-weight:600;line-height:1.16}

/* in book mode the two longest pages finish clear of the page number */
html.is-book .ai-bots td,html.is-book .ai-bots th{padding-top:5px;padding-bottom:5px;font-size:14.5px;line-height:1.12}
html.is-book .ai-bots code{font-size:13.5px}
html.is-book .ai-qs li{margin-top:7px}
html.is-book .ai-qs b{font-size:17px}
html.is-book .ai-qs small{font-size:13.5px;line-height:1.12}
html.is-book .ai-res{margin-top:8px;padding:6px 12px}
html.is-book .pg .ai-res p.ai-score{font-size:25px}