/* /ai-traffic-analytics/ai-readiness/ only: the eye chart (hero), the measuring tape of robots.txt
   rules, the dartboard of answers, tracing-paper Markdown copies and the spring scales of pages AI
   can't read well. Prefix ard-. Sample data. */

/* states, shared by the parts */
.ard-g{--st:#1baf7a}.ard-a{--st:#eda100}.ard-u{--st:#8193a5}

/* hero: the eye chart */
.ard-eye{border-radius:10px;background:var(--sk-deep);border:1px solid var(--sk-line-2);overflow:hidden}
.ard-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .8rem;border-bottom:1px solid var(--sk-line);font:500 .66rem var(--sk-mono);color:var(--sk-text-3)}
.ard-btn{padding:.2rem .55rem;border:1px solid var(--sk-line-2);border-radius:6px;background:var(--sk-ink-2);color:var(--sk-text-2);font:600 .62rem var(--sk-mono);cursor:pointer}
.ard-pick{display:flex;flex-wrap:wrap;gap:.3rem;padding:.7rem .8rem 0}
.ard-pick .seg{font-size:.72rem}
.ard-try{margin:.5rem .8rem 0}
.ard-card{position:relative;margin:.7rem .8rem .8rem;padding:.9rem .9rem .6rem;border-radius:6px;background:#fbfaf6;color:#17212b;box-shadow:inset 0 0 0 1px #d6ccb9}
.ard-rows{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.ard-rows[hidden]{display:none}
.ard-r{display:grid;grid-template-columns:7.4rem minmax(0,1fr);gap:.7rem;align-items:center;padding-bottom:.45rem;border-bottom:1px dashed #d6ccb9;transition:opacity .4s}
.ard-r:last-child{border-bottom:0}
.ard-big{font:800 calc(1.45rem - var(--j) * .14rem)/1 var(--sk-disp);letter-spacing:.1em;white-space:nowrap;text-align:center;color:#0f161d}
.ard-t{font-size:.74rem;line-height:1.4;color:#33414e}
.ard-t b{font:700 .78rem var(--sk-sans);color:#0f161d}
.ard-st{display:inline-block;margin-left:.3rem;padding:.05rem .45rem;border-radius:99px;font:700 .6rem var(--sk-mono);font-style:normal;color:#fff;background:var(--st)}
.ard-u .ard-st{color:#17212b;background:#dfe5ea}
.ard-t small{display:block;margin-top:.15rem;font-size:.7rem;color:#47535f}
.ard-lens{position:absolute;left:.45rem;top:var(--lens,.6rem);width:8rem;height:2.9rem;border-radius:999px;border:3px solid #eb6834;box-shadow:0 0 0 4px rgba(235,104,52,.15);pointer-events:none;opacity:0;transition:top .55s ease,opacity .3s}
.ard-eye[data-step] .ard-lens{opacity:1}
.ard-eye[data-step] .ard-r{opacity:.32}
.ard-eye[data-step] .ard-r.seen{opacity:1}
.ard-eye.done .ard-lens{opacity:0}
@media (max-width:560px){.ard-r{grid-template-columns:5.2rem minmax(0,1fr)}.ard-big{font-size:calc(.95rem - var(--j) * .07rem);letter-spacing:.02em}.ard-lens{width:5.8rem}}

/* 01: the measuring tape */
.ard-tape-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-bottom:1.2rem}
.ard-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:1.2rem;align-items:start}
.ard-case[hidden]{display:none}
.ard-file{margin:0;padding:.9rem 1rem;border-radius:6px;background:#05080b;border:1px solid var(--sk-line);font:400 .78rem/1.65 var(--sk-mono);color:var(--sk-text-2);white-space:pre-wrap}
.ard-q{margin:0 0 .8rem;color:var(--sk-text-2)}
.ard-q code{color:#ffd2bd}
.ard-strips{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.55rem}
.ard-s{position:relative;display:flex;align-items:center;gap:.6rem;font:600 .8rem var(--sk-mono)}
.ard-k{width:5.2rem;color:var(--sk-text-3);font-size:.7rem}
.ard-pat{display:inline-block;min-width:calc(var(--n) * 1.6ch + 1.2rem);padding:.45rem .6rem .7rem;border-radius:3px;font-size:1rem;letter-spacing:.6ch;color:#17212b;background:#f2c55c repeating-linear-gradient(90deg,rgba(23,33,43,.55) 0 1px,transparent 1px 1.6ch) bottom/100% .35rem no-repeat;background-color:#f2c55c;box-shadow:0 2px 0 #b98a1a}
.ard-allow .ard-pat{border-left:5px solid #1baf7a}
.ard-disallow .ard-pat{border-left:5px solid #eb6834}
.ard-len{font-size:.66rem;color:var(--sk-text-4)}
.ard-s.miss{opacity:.35}
.ard-s.miss .ard-pat{background:none;color:var(--sk-text-3);box-shadow:none;border:1px dashed var(--sk-line-2)}
.ard-stamp{display:none;padding:.1rem .45rem;border:2px solid #eb6834;border-radius:4px;transform:rotate(-6deg);font:800 .66rem var(--sk-mono);text-transform:uppercase;color:#eb6834}
.ard-tape[data-state="rfc"] .w-rfc .ard-stamp,.ard-tape[data-state="first"] .w-first .ard-stamp{display:inline-block;animation:ard-stamp .35s ease-out}
.ard-say{margin:0 0 .8rem;padding:.6rem .8rem;border-left:3px solid var(--st);background:var(--sk-ink-2);line-height:1.55;color:var(--sk-text)}
.ard-tape[data-state="rfc"] .ard-say-first,.ard-tape[data-state="first"] .ard-say-rfc{display:none}
.ard-snip{border:1px solid var(--sk-line-2);border-radius:6px;overflow:hidden}
.ard-snip-bar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .7rem;background:var(--sk-ink-2);font:500 .64rem var(--sk-mono);color:var(--sk-text-3)}
.ard-snip pre{margin:0;padding:.7rem .9rem;background:#05080b;font:400 .8rem/1.6 var(--sk-mono);color:#8fe3b4}
@keyframes ard-stamp{from{transform:rotate(-6deg) scale(1.8);opacity:0}to{transform:rotate(-6deg) scale(1);opacity:1}}
@media (max-width:760px){.ard-case{grid-template-columns:1fr}}

/* 02: the dartboard */
.ard-dpick{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0 .6rem}
.ard-dv{margin-top:1rem;padding:.8rem 1rem;border-left:3px solid var(--st);background:var(--sk-ink-2);border-radius:0 6px 6px 0}
.ard-dv p{margin:0 0 .4rem;line-height:1.55;color:var(--sk-text-2)}
.ard-dv .ard-dst{font:600 .7rem var(--sk-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--sk-text-3)}
.ard-dv .ard-dst b{color:var(--st)}
.ard-do{color:var(--sk-text)!important}
.ard-dwrap{max-width:22rem;margin:0 auto}
.ard-dwrap[hidden]{display:none}
.ard-board{display:block;width:100%;height:auto}
.ard-ring{stroke:#0a0f14;stroke-width:1.2}
.ard-ring.ard-ok{fill:#1d5a45}.ard-ring.ard-r3{fill:#2f4d6b}.ard-ring.ard-nf{fill:#6b5a24}.ard-ring.ard-r4{fill:#7a4022}.ard-ring.ard-r5{fill:#7a2630}
.ard-d{fill:#fff;stroke:#0a0f14;stroke-width:.8;transform-box:fill-box;transform-origin:center;animation:ard-hit .4s calc(var(--i) * 28ms) both cubic-bezier(.3,1.6,.5,1)}
.ard-d.ard-slow{fill:#ffd2bd;stroke:#eb6834;stroke-width:1.3}
@keyframes ard-hit{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.ard-key{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:1rem 0 0;padding:0;list-style:none;font-size:.74rem;color:var(--sk-text-3)}
.ard-key li{display:flex;align-items:center;gap:.35rem}
.ard-key .sw{width:.8rem;height:.8rem;border-radius:2px}
.sw.ard-ok{background:#1d5a45}.sw.ard-r3{background:#2f4d6b}.sw.ard-nf{background:#6b5a24}.sw.ard-r4{background:#7a4022}.sw.ard-r5{background:#7a2630}
.ard-slowkey{width:.8rem;height:.8rem;border-radius:50%;background:#ffd2bd;border:2px solid #eb6834}

/* 03: tracing paper (on the paper fold) */
.ard-trace .ard-pick{padding:0}
.ard-trace .ard-try{margin:.5rem 0 0}
.ard-trace .seg code{background:none;color:inherit;padding:0}
.ard-stack{position:relative;min-height:17rem;margin-top:1rem}
.ard-stack[hidden]{display:none}
.ard-page{position:relative;width:72%;height:13rem;padding:2.2rem 1rem 1rem;border-radius:4px;background:#fff;box-shadow:0 1px 0 #d6ccb9,0 8px 20px rgba(23,33,43,.12);display:grid;align-content:start;gap:.55rem}
.ard-page i{display:block;height:.45rem;border-radius:2px;background:#d6ccb9}
.ard-page i:nth-child(3){width:70%}.ard-page i:nth-child(5){width:85%}
.ard-ptab{position:absolute;left:.8rem;top:.6rem;font:600 .7rem var(--sk-mono);color:var(--sk-paper-ink-2)}
.ard-ptab code,.ard-stab code{background:none;padding:0;color:inherit}
.ard-sheet{position:absolute;left:24%;top:2.4rem;width:70%;height:12rem;padding:2rem 1rem 1rem;border-radius:4px;border:1px solid rgba(23,33,43,.25);background:rgba(250,248,240,.78);backdrop-filter:blur(1.5px);transform:rotate(-2.5deg);box-shadow:0 6px 16px rgba(23,33,43,.14);display:grid;align-content:start;gap:.4rem;animation:ard-slide .6s ease-out both}
.ard-stab{position:absolute;left:.8rem;top:.55rem;font:700 .7rem var(--sk-mono);color:#17212b}
.ard-sh-bad{border-color:rgba(200,74,22,.55)}
.ard-sh-bad .ard-stab{color:#a8401a}
.ard-mdl{font:500 .78rem var(--sk-mono);color:#33414e}
.ard-mdl:first-of-type{font-weight:800}
.ard-blank{align-self:center;justify-self:center;margin-top:1.4rem;font:800 2.4rem var(--sk-disp);color:rgba(168,64,26,.55);text-align:center}
.ard-blank small{display:block;font:500 .7rem var(--sk-mono);color:#a8401a}
.ard-tear{margin-top:.4rem;padding:.15rem .45rem;justify-self:start;border:1px dashed #a8401a;border-radius:3px;font:600 .64rem var(--sk-mono);color:#a8401a}
.ard-csay{position:relative;margin:1.4rem 0 0;padding:.6rem .8rem;border-left:3px solid var(--st);background:rgba(255,255,255,.6);line-height:1.5;color:var(--sk-paper-ink)}
.ard-csay b{display:block;font:700 .66rem var(--sk-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--sk-paper-ink-2)}
.ard-rules{margin:0 0 1rem;padding-left:1.1rem;line-height:1.6;color:var(--sk-paper-ink-2)}
.ard-rules li{margin:.35rem 0}
.ard-rules code{color:#a8401a}
@keyframes ard-slide{from{transform:translateX(30%) rotate(4deg);opacity:0}to{transform:rotate(-2.5deg);opacity:1}}
@media (max-width:560px){.ard-page{width:82%}.ard-sheet{left:14%;width:84%}}

/* 04: spring scales */
.ard-fil{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.2rem}
.ard-sc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;border-top:4px solid #33475a}
.ard-hang{display:flex;flex-direction:column;align-items:center;transition:opacity .4s,transform .4s}
.ard-hook{width:.7rem;height:.7rem;margin-top:-.45rem;border:2px solid #a9b7c4;border-radius:50%}
.ard-spring{width:.9rem;height:calc(var(--w) * .5rem + 1rem);background:repeating-linear-gradient(160deg,transparent 0 .25rem,#a9b7c4 .25rem .37rem,transparent .37rem .5rem);transition:height .5s}
.ard-tagc{width:100%;padding:.6rem .55rem;border-radius:6px;background:var(--sk-ink-2);border:1px solid var(--sk-line-2);border-top:3px solid #eb6834;display:grid;gap:.3rem}
.ard-tagc code{font:600 .7rem var(--sk-mono);color:#ffd2bd;background:none;padding:0;overflow-wrap:anywhere}
.ard-tagc small{font-size:.7rem;line-height:1.4;color:var(--sk-text-3)}
.ard-tagc b{font:600 .7rem var(--sk-sans);color:var(--sk-text)}
.ard-sc[data-state="copy"] .ard-hang:not([data-k~="copy"]),.ard-sc[data-state="404"] .ard-hang:not([data-k~="404"]),
.ard-sc[data-state="errors"] .ard-hang:not([data-k~="errors"]),.ard-sc[data-state="robots"] .ard-hang:not([data-k~="robots"]),
.ard-sc[data-state="slow"] .ard-hang:not([data-k~="slow"]){opacity:.12;transform:translateY(-.8rem)}
.ard-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 0}
@media (max-width:900px){.ard-sc{grid-template-columns:repeat(3,minmax(0,1fr));border-top:0}.ard-hang{border-top:4px solid #33475a}}
@media (max-width:480px){.ard-sc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.ard-d,.ard-sheet,.ard-stamp{animation:none!important}.ard-lens,.ard-hang,.ard-spring{transition:none}}