/* Paper tweaks for the robotics laboratory, layered on ../../robotics/style.css and ../paper.css.
   Grass is this page's colour; the yard becomes a flat, bright scene; trace A = grass, trace B = tomato. */
:root{--green:var(--grass-ink);--orange:var(--tomato);--accent:var(--grass-ink);--soft:#e3f2df;--lime:#d9f0c4;--focus:var(--sky-ink)}
header,.appbar{border-bottom:0}
.paper-links{display:flex;align-items:center;gap:18px;margin-left:auto}
.paper-links a{font:700 12px var(--round);color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;padding:3px 0}
.paper-links a:hover{border-color:var(--sun)}
.brand span{background:var(--grass)}
.header-note,.local{font-family:var(--round);font-weight:700}
.quiet{font-family:var(--round);font-weight:700}
nav button{font-family:var(--round);font-weight:700;border-radius:12px;transition:translate .35s var(--spring),background-color .2s}
nav button:hover{background:#fff;translate:0 -2px}
nav button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:3px 4px 0 var(--shadow-2)}
main{padding-top:24px}
h1{font-size:clamp(32px,3.8vw,54px)}
.intro{margin-bottom:20px}
.intro .eyebrow{color:var(--grass-ink)}
.intro p:not(.eyebrow){font-family:Georgia,"Iowan Old Style",serif;font-size:15px}
.steps button{font-family:var(--round);font-weight:700;border-bottom:4px solid var(--line);border-radius:0;transition:border-color .3s}
.steps button[aria-current=step]{border-color:var(--grass);color:var(--grass-ink)}
.steps span{font-family:var(--round)}

/* the yard */
.world{background:#dcecf9;border:0;border-radius:18px;box-shadow:0 0 0 4px #fff,5px 7px 0 4px var(--shadow)}
.world-top{font-family:var(--round);font-weight:800;color:#23507f}
.world-bottom{color:#2d4a2f;background:#bfe3b3;font-family:var(--round);font-weight:700}
.world [stroke="#9fb093"]{stroke:#fff;stroke-opacity:.5}
.world [fill="#d2deca"]{fill:#9fd592}
.world [stroke="#a6b99b"]{stroke:#fff;stroke-width:3}
.world [stroke="#c0cdb7"]{stroke:#fff;stroke-opacity:.7}
.world [fill="#d0d8c1"]{fill:#fffdf8}
.world [stroke="#b2bea7"]{stroke:#e4dccb}
.world [fill="#a6b69c"]{fill:var(--tomato)}
.world [fill="#a0b18e"]{fill:var(--sky)}
.world [fill="#667958"]{fill:var(--ink)}
.world [fill="#95ad7f"]{fill:var(--grass)}
.world [stroke="#819e6c"]{stroke:var(--grass-ink)}
.world [fill="#ba9670"]{fill:#e07a3a}
.world [fill="#e5c690"]{fill:var(--sun)}
.world [stroke="#b37a42"]{stroke:var(--tomato-ink)}
.world [fill="#faf5df"]{fill:#fff}
.world [stroke="#c9b48b"]{stroke:var(--ink);stroke-opacity:.25}
.world [fill="#83683f"]{fill:var(--ink)}
.world [stroke="#a5b296"]{stroke:var(--ink);stroke-opacity:.45}
.world [fill="#738366"]{fill:#2d4a2f}
/* Pip */
.world [fill="#263d3020"]{fill:rgba(43,34,48,.16)}
.world [fill="#3b4d3c"]{fill:var(--ink)}
.world [fill="#9daa8a"]{fill:#fff}
.world [fill="#e7cd79"]{fill:var(--sun)}
.world [stroke="#9b8855"]{stroke:#9a6a00}
.world [fill="#3a5142"]{fill:var(--ink)}
.world [fill="#f8f5d1"]{fill:#fff}
.world [stroke="#879675"]{stroke:var(--ink)}
.world [fill="#b47946"]{fill:var(--tomato)}
.world [fill="#b88055"]{fill:#e07a3a}
.world [stroke="#956641"]{stroke:#a4481a}
.world [stroke="#e4c897"]{stroke:#ffe29a}
.world [fill="#766c43"]{fill:var(--ink)}
.world [stroke="#ad633c"]{stroke:var(--tomato-ink)}
.world [fill="#ad633c"]{fill:var(--tomato-ink)}
.world [fill="#916243"]{fill:var(--tomato-ink)}

/* controls, readings, charts */
.transport output,.control output{font-family:var(--round);font-weight:800}
.metrics{border-top:2px dotted var(--line)}
.metrics strong,.result-grid strong{font-family:var(--round);font-weight:800}
.chart{border-top:2px dotted var(--line)}
[stroke="#365e46"]{stroke:var(--grass-ink)}
[stroke="#c87945"]{stroke:var(--tomato)}
[stroke="#b9c3b0"]{stroke:rgba(43,34,48,.25)}
[stroke="#b9a779"]{stroke:var(--sun-ink)}
[fill="#6e7d67"]{fill:var(--muted)}
.legend i{background:var(--grass-ink);border-radius:2px}
.legend .b{background:var(--tomato)}
.portrait{background:var(--sun);border:0;font-family:var(--round);font-weight:800;box-shadow:0 0 0 3px #fff,2px 3px 0 3px var(--shadow)}
.companion p{font-family:Georgia,"Iowan Old Style",serif}
.companion{border-bottom:2px dotted var(--line)}
.feedback.success{box-shadow:inset 0 0 0 2px var(--sun),3px 4px 0 var(--shadow);background:#fff}
.skill-card{background:var(--butter);border:0;border-radius:16px;box-shadow:0 0 0 3px #fff,4px 5px 0 3px var(--shadow);rotate:-1.2deg}
.skill-card .symbol{font-family:var(--round);font-weight:800;color:var(--sun-ink)}
.fork{border-top:6px solid var(--grass)}
.fork.b{border-top-color:var(--tomato)}
.fork-label b{background:var(--grass-ink);box-shadow:0 0 0 3px #fff,2px 3px 0 3px var(--shadow)}
.fork-label.b b{background:var(--tomato-ink)}
.result-grid article{background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--line),3px 4px 0 var(--shadow)}
.code{background:var(--stage);color:#f3ecf6;border-radius:14px}
.return-lens{background:var(--stage);color:#fbf4ff;border-radius:18px;box-shadow:0 0 0 4px #fff,5px 7px 0 4px var(--shadow)}
.return-lens .muted{color:#d9cfe0}
.return-lens .btn{background:var(--sun);color:var(--ink);border-color:transparent}
.proof-tag{border:0;border-radius:99px;background:#fff;box-shadow:2px 3px 0 var(--shadow);font-family:var(--round);font-weight:700}
.empty{border:2px dashed var(--line);border-radius:14px}
footer{border-top:0}
@media(max-width:1000px){.paper-links .paper-tag{display:none}}
@media(max-width:760px){.paper-links{gap:10px}}