/* the-code page styles, ported from the signed-off master; every selector scoped under .xcode so it cannot clash with shell.css/tokens.css (BATCH 11 item 3). */
.xcode{background:var(--paper)}.xcode .pintro{background:#fff;border-bottom:1px solid var(--line)}.xcode .pintro .in{padding:44px 0 40px}.xcode .eyebrow{font:600 10px 'Inter';letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:12px}.xcode .pintro h1{font:400 44px 'Playfair Display';color:var(--ink);letter-spacing:-.01em;max-width:760px}.xcode .pintro .sub{color:var(--mut);font-size:16px;line-height:1.6;margin-top:10px;max-width:620px}.xcode .pbody{padding:44px 0 90px}.xcode .card2{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 32px}.xcode .h2{font:400 28px 'Playfair Display';color:var(--ink);margin:0 0 8px}.xcode .lede2{color:var(--mut);font-size:15px;line-height:1.6;margin:0 0 22px;max-width:640px}.xcode .sec{margin-top:56px}.xcode .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.xcode .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.xcode .tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;text-decoration:none;color:inherit;display:block}.xcode a.tile:hover{border-color:#c9cfc6}.xcode .tile h3{font:600 16px 'Inter';color:var(--ink);margin:12px 0 6px}.xcode .tile p{font-size:14px;line-height:1.6;color:#3f453f;margin:0}.xcode .tile .go{font:600 13px 'Inter';color:var(--ivy);margin-top:14px;display:inline-block}.xcode .ic{width:38px;height:38px;border-radius:11px;background:var(--ivyt);color:var(--ivy);display:grid;place-items:center}.xcode .ic svg{width:19px;height:19px}.xcode .ic.al{background:#f6e3e1;color:#9d3630}.xcode .ic.br{background:#f6efe2;color:var(--brass)}.xcode .dark{background:var(--ivyd);color:#fff;border-radius:18px;padding:30px 32px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.xcode .dark h2{font:400 26px 'Playfair Display';margin:0 0 6px}.xcode .dark p{color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.6;margin:0}.xcode .btn{display:inline-flex;align-items:center;gap:8px;background:var(--ivy);color:#fff;border:0;border-radius:12px;padding:13px 20px;font:600 14px 'Inter';text-decoration:none;cursor:pointer}.xcode .btn.w{background:#fff;color:var(--ivy)}.xcode .btn.ghost{background:#fff;color:var(--ink);border:1px solid #dcdfd8}.xcode .note{font-size:12.5px;color:var(--soft);line-height:1.6}.xcode .qa{border-top:1px solid var(--line)}.xcode .qa details{border-bottom:1px solid var(--line);padding:18px 0}.xcode .qa summary{font:600 15.5px 'Inter';color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.xcode .qa summary::-webkit-details-marker{display:none}.xcode .qa summary::after{content:"+";font:400 22px 'Inter';color:var(--soft);line-height:1}.xcode .qa details[open] summary::after{content:"\2212"}.xcode .qa p{font-size:14.5px;line-height:1.7;color:#3f453f;margin:10px 0 0;max-width:720px}
@media(max-width:900px){.xcode .grid2,.xcode .grid3{grid-template-columns:1fr}.xcode .pintro h1{font-size:34px}.xcode .dark{grid-template-columns:1fr}.xcode .card2{padding:22px 20px}}.xcode .arts{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.xcode .art{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px}.xcode .art .rn{font:400 30px 'Playfair Display';color:var(--brass);line-height:1}.xcode .art h3{font:600 15px 'Inter';color:var(--ink);margin:14px 0 8px}.xcode .art p{font-size:13.5px;line-height:1.6;color:#3f453f;margin:0}.xcode .lib{background:var(--night,#0a1511);border-radius:22px;padding:38px 36px;color:#fff}.xcode .lib .eyebrow{color:#d9b56e}.xcode .lib h2{font:400 32px 'Playfair Display';margin:0 0 10px}.xcode .lib>p{color:rgba(255,255,255,.72);font-size:15px;line-height:1.65;max-width:640px;margin:0 0 26px}.xcode .books{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.xcode .bk{border:1px solid rgba(217,181,110,.28);border-radius:14px;padding:18px 16px;background:rgba(255,255,255,.03);position:relative;min-height:128px}.xcode .bk .ch{font:700 9.5px 'Inter';letter-spacing:.16em;text-transform:uppercase;color:#d9b56e}.xcode .bk h4{font:400 18px 'Playfair Display';margin:10px 0 0;line-height:1.25}.xcode .bk svg{position:absolute;right:14px;bottom:14px;width:15px;height:15px;color:rgba(255,255,255,.35)}.xcode .bk.fnd{border-color:#d9b56e;background:rgba(217,181,110,.08)}.xcode .libft{display:flex;gap:14px;align-items:center;margin-top:26px;flex-wrap:wrap}.xcode .libft span{font-size:13px;color:rgba(255,255,255,.55)}.xcode .btn.gold{background:#d9b56e;color:#14291f}
@media(max-width:1100px){.xcode .arts{grid-template-columns:1fr 1fr}.xcode .books{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.xcode .arts,.xcode .books{grid-template-columns:1fr 1fr}.xcode .lib{padding:26px 20px}}