.resource-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0 1.8rem}
.resource-card,.resource-quickstart {border:1px solid #c9d1d9;border-top:4px solid #123f67;background:#f5f8fa;padding:1.1rem}
.resource-card h2,.resource-card h3,.resource-quickstart h2 {margin:.1rem 0 .65rem;font-size:1.2rem}
.resource-card p:last-child {margin-bottom:0}
.resource-card .resource-format {font:700 .78rem/1.5 Arial,sans-serif;letter-spacing:.035em;color:#455365;text-transform:uppercase}
.resource-quickstart {margin:1.4rem 0;border-top-color:#b44322}
.resource-quickstart ol {padding-left:1.3rem}
.resource-section-nav ul {display:flex;gap:.7rem 1.2rem;flex-wrap:wrap;list-style:none;padding:0}
.resource-section-nav a {display:inline-block;padding:.3rem 0}
.resource-audio {margin:1rem 0;padding:1rem;background:#f5f8fa;border:1px solid #c9d1d9}
.resource-audio audio {display:block;width:100%;margin:.6rem 0}
.resource-alpha-preview {margin:1rem 0}
.resource-alpha-preview label {display:block;font:700 .94rem Arial,sans-serif}
.resource-alpha-preview select {margin:.5rem 0;padding:.6rem;font:inherit;max-width:100%}
.alpha-stage {border:1px solid #8192a2;background:#fff;overflow:hidden;margin-top:.4rem}
.alpha-stage img {display:block;width:100%;height:auto;margin:0}
[data-background="dark"] .alpha-stage {background:#17212b}
[data-background="grey"] .alpha-stage {background:#888}
[data-background="checker"] .alpha-stage {background:repeating-conic-gradient(#e0e4e8 0% 25%,#fff 0% 50%) 0/24px 24px}
.workflow-tool {font:1rem/1.55 Arial,sans-serif;color:#17212b;overflow-wrap:anywhere}
.tool-notice {padding:1rem;background:#edf4f8;border-left:4px solid #123f67}
.workflow-tool fieldset {min-width:0;border:1px solid #bbc8d1;padding:1.1rem;margin:1.6rem 0}
.workflow-tool legend {padding:0 .4rem;font-weight:700;font-size:1.15rem}
.workflow-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin-bottom:1rem}
.workflow-tool label {display:block;font-weight:700;font-size:.92rem}
.workflow-tool input,.workflow-tool select,.workflow-tool textarea {display:block;width:100%;max-width:100%;min-width:0;margin:.4rem 0 0;border:1px solid #778595;border-radius:3px;padding:.65rem;background:#fff;color:#17212b;font:400 1rem/1.4 Arial,sans-serif}
.workflow-tool textarea {resize:vertical}
.workflow-checks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.workflow-check {min-width:0;padding:1rem;border:1px solid #c9d1d9;background:#f5f8fa}
.workflow-check h3 {font-size:1.05rem;margin:0 0 .5rem;color:#092b49}
.workflow-check p {font-size:.92rem;min-height:3em;margin:.5rem 0 1rem}
.workflow-check label + label {margin-top:1rem}
.workflow-count {font-weight:700}
.tool-actions {display:flex;gap:.7rem;flex-wrap:wrap}
.tool-actions button {padding:.8rem 1rem;border:1px solid #123f67;border-radius:3px;background:#123f67;color:#fff;font:700 .95rem Arial,sans-serif;cursor:pointer;min-height:44px}
.tool-actions button:hover {background:#092b49}
.tool-actions button:disabled {opacity:.55;cursor:default}
.workflow-tool :focus-visible,.resource-alpha-preview :focus-visible {outline:3px solid #b44322;outline-offset:3px}
.workflow-summary {margin:1rem 0}
.workflow-summary summary {cursor:pointer;padding:.6rem 0;font-weight:700}
.workflow-summary pre {white-space:pre-wrap!important;overflow-wrap:anywhere!important;font: .9rem/1.55 Arial,sans-serif!important}
.missing-page .missing-code {font:700 .9rem Arial,sans-serif;color:#586574;letter-spacing:.05em}
.missing-page .search-form {margin:1.5rem 0}
@media(max-width:600px){.resource-cards,.workflow-fields,.workflow-checks{grid-template-columns:1fr}.workflow-tool fieldset{padding:.8rem}.workflow-check p{min-height:0}.tool-actions{flex-direction:column}.tool-actions button{width:100%}}
@media print {
 body:has([data-workflow-log]) .site-header,body:has([data-workflow-log]) .sidebar,body:has([data-workflow-log]) .site-footer,body:has([data-workflow-log]) .site-breadcrumbs,body:has([data-workflow-log]) .entry-meta {display:none!important}
 body:has([data-workflow-log]) .entry-content > :not([data-workflow-log]) {display:none!important}
 .workflow-tool > :not(.workflow-summary) {display:none!important}
 .workflow-summary {display:block!important}.workflow-summary summary {display:none!important}.workflow-summary pre{display:block!important;border:0!important;padding:0!important}
 body:has([data-workflow-log]) .site-grid {display:block;margin:0;padding:0}body:has([data-workflow-log]) .content-area{border:0;box-shadow:none;padding:0}
}