.field-tool-page .site-header,.field-tool-page .site-footer{background:var(--bg);color:var(--text)}.field-tool-page main{padding-block:2rem}.tool-note,.tool-api{border-top:1px solid var(--line);margin-top:2rem;padding:1rem 0;font-size:.85rem;color:var(--muted)}.tool-note a,.tool-api a{color:var(--accent)}.tool-note p{max-width:70ch}.panel-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.panel-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.field-tool-page .site-header a{color:inherit}.field-tool-page .tool-api code{overflow-wrap:anywhere}@media(max-width:600px){.field-tool-page .wrap{width:calc(100% - 28px)}}body.field-tool-page main.wrap{width:min(1160px,calc(100% - 40px));max-width:1160px;margin-inline:auto}
.field-tool-page .workbook,.field-tool-page .steps{min-width:0;max-width:100%}
.field-tool-page .steps nav{min-width:0;max-width:100%}
.field-tool-page .button{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:none}
.field-tool-page .button.primary{background:var(--accent);color:var(--on-accent)}
.field-tool-page .kicker,.field-tool-page .mono{color:var(--accent)}
.field-tool-page h1,.field-tool-page h2,.field-tool-page h3{color:var(--text)}
@media(max-width:600px){body.field-tool-page main.wrap{width:calc(100% - 28px)}.field-tool-page .workbook{grid-template-columns:minmax(0,1fr)}}
.field-tool-page .below .button-row{flex-shrink:1;flex-wrap:wrap;max-width:100%}
.field-tool-page .below{flex-wrap:wrap}

body.field-tool-page{color:var(--text);background:var(--bg)}body.field-tool-page main.wrap{width:min(1160px,calc(100% - 40px)) !important;max-width:1160px !important}body.field-tool-page[data-field-tool=determinism] .site-logo img{filter:brightness(0) invert(1)}.field-tool-page .site-footer{color:var(--muted)}@media(max-width:600px){body.field-tool-page main.wrap{width:calc(100% - 28px) !important}}
.tool-step-note{border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem;color:var(--muted);font-size:.84rem}.tool-step-note a{color:var(--accent)}
