/* Searchable routes extend the existing playground's typography and palette. */
.workflow-page-links{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin:24px 0;font-size:14px}.workflow-page-links>span{color:#a2b7d4}.workflow-page-links a{padding:8px 0;color:#bfd6fa;border-bottom:1px solid #71a8ff40}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:#a2b7d4;margin-bottom:34px}.breadcrumbs a:hover,.workflow-related a:hover strong{color:#d6f59a}
.workflow-intro{padding:38px 0 22px;max-width:1000px}.workflow-intro h1{font-size:clamp(36px,5.5vw,72px);line-height:1.07;letter-spacing:-.045em;margin:18px 0 24px;font-weight:600;text-wrap:balance}.workflow-answer{font-size:clamp(16px,1.6vw,19px);line-height:1.75;max-width:870px;color:#c0cde0}.workflow-tools{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.workflow-tools span{border:1px solid #71a8ff30;border-radius:40px;padding:7px 14px;font-size:14px;background:#71a8ff09;color:#d9e6f9}.workflow-try{font-size:16px;line-height:1.7;color:#d6f59a;max-width:820px}
body[data-workflow] .systems-lab{padding-top:12px}body[data-workflow] .system-card{margin-top:20px}body[data-workflow] .system-story h2{font-size:clamp(24px,2.5vw,34px)}.workflow-guide-link{display:inline-flex;align-items:center;min-height:44px;color:#bdd7fa;font-size:14px;border-bottom:1px solid #71a8ff35;margin-top:16px}
.workflow-explanation{padding:58px 0 30px}.workflow-explanation-heading{max-width:760px}.workflow-explanation h2,.workflow-related h2{font-size:clamp(27px,3vw,42px);line-height:1.2;font-weight:500;letter-spacing:-.035em}.workflow-before-after{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.workflow-before-after article{padding:28px 30px;border-radius:18px;background:linear-gradient(130deg,#152238,#0e1725);border:1px solid #71a8ff26}.workflow-before-after article:last-child{background:linear-gradient(130deg,#1a2c30,#111d2a);border-color:#d6f59a30}.workflow-before-after article>span{font-size:12px;letter-spacing:.1em;color:#a2b7d4}.workflow-before-after article:last-child>span{color:#d6f59a}.workflow-explanation h3{font-size:20px;font-weight:500;line-height:1.4}.workflow-explanation p,.workflow-faqs p{font-size:16px;line-height:1.85;color:#b6c7dd}.workflow-step-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0}.step-number{font-size:14px;color:#85b2fa}.workflow-step-notes article{border-top:1px solid #71a8ff35;padding-top:24px}.scope-note{border:1px solid #71a8ff30;border-radius:12px;padding:0 24px}.scope-note summary{cursor:pointer;padding:22px 0;font-size:16px}.scope-note p{margin-top:0}.workflow-author{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 0}.workflow-author strong{font-size:18px;font-weight:600}.workflow-author p{margin:8px 0}.workflow-author a{font-size:14px;color:#bdd7fa}.workflow-author .button{flex-shrink:0}.workflow-faqs{padding-top:40px}
body[data-workflow] .workflow-own-idea{padding:54px 0 38px;border-top:1px solid #71a8ff30}body[data-workflow] .workflow-own-idea h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;line-height:1.12;font-weight:500;margin:24px 0}body[data-workflow] .workflow-own-idea h2 em{font-style:normal;color:#91b9ff}.workflow-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0 70px}.workflow-related h2{grid-column:1/-1}.workflow-related>a{display:grid;grid-template-columns:1fr auto;gap:14px;border:1px solid #71a8ff30;border-radius:14px;padding:24px;background:#101c2b;transition:background .3s,border-color .3s}.workflow-related>a:hover{background:#172940;border-color:#71a8ff70}.workflow-related span{color:#a2b7d4;font-size:14px;grid-column:1/-1}.workflow-related strong{font-size:19px;font-weight:500;line-height:1.5}.workflow-related b{font-weight:400;color:#91b9ff}.search-fallback{display:grid;grid-template-columns:1fr 1fr;gap:24px}.search-fallback article{padding:24px;border:1px solid #71a8ff30;border-radius:16px}.search-fallback h2{font-size:24px}.search-fallback p{font-size:16px;line-height:1.8;color:#b6c7dd}.search-fallback a{color:#bdd7fa;text-decoration:underline}
@media(max-width:800px){.workflow-author{align-items:flex-start;flex-direction:column}.workflow-step-notes{gap:20px}.workflow-related{grid-template-columns:1fr}.workflow-related>a{padding:22px}}
@media(max-width:600px){.workflow-before-after,.workflow-step-notes,.search-fallback{grid-template-columns:1fr}.workflow-before-after article{padding:24px}.workflow-intro{padding-top:28px}.breadcrumbs{margin-bottom:26px}.workflow-explanation{padding-top:35px}.workflow-page-links{gap:6px 18px}.workflow-page-links>span{width:100%}.workflow-related{margin-bottom:40px}.workflow-tools span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.workflow-related>a{transition:none}}
/* A visible page directory and two distinct outcome surfaces. */
.examples-menu{position:relative;font-size:14px}.examples-menu>summary{cursor:pointer;padding:12px 0;color:#c6d7ee}.examples-menu[open]>summary{color:#d6f59a}.examples-menu-panel{position:absolute;z-index:50;top:100%;right:0;width:270px;background:#101d2e;border:1px solid #71a8ff50;border-radius:14px;padding:10px;box-shadow:0 20px 60px #0009}.navbar .examples-menu-panel>a{display:block;padding:13px 15px;border-radius:8px;font-size:14px}.examples-menu-panel>a:hover,.examples-menu-panel>a[aria-current=page]{background:#71a8ff18;color:#d6f59a}
.example-directory{margin:25px 0 35px}.example-directory>p{color:#a2b7d4;font-size:14px}.example-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.example-directory-grid>a{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:20px;border:1px solid #71a8ff35;border-radius:12px;background:linear-gradient(130deg,#15243a,#101923);transition:border-color .3s,background .3s}.example-directory-grid>a:hover{border-color:#d6f59a90;background:#1a2a40}.example-directory-grid b{grid-row:1/3;color:#8caee0;font-size:14px;font-weight:500}.example-directory-grid strong{font-size:17px;font-weight:500;line-height:1.4}.example-directory-grid span{color:#b4c9e8;font-size:14px}.example-directory-grid a:nth-child(5){border-color:#74d9bf55}.example-directory-grid a:nth-child(6){border-color:#bfa4ff55}
#system-routing{--project-accent:#86dcc3;--project-rgb:134,220,195}#system-reporting{--project-accent:#bea5fb;--project-rgb:190,165,251}
.routing-receipt{background:radial-gradient(ellipse at 90% 0%,#38958130,transparent 65%),#0b1d25;border:1px solid #86dcc350;border-radius:18px;padding:28px}.routing-receipt h4{font-size:clamp(25px,4vw,38px);line-height:1.2;margin:18px 0;color:#bcf1de}.routing-receipt p,.routing-receipt dd{font-size:16px;line-height:1.7;color:#c4d7e3}.route-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0}.route-options span{border:1px solid #6c929733;border-radius:9px;padding:14px 10px;font-size:14px;color:#9cb1c2}.route-options .route-chosen{border-color:#86dcc3;background:#86dcc317;color:#c8f5e8}.routing-receipt dl>div{border-top:1px solid #86dcc325;padding-top:18px;margin-top:18px}.routing-receipt dt{font-size:13px;color:#9fbcce}.routing-receipt dd{margin:8px 0}
.report-pack{border:1px solid #baa5ff50;border-radius:18px;overflow:hidden;background:#101828}.report-masthead{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;background:#b59bff0d;border-bottom:1px solid #baa5ff30;font-size:13px;letter-spacing:.04em}.report-masthead b{font-weight:400;color:#d2c1ff}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#baa5ff22}.report-metrics article{background:#111d30;padding:25px 22px;display:flex;flex-direction:column;gap:14px}.report-metrics span{font-size:14px;color:#adc0da}.report-metrics strong{font-size:clamp(22px,3vw,34px);font-weight:500;overflow-wrap:anywhere}.report-metrics small{font-size:13px;color:#bca8e9;line-height:1.5}.report-narrative,.report-source-register{padding:8px 24px 20px}.report-pack h4{font-size:17px;font-weight:500}.report-narrative p{font-size:16px;line-height:1.8;color:#bccbe0}.report-source-register>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #baa5ff25;font-size:14px}.report-source-register strong{font-weight:500}.report-source-register span{color:#b6c6dc}.report-issues{margin:0;padding:20px 24px 20px 42px;background:#bd914b15;color:#e0c294;font-size:15px;line-height:1.8}
@media(max-width:800px){.example-directory-grid{grid-template-columns:repeat(2,1fr)}.route-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.examples-menu-panel{left:0;right:auto;width:min(270px,80vw)}.report-metrics{grid-template-columns:1fr}.report-metrics article{padding:20px}.report-masthead{flex-direction:column}.routing-receipt{padding:22px}.example-directory-grid>a{padding:16px;gap:8px}.example-directory-grid strong{font-size:15px}.example-directory-grid b{display:none}.example-directory-grid>a{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.example-directory-grid>a{transition:none}}