.wr-hero h1{max-width:930px;font-size:clamp(2.7rem,5.5vw,4.5rem)}
.wr-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0!important;list-style:none!important;margin-block:28px!important}
.wr-flow>li{margin:0!important;padding:22px 0 18px;border-top:3px solid var(--accent-ink);min-width:0}
.wr-flow span{font:500 .7rem/1.6 var(--mono);letter-spacing:.05em;color:var(--accent-ink)}
.wr-flow h3{font-size:1.15rem;margin-top:15px}.wr-flow p{font-size:.88rem;color:var(--text-dim)}
.wr-flow a{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;margin-right:10px}
.wr-source-note{max-width:800px;font-size:.8rem;color:var(--text-dim)}
.wr-choice{max-width:750px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:10px}
.wr-path{max-width:900px;margin-block:20px}.wr-path li{line-height:1.7}
.wr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wr-cards .dg-card{padding:26px}.wr-cards h3{font-size:1.5rem}
.wr-badge{font:500 .64rem/1.7 var(--mono);letter-spacing:.04em;color:var(--accent-ink)!important;margin-bottom:20px}
.wr-badge--draft{font-weight:700}.wr-example{max-width:950px}.wr-example p{color:var(--text-dim)}.wr-example strong{color:var(--text)}
.dg-page [hidden]{display:none!important}
html:not(.js) .wr-js{display:none}
@media(max-width:900px){.wr-flow,.wr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.wr-flow,.wr-cards{grid-template-columns:1fr}.wr-flow{gap:12px}.wr-choice{padding:20px}}
@media print{.wr-js{display:none!important}.wr-flow{display:block}.wr-flow>li{break-inside:avoid}.wr-cards{display:block}.wr-cards article{break-inside:avoid;margin-bottom:16px}.wr-example{break-inside:avoid}.wr-path{border-color:#777}}