/* Useful guidance sits below the task, in the same visual language as the studios. */
.site-guide{max-width:860px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--workspace-font,inherit)}
.site-guide h2{font-size:20px;letter-spacing:-.025em;margin:24px 0 12px}.site-guide>h2:first-child{margin-top:0}
.site-guide p{font-size:14px;line-height:1.75;color:var(--muted);max-width:760px}
.site-guide details{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.site-guide summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.5}
.site-guide nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0 8px}
.site-guide a{font-size:13px;color:var(--paper);text-underline-offset:4px;line-height:1.65}
.site-guide :is(a,summary):focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.site-footer{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;font-size:12px;color:var(--muted)}
.site-footer a{color:inherit;text-underline-offset:4px}
.site-info-dialog{position:fixed;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;padding:32px;border:1px solid var(--line);background:var(--ink);color:var(--paper);font-family:var(--workspace-font,inherit)}
.site-info-dialog::backdrop{background:#0009}.site-info-close{position:sticky;top:0;float:right;width:36px;height:36px;cursor:pointer;background:var(--ink);color:var(--paper);border:1px solid var(--line);font-size:24px;z-index:1}
.site-info-dialog .intro-copy h1{font-size:40px}.site-info-dialog p{color:var(--muted);font-size:14px;line-height:1.7}.site-info-dialog nav{display:flex;flex-wrap:wrap;gap:12px}
.site-info-dialog [data-local-feature]{padding:12px 16px;background:var(--ink2);color:var(--paper);border:1px solid var(--line);text-align:left;cursor:pointer;font:inherit}
.site-info-dialog :is(button,a):focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.site-info-dialog .tool-directory-group{margin-top:24px}
.site-info-dialog .tool-directory-group h3{margin:0 0 12px;font-size:13px;color:var(--muted);font-weight:600}
.site-info-dialog .tool-directory-group nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.site-info-dialog .tool-directory-group button{font-size:14px}
#all-tools a{display:block;padding:12px;color:var(--paper);border:1px solid var(--line);font-size:14px;text-decoration:none}
#all-tools a:hover{background:var(--ink2);border-color:var(--acid)}
body[data-info-page] .landing-main:not(.quick-original){grid-column:2/-1}
@media(max-width:780px){#landing .tool-rail{position:static}.site-guide{margin-top:26px}.site-guide h2{font-size:18px}}