.workflow-guide{grid-template-columns:repeat(3,1fr)}
.workflow-guide>div:nth-child(3n){border-right:0}
.help-dialog{width:min(980px,calc(100vw - 36px));scroll-behavior:smooth}
.guide-index{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px;padding:12px 0;background:var(--paper,#f7f3ea);border-bottom:1px solid var(--line,#cfc5b1)}
.guide-index a{padding:8px 12px;color:var(--wine,#812f2f);border:1px solid currentColor;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.guide-index a:hover,.guide-index a:focus{color:#fff;background:var(--wine,#812f2f)}
.guide-section{padding:30px 0;border-bottom:1px solid var(--line,#cfc5b1);scroll-margin-top:72px}
.guide-section h4{margin:4px 0 22px;font-family:Georgia,serif;font-size:clamp(23px,3vw,32px);font-weight:400}
.guide-steps{display:grid;gap:0;margin:0;padding:0;list-style:none}
.guide-steps li{display:grid;grid-template-columns:minmax(155px,200px) 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--line,#cfc5b1)}
.guide-steps b{color:var(--wine,#812f2f);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.guide-steps span{line-height:1.65}
.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-cards article{padding:18px;border:1px solid var(--line,#cfc5b1);background:rgba(255,255,255,.35)}
.guide-cards b,.guide-cards span{display:block}
.guide-cards b{margin-bottom:8px;color:var(--wine,#812f2f);text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.guide-cards span{line-height:1.55}
.guide-table{width:100%;border-collapse:collapse}
.guide-table th,.guide-table td{padding:14px 12px;border-top:1px solid var(--line,#cfc5b1);text-align:left;vertical-align:top}
.guide-table th{width:34%;color:var(--wine,#812f2f);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.guide-example{padding:22px;border-left:4px solid var(--wine,#812f2f);background:rgba(129,47,47,.06);line-height:1.6}
.guide-example p:first-child{margin-top:0}
.guide-example p:last-child{margin-bottom:0}
.layer-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 24px}
.layer-flow span{padding:10px 12px;border:1px solid var(--line,#cfc5b1);background:rgba(255,255,255,.45);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.layer-flow b{color:var(--wine,#812f2f)}
.guide-rules{columns:2;column-gap:36px;padding-left:20px;line-height:1.65}
@media(max-width:900px){.workflow-guide{grid-template-columns:repeat(2,1fr)}.workflow-guide>div{border-right:1px solid var(--line,#cfc5b1)}.workflow-guide>div:nth-child(2n){border-right:0}}
@media(max-width:620px){.workflow-guide{grid-template-columns:1fr}.workflow-guide>div{border-right:0}.help-dialog{width:calc(100vw - 20px);padding:22px 18px}.guide-index{position:static}.guide-steps li{grid-template-columns:1fr;gap:8px}.guide-cards{grid-template-columns:1fr}.guide-table th,.guide-table td{display:block;width:auto}.guide-table td{padding-top:0;border-top:0}.guide-rules{columns:1}.layer-flow b{transform:rotate(90deg)}}