/* The Claude Design "Docs" boards' own <style> block, verbatim (only body / a, which the boards set for the canvas, left out). */
.dx-search{display:flex;align-items:center;gap:8px;height:38px;margin:0 22px 6px 20px;padding:0 10px;border:1px solid rgba(201,164,92,.35);background:rgba(0,0,0,.25);font-family:var(--f-serif);font-size:15px;color:var(--parch-2)}
.dx-search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.dx-search kbd{margin-left:auto;font-family:var(--f-serif);font-size:12px;padding:1px 6px;border:1px solid rgba(201,164,92,.4);color:var(--gilt-hi)}
.dx-sub{display:flex;flex-direction:column;margin:2px 0 6px 58px;border-left:1px solid rgba(201,164,92,.25)}
.dx-sub a{padding:3px 0 3px 12px;font-family:ui-monospace,Consolas,monospace;font-size:13px;color:var(--parch-2);text-decoration:none}
.dx-sub a.on{color:var(--gilt-hi);box-shadow:inset 2px 0 0 var(--gilt)}
.dx-main{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:36px;flex:1;min-height:0}
.dx-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.dx-crumb{font-family:var(--f-serif);font-size:14.5px;color:var(--ink-2)}
.dx-crumb b{color:var(--rubric);font-weight:600}
.dx-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--f-serif);font-size:14px;color:var(--ink-2)}
.dx-tag{white-space:nowrap;display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid rgba(79,59,38,.45);background:rgba(255,250,235,.5);font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--ink)}
.dx-tag.ok{border-color:#4b6533;color:#3f5a2a;background:rgba(75,101,51,.12)}
.dx-tag.warn{border-color:#8c6a2f;color:#7a5a20;background:rgba(201,164,92,.22)}
.dx-tag.red{border-color:rgba(142,42,34,.6);color:var(--rubric);background:rgba(142,42,34,.07)}
.dx-h2{margin:6px 0 0;font-family:var(--f-black);font-weight:400;font-size:30px;line-height:1.1;color:var(--ink)}
.dx-p{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}
.dx-p code,.dx-ic{font-family:ui-monospace,Consolas,monospace;font-size:13.5px;padding:1px 5px;background:rgba(79,59,38,.12);border:1px solid rgba(79,59,38,.2);color:#5a1b15}
.dx-toc{display:flex;flex-direction:column;gap:6px;padding-left:16px;border-left:1px solid rgba(79,59,38,.3);font-family:var(--f-serif);font-size:15px;align-self:start}
.dx-toc b{font-variant:small-caps;letter-spacing:.08em;font-size:13.5px;color:var(--rubric)}
.dx-toc a{color:var(--ink-2);text-decoration:none}.dx-toc a.on{color:var(--rubric);font-weight:600}
.dx-toc .sm{font-size:13.5px;font-style:italic;color:var(--ink-2);margin-top:10px;line-height:1.4}
.dx-code{border:1px solid #6c5020;background:#1b140f;box-shadow:0 3px 10px rgba(42,28,16,.25);min-width:0}
.dx-code .hd{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px 0 12px;background:linear-gradient(180deg,#3a2417,#2a1a10);border-bottom:1px solid #6c5020;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--parch-2)}
.dx-code .hd b{color:var(--gilt-hi);font-weight:400}
.dx-code .hd .cp{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border:1px solid rgba(201,164,92,.45);color:var(--gilt-hi);font-family:var(--f-serif);font-size:13px;cursor:pointer}
.dx-code pre{margin:0;padding:12px 14px;font-family:ui-monospace,Consolas,"Courier New",monospace;font-size:13.5px;line-height:1.55;color:#e8dcc2;white-space:pre;overflow:hidden}
.dx-code .k{color:#e08a7a}.dx-code .s{color:#b9c77a}.dx-code .c{color:#8a7a60;font-style:italic}.dx-code .f{color:#e4c783}.dx-code .n{color:#9fc4d6}
.dx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dx-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid rgba(79,59,38,.4);background:rgba(255,250,235,.4);text-decoration:none;color:var(--ink)}
.dx-card b{font-family:var(--f-serif);font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}
.dx-card span{font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.dx-card i{font-style:normal;font-family:var(--f-serif);font-variant:small-caps;letter-spacing:.06em;font-size:13px;color:var(--rubric)}
.dx-ico{width:22px;height:22px;flex:none;fill:none;stroke:var(--rubric);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dx-tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.dx-tbl th{text-align:left;font-family:var(--f-serif);font-variant:small-caps;letter-spacing:.06em;font-size:13.5px;color:var(--rubric);font-weight:600;padding:6px 10px;border-bottom:1.5px solid rgba(79,59,38,.4)}
.dx-tbl td{padding:7px 10px;border-bottom:1px dotted rgba(79,59,38,.4);vertical-align:top;color:var(--ink)}
.dx-tbl td.m,.dx-m{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:#5a1b15}
.dx-tbl tr.on td{background:rgba(142,42,34,.06)}
.dx-verb{display:inline-block;min-width:46px;text-align:center;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:700;color:#fff;background:#4b6533}
.dx-verb.post{background:#8c6a2f}.dx-verb.del{background:#8e2a22}.dx-verb.put{background:#2a5674}
.dx-diag{position:relative;border:1px solid rgba(79,59,38,.35);background:rgba(255,250,235,.3);flex:none}
.dx-lane{position:absolute;top:0;bottom:0;border-right:1px dashed rgba(79,59,38,.3)}
.dx-lane>b{position:absolute;left:14px;top:10px;font-family:var(--f-serif);font-variant:small-caps;letter-spacing:.1em;font-size:14px;color:var(--rubric)}
.dx-box{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 12px;border:1.5px solid var(--gilt-lo);background:linear-gradient(180deg,#fbf3de,#eedfb9);box-shadow:0 3px 8px rgba(42,28,16,.2);font-family:var(--f-serif)}
.dx-box b{font-size:16.5px;color:var(--ink);line-height:1.15}.dx-box span{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:var(--ink-2)}
.dx-box.dk{background:linear-gradient(180deg,#3a2417,#22150d);border-color:var(--gilt)}.dx-box.dk b{color:#f4e6c4}.dx-box.dk span{color:var(--parch-2)}
.dx-box.rd{background:linear-gradient(180deg,#9a3027,#7c231c);border-color:#521410}.dx-box.rd b{color:#f7e9cc}.dx-box.rd span{color:#f3d0c4}
.dx-lbl{position:absolute;transform:translate(-50%,-50%);padding:0 5px;background:#efe3c4;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#5a1b15;white-space:nowrap}
.dx-stage{flex:1;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1.5px solid var(--gilt-lo);background:linear-gradient(180deg,#fbf3de,#eedfb9);min-width:0;position:relative}
.dx-stage b{font-family:var(--f-serif);font-size:16px}.dx-stage span{font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.dx-stage i{font-style:normal;font-family:var(--f-serif);font-variant:small-caps;font-size:12px;letter-spacing:.08em;color:var(--rubric)}
.dx-stage.hl{background:linear-gradient(180deg,#9a3027,#7c231c);border-color:#521410}.dx-stage.hl b,.dx-stage.hl i{color:#f7e9cc}.dx-stage.hl span{color:#f3d0c4}
.dx-arr{flex:none;align-self:center;color:var(--gilt-lo);font-size:20px}
.dx-login{margin:auto;width:560px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}