/* Пошаговое заполнение и единый лист A4. Поля/кнопки — общие компоненты ABC. */
.cc-wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}
.cc-intro{padding:32px 0;display:grid;grid-template-columns:1.1fr 1fr;column-gap:64px;align-items:end}
.cc-kicker{grid-column:1/-1;font-size:12px;line-height:1.5;color:var(--ink-mute);margin:0 0 12px}
.cc-intro h1{font:600 52px/1.12 var(--ff-display);letter-spacing:0;margin:0}
.cc-intro h1 span{color:var(--ink-mute)}
.cc-intro>p:not(.cc-kicker){font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:460px;margin:0 0 4px}
.cc-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}
.cc-editor{background:var(--paper-3);border:1px solid var(--ink-line);border-radius:var(--r-md);padding:28px;min-width:0}
.cc-editor fieldset{border:0;padding:0;margin:0;min-width:0}
.cc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--ink-line);margin:0 0 28px}
.cc-steps button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:52px;border:0;border-bottom:3px solid transparent;background:none;font:500 14px var(--ff-body);color:var(--ink-mute);cursor:pointer;padding:0 0 12px}
.cc-steps button>span{font:400 12px var(--ff-mono)}
.cc-steps button[aria-current]{color:var(--ink);border-bottom-color:var(--honey-400)}
.cc-editor h2,#cc-search legend{font:600 24px/1.25 var(--ff-display);letter-spacing:0;margin:0 0 12px;padding:0}
.cc-help{font-size:13px;line-height:1.6;color:var(--ink-soft);margin:0 0 20px}
#cc-search{margin-bottom:24px}
.cc-editor.abc-form .field{margin:0;min-width:0}
.cc-search-row{display:flex;gap:8px;align-items:stretch}
.abc-card .abc-form .cc-search-field .cc-search-row input{width:0;min-width:0;flex:1}
.cc-search-row .btn{flex:none;padding:12px 20px}
.cc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px;margin-top:20px}
.cc-wide{grid-column:1/-1}
.cc-status{font-size:13px;line-height:1.55;margin:12px 0 0;overflow-wrap:anywhere}
.cc-status:empty,.cc-error:empty{display:none}
.cc-status.is-error,.cc-error{color:var(--coral-700)}
.cc-error{font-size:12px;display:block;margin-top:6px}
.abc-card .abc-form .field input[aria-invalid=true]{border-color:var(--coral-700)}
.cc-found-item{padding:20px;margin-top:16px;border:1px solid var(--ink-line);border-radius:var(--r-sm);background:var(--paper)}
.cc-found-item .btn{width:100%;justify-content:center;min-height:48px}
.cc-editor .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cc-found-item strong{display:block;font-size:15px;margin-bottom:8px;overflow-wrap:anywhere}
.cc-found-item p{font-size:13px;line-height:1.55;color:var(--ink-soft);margin:0 0 12px;overflow-wrap:anywhere}
.cc-requisites{border-top:1px solid var(--ink-line);padding-top:20px}
.cc-requisites>summary,.cc-extra>summary,.cc-clear>summary,.cc-help-drawer>summary{cursor:pointer;font-size:14px;line-height:1.5;padding:4px 0}
.cc-extra{padding-top:20px;margin-top:20px;border-top:1px solid var(--ink-line)}
.cc-extra .cc-help{margin-top:12px}
.cc-step-actions{display:flex;gap:12px;justify-content:space-between;margin-top:28px;padding-top:24px;border-top:1px solid var(--ink-line)}
.cc-step-actions .btn{font-size:14px;padding:12px 18px}
#cc-next{margin-left:auto}
.cc-clear{margin-top:20px;color:var(--ink-mute)}.cc-clear>summary{font-size:12px}.cc-clear>p{font-size:13px}
.cc-preview-column{align-self:stretch;min-width:0}
.cc-preview-stick{position:sticky;top:112px;max-width:460px;margin:auto}
.cc-preview-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.cc-preview-label h2{font:500 15px var(--ff-body);margin:0}.cc-preview-label>span{color:var(--ink-mute);font-size:12px}
.cc-document{background:white;border:1px solid var(--ink-line);aspect-ratio:210/297;position:relative;overflow:hidden}
.cc-document:has(#cc-empty:not([hidden])){aspect-ratio:auto;min-height:330px}
#cc-sheet svg{display:block;width:100%;height:auto}
#cc-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
#cc-empty h3{font:500 19px/1.35 var(--ff-body);max-width:240px;margin:24px 0 12px}
#cc-empty p{font-size:14px;line-height:1.6;color:var(--ink-mute);max-width:230px;margin:0}
.cc-paper-icon{width:58px;height:72px;border:1px solid var(--ink-line);padding:18px 12px;background:var(--paper-3);border-radius:3px}
.cc-paper-icon span{display:block;height:2px;background:var(--ink-line);margin:7px 0}.cc-paper-icon span:last-child{width:65%}
.cc-export{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:16px}
.cc-export .btn{justify-content:center;font-size:14px;padding:12px 16px}
.cc-copy-link{font:400 13px var(--ff-body);border:0;background:none;color:var(--ink-soft);padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#cc-copy-fallback{width:100%;min-height:150px;font:14px var(--ff-body);border:1px solid var(--ink-line);border-radius:var(--r-sm);padding:12px}
.cc-help-drawer{padding:20px 0;margin:32px 0 48px;border-top:1px solid var(--ink-line);color:var(--ink-soft)}
.cc-help-drawer>p{font-size:14px;line-height:1.65;max-width:760px}
.cc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.abc-card [hidden]{display:none!important}
.abc-card button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.cc-notice{padding:20px;border:1px solid var(--coral-700)}
#cc-print-sheet{display:none}
@media(min-width:851px) and (max-height:900px){.cc-preview-stick{max-width:350px}.cc-preview-label h2{font-size:14px}.cc-preview-label>span{font-size:11px}.cc-export{gap:8px}.cc-export .btn{font-size:13px;padding-inline:10px}}
@media(max-width:1100px){.cc-wrap{width:calc(100% - 64px)}.cc-layout{gap:28px}.cc-editor{padding:24px}.cc-intro{gap:28px}.cc-intro h1{font-size:44px}}
@media(max-width:850px){.cc-intro{grid-template-columns:1fr;gap:16px}.cc-kicker{margin:0}.cc-layout{grid-template-columns:1fr}.cc-preview-stick{position:static;max-width:460px}.cc-preview-column{margin-top:4px}}
@media(max-width:760px){.cc-wrap{width:calc(100% - 40px)}.cc-intro{padding:24px 0}.cc-intro h1{font-size:36px}.cc-intro>p:not(.cc-kicker){font-size:16px}}
@media(max-width:540px){.cc-editor{padding:20px}.cc-steps{gap:4px}.cc-steps button{font-size:13px;gap:5px}.cc-grid{grid-template-columns:1fr}.cc-wide{grid-column:auto}.cc-search-row{flex-wrap:wrap}.abc-card .abc-form .cc-search-field .cc-search-row input{flex:1 1 100%;width:100%}.cc-search-row .btn{width:100%;justify-content:center}.cc-step-actions{gap:8px}.cc-step-actions .btn{font-size:13px;padding:12px}.cc-export{gap:8px}.cc-export .btn{font-size:13px;padding:12px 8px}.cc-help-drawer{margin:24px 0 32px}}
/* На печать не попадают ни форма, ни высота её контейнеров, ни навигация.
   296mm даёт запас округления браузеру: ровно один A4, не пустой второй лист. */
@media print{
 @page{size:A4 portrait;margin:0}
 html,body.abc-card{margin:0!important;padding:0!important;width:210mm!important;height:296mm!important;min-height:0!important;background:white!important;overflow:hidden!important}
 body.abc-card>*{display:none!important}
 body.abc-card>#cc-print-sheet{display:block!important;position:absolute!important;left:0!important;top:0!important;width:210mm!important;height:296mm!important;margin:0!important;padding:0!important;overflow:hidden!important;break-inside:avoid}
 #cc-print-sheet svg{display:block!important;width:210mm!important;height:296mm!important;print-color-adjust:exact}
}