.tools-page>.section{padding-top:16px;--definition-spacing: 4px 0 0}.tools-shell{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);border:1px solid var(--rule);background:#fff}.tools-rail{display:grid;align-content:start;border-right:1px solid var(--rule);background:var(--paper-tint)}.tools-rail>.eyebrow{padding:24px 22px 14px}.tools-rail button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;min-height:60px;padding:14px 22px;border:0;border-top:1px solid var(--rule);background:transparent;text-align:left}.tools-rail button[aria-pressed=true]{box-shadow:inset 3px 0 var(--action);background:var(--action-tint);font-weight:600}.tools-form{min-width:0;padding:var(--tools-form-padding,32px);--fieldset-margin: 0 0 24px;--fieldset-padding: 0;--fieldset-border: 0}.tools-form>header,.tools-summary{padding-bottom:16px;border-bottom:1px solid var(--rule);--workflow-list-gap: 12px;--workflow-list-margin: 1em 0;--workflow-marker-width: 22px;--workflow-row-gap: 12px}.tools-form>div:first-of-type{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--tools-section-gap,24px);padding-block:var(--tools-section-padding,24px)}.tools-form legend{padding-bottom:12px;width:100%;border-bottom:1px solid var(--rule)}.tools-form progress{width:100%;height:9px;accent-color:var(--action)}.tools-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;min-height:54px;padding-block:15px;border-bottom:1px solid var(--rule);cursor:pointer}.tools-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}.tools-actions>.actions,.tools-actions>.actions>p{flex-basis:100%}.tools-example,.tools-builder,.tools-summary{margin-top:32px}.tools-example>div,.tools-builder>div,.tools-builder form{display:grid;gap:24px}.tools-summary :is(dd,p),.tools-builder dd{white-space:pre-wrap}@media(max-width:800px){.tools-page{--tools-form-padding: 16px;--tools-section-gap: 16px;--tools-section-padding: 16px;--page-intro-padding: 24px 0 16px}.tools-mobile-picker{display:block;padding:16px 16px 0}.tools-rail,.tools-form>header .eyebrow,.tools-form>header p{display:none}.tools-form>header h2{margin-bottom:0}}@media(max-width:520px){.tools-actions{align-items:stretch;flex-direction:column}}@media print{.tools-shell,.tools-form,.tools-summary,.tools-summary .result-panel,.tools-page .page-intro{display:block;padding:0;margin:0;border:0;background:#fff}}
