.oc-dialog:has(.oc-guide){width:min(var(--oc-dialog-width), calc(100vw - 48px))}.oc-guide{flex-direction:column;gap:14px;min-width:0;display:flex}.oc-guide__subrow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.oc-guide__close{flex:none;margin:-4px -4px 0 0}@media (width<=600px){.oc-guide__close{margin:-12px -12px -16px -8px}}.oc-guide__heading{color:var(--muted);font-size:var(--type-size-13);margin:6px 0 0;font-weight:600}.oc-guide__paragraph{color:var(--ink2);font-size:var(--type-size-14);margin:0;line-height:1.5}.oc-guide__flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.oc-guide__flow-node{box-sizing:border-box;border:1.5px solid var(--oc-guide-tone-color);border-radius:var(--radius-6);background:var(--oc-guide-tone-bg);text-align:center;flex-direction:column;flex:130px;min-width:0;padding:6px 9px;display:flex}.oc-guide__tone--green{--oc-guide-tone-bg:var(--accent-soft);--oc-guide-tone-color:var(--accent-text-hover)}.oc-guide__tone--blue{--oc-guide-tone-bg:var(--info-soft);--oc-guide-tone-color:var(--info-text)}.oc-guide__tone--amber{--oc-guide-tone-bg:var(--warn-soft);--oc-guide-tone-color:var(--warn-text)}.oc-guide__tone--grey{--oc-guide-tone-bg:var(--page);--oc-guide-tone-color:var(--ink2)}.oc-guide__tone--red{--oc-guide-tone-bg:var(--danger-soft);--oc-guide-tone-color:var(--danger-text)}.oc-guide__flow-title{color:var(--oc-guide-tone-color);font-size:var(--type-size-14);font-weight:600}.oc-guide__flow-sub{color:var(--ink2);font-size:var(--type-size-13);margin-top:2px}.oc-guide__flow-arrow{width:96px;color:var(--muted);font-size:var(--type-size-12);text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1.3;display:flex}.oc-guide__flow-arrow-symbol{font-size:var(--type-size-16)}.oc-guide__steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.oc-guide__step{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.oc-guide__step-number{border-radius:var(--radius-round);background:var(--accent-soft);width:28px;height:28px;color:var(--accent-text-hover);font-size:var(--type-size-14);place-items:center;font-weight:600;display:grid}.oc-guide__step-body{flex-direction:column;gap:5px;min-width:0;display:flex}.oc-guide__step-title{color:var(--ink);font-size:var(--type-size-16);font-weight:600}.oc-guide__step-text{color:var(--ink2);font-size:var(--type-size-14);text-wrap:pretty;line-height:1.5}.oc-guide__example{border:1px solid var(--sunken);border-radius:var(--radius-6);background:var(--page);font-size:var(--type-size-13);flex-wrap:wrap;align-items:baseline;gap:8px;padding:6px 10px;display:flex}.oc-guide__example-label{color:var(--accent-text-hover);font-size:var(--type-size-12);letter-spacing:.04em;flex:none;font-weight:600}.oc-guide__example-text{min-width:0;color:var(--ink)}.oc-guide__rows-title{color:var(--muted);font-size:var(--type-size-13);margin:0 0 6px;font-weight:600}.oc-guide__rows-list{border-top:1px solid var(--sunken);margin:0}.oc-guide__row{border-bottom:1px solid var(--sunken);font-size:var(--type-size-14);grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:10px;padding:7px 0;line-height:1.45;display:grid}.oc-guide__row-term{color:var(--ink);font-weight:600}.oc-guide__row-description{color:var(--ink2);margin:0}.oc-guide__sample-label{color:var(--muted);font-size:var(--type-size-13);margin-bottom:6px;font-weight:600}.oc-guide__form-card{box-sizing:border-box;border:1px solid var(--line-control);border-radius:var(--radius-8);background:var(--card);width:100%;max-width:460px;box-shadow:var(--elev-1);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.oc-guide__form-title{color:var(--ink);font-size:var(--type-size-16);font-weight:600}.oc-guide__form-fields{flex-direction:column;gap:10px;display:flex}.oc-guide__form-field-label{color:var(--ink2);font-size:var(--type-size-13);margin-bottom:3px}.oc-guide__required{color:var(--danger-text)}.oc-guide__form-value{border:1px solid var(--line-control);border-radius:var(--radius-6);color:var(--ink);font-size:var(--type-size-14);padding:5px 9px}.oc-guide__form-source{color:var(--accent-text-hover);font-size:var(--type-size-12);margin-top:3px}.oc-guide__form-button{border-radius:var(--radius-6);background:var(--accent);color:var(--on-accent);font-size:var(--type-size-14);align-self:flex-start;padding:5px 11px;font-weight:600}.oc-guide__card,.oc-guide__check-card{border:1px solid var(--sunken);border-radius:var(--radius-8);background:var(--card);box-shadow:var(--elev-1);overflow:hidden}.oc-guide__card-header{border-bottom:1px solid var(--sunken);flex-direction:column;padding:10px 14px;display:flex}.oc-guide__card-title{color:var(--ink);font-size:var(--type-size-16);font-weight:600}.oc-guide__card-sub{color:var(--muted);font-size:var(--type-size-13);margin-top:1px}.oc-guide__card-rows{margin:0}.oc-guide__card-row{border-bottom:1px solid var(--sunken);font-size:var(--type-size-14);grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:10px;padding:7px 14px;line-height:1.4;display:grid}.oc-guide__card-row:last-child,.oc-guide__check-row:last-child{border-bottom:0}.oc-guide__card-term{color:var(--muted)}.oc-guide__card-value{color:var(--ink);margin:0}.oc-guide__check-header{border-bottom:1px solid var(--sunken);color:var(--ink);font-size:var(--type-size-16);padding:10px 14px;font-weight:600}.oc-guide__check-row{border-bottom:1px solid var(--sunken);font-size:var(--type-size-14);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 12px;display:grid}.oc-guide__check-question{color:var(--ink);font-weight:600}.oc-guide__confidence{border-radius:var(--radius-6);background:var(--oc-guide-tone-bg);color:var(--oc-guide-tone-color);font-size:var(--type-size-12);padding:1px 8px;font-weight:600}.oc-guide__check-answer{color:var(--ink);grid-column:1/-1}.oc-guide__check-comment{color:var(--muted)}.oc-guide__table-scroll{border:1px solid var(--sunken);border-radius:var(--radius-8);max-width:100%}.oc-guide__table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oc-guide__table{table-layout:fixed;min-width:var(--oc-guide-table-min)}.oc-guide__table th,.oc-guide__table td{box-sizing:border-box;border-bottom:1px solid var(--sunken);color:var(--ink);font-size:var(--type-size-14);text-align:center;font-weight:500}.oc-guide__table th{width:var(--oc-guide-table-column);background:var(--page);vertical-align:top;padding:6px 9px}.oc-guide__table td{padding:5px 9px}.oc-guide__table th:first-child{width:var(--oc-guide-table-first);text-align:left}.oc-guide__table td:first-child{text-align:left;font-weight:600}.oc-guide__table .oc-guide__table-cell--positive{color:var(--accent-text-hover)}.oc-guide__table .oc-guide__table-cell--empty{color:var(--line-edge)}.oc-guide__tip{border-radius:var(--radius-6);background:var(--warn-soft);color:var(--warn-text);font-size:var(--type-size-14);padding:10px 12px;line-height:1.45}@media (width<=520px){.oc-guide__subrow{gap:6px}.oc-guide__row,.oc-guide__card-row{grid-template-columns:minmax(0,140px) minmax(0,1fr)}}.oc-guide__rows,.oc-guide__form,.oc-guide__form-field,.oc-guide__card-example,.oc-guide__check-example,.oc-guide__table-example{min-width:0}