/* Pendleri sandbox UI system. Presentation only; no workflow state selectors removed. */
html:root{--ink:#163336;--muted:#536b6d;--green:#087766;--green-dark:#065d51;--brand:#087766;--primary:#087766;--brand-soft:#eaf6f1;--surface-soft:#f3f8f6;--bg:#f4f7f6;--line:#d6e3de;--danger:#ad302b;--warn:#825407;--ui-radius:16px;--ui-shadow:0 3px 12px rgba(18,51,43,.035)}
html body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-weight:400;line-height:1.55;color:var(--ink);text-rendering:optimizeLegibility}
html body h1,html body h2,html body h3{font-family:inherit;font-weight:750;text-wrap:balance}
html body .content h1,html body .form-card h1{font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.18;letter-spacing:-.045em;margin:0 0 12px}
html body .content h2{font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.3;letter-spacing:-.025em}
html body .content h3{font-size:1.075rem;line-height:1.35;letter-spacing:-.015em}
html body p{font-weight:400}html body .lead{font-size:1rem;line-height:1.6;max-width:65ch;margin-bottom:22px;color:var(--muted)}
html body [hidden]{display:none!important}
html body .muted,html body .card p{font-size:.9rem;line-height:1.55;color:var(--muted)}
html body .app-header{box-shadow:none;background:#fff;gap:18px}
html body .app-logo{letter-spacing:-.04em;font-weight:800}
html body .app-shell{gap:24px;max-width:1200px}
html body .content{min-width:0}
html body .sidebar{background:#143b3b;border-radius:var(--ui-radius);padding:12px}
html body .sidebar a{font-size:.9rem;min-height:44px;display:flex;align-items:center;gap:10px}
html body .sidebar a:hover{background:#214d4a}
html body .sidebar a[aria-current=page]{background:#d9f0e6!important;color:#123e35!important;font-weight:750}
html body .card,html body .form-card{border-color:var(--line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);background:#fff}
html body .card{padding:20px}
html body .form-card{padding:24px;max-width:840px}
html body .form-card .card,html body .card .card{box-shadow:none}
html body .grid,html body .grid.two{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
html body .form-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
html body .field{min-width:0;gap:7px}
html body .field label{font-size:.9rem;line-height:1.4;font-weight:650;color:var(--ink)}
html body .field input,html body .field select,html body .field textarea{font-family:inherit;font-weight:400;font-size:16px;min-height:48px;border:1px solid #a7bbb2;border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;max-width:100%}
html body input[type=radio],html body input[type=checkbox]{accent-color:var(--green);flex-shrink:0}
html body main input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),html body main select,html body main textarea{font:400 16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:48px;padding:10px 12px;width:100%;max-width:100%;border:1px solid #a7bbb2;border-radius:10px;background:#fff;color:var(--ink)}
html body main textarea{min-height:108px;resize:vertical}
html body .tax-summary dd input{width:calc(100% - 24px)!important;max-width:260px!important}
html body .content a.card{text-decoration:none!important}
html body .badge.ui-status-error{background:#fff0ee;color:#8d2a25;border:1px solid #e3bab6}
html body input:disabled,html body select:disabled,html body textarea:disabled{background:#eef2f0;color:#5c706b}
html body input[readonly]{background:#f4f7f5}
html body .field small,html body .compact-hint{font-size:.825rem;line-height:1.5}
html body .btn,html body .button{font:650 .95rem/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:11px;background:var(--green);color:#fff;box-shadow:none;text-align:center;white-space:normal;gap:8px;text-decoration:none}
html body .btn.secondary,html body .button-secondary{background:#fff;color:#21463f;border-color:#b4c9be}
html body .btn.danger{background:var(--danger);color:#fff}
html body .btn:disabled{cursor:wait;opacity:.65}
html body .btn-primary-wide{min-height:50px;font-size:1rem}
html body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #1d658c;outline-offset:3px}
@media(hover:hover){html body .btn:not(:disabled):hover,html body .button:hover{background:var(--green-dark);color:#fff;transform:none}html body .btn.secondary:hover,html body .button-secondary:hover{background:#edf6f1;color:#21463f;border-color:#77a18d}}
html body .badge{font-size:.75rem;line-height:1.4;font-weight:700;padding:5px 9px;max-width:100%;white-space:normal}
html body .badge.warn{background:#fff2d9;color:#754909}
html body .flash{border:1px solid #b9d9ca;background:#edf7f1;color:#174f3e;padding:14px 16px;line-height:1.5}
html body .flash.error,html body .inline-upload-error{background:#fff3f1;color:#8b2724;border-color:#e7b9b4}
html body .empty{padding:28px 18px;border:1px dashed #becfc6;border-radius:12px;background:#f8faf9;color:var(--muted)}
html body .empty strong{font-size:1.05rem;color:var(--ink)}
html body .known-data,html body .known-review,html body .fee-summary,html body .workplace-summary,html body .coverage-complete{border:1px solid #bcdacb;border-radius:12px;background:#f0f8f4;padding:14px 16px;box-shadow:none}
html body .known-data p,html body .known-review p{margin:5px 0 0}
html body .tax-person-context{padding:12px 14px!important;border-radius:12px!important;font-size:.9rem!important;line-height:1.5;margin-bottom:16px!important}
html body .tax-person-context p{font-size:.85rem;margin:3px 0 0}
html body .tax-summary,html body .eu-final dl{margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px}
html body .tax-summary dt,html body .eu-final dt{color:var(--muted);font-weight:400}
html body .tax-summary dd,html body .eu-final dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}
html body .workflow-context,html body .breadcrumbs{font-size:.85rem;line-height:1.7;margin-bottom:10px;overflow-wrap:anywhere}
html body .workflow-context a,html body .breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}
html body .wizard-step{font-size:.8rem;letter-spacing:.015em;margin-bottom:12px;padding:5px 10px;border-radius:8px;background:#eaf5ef;color:#1c614a}
html body .workflow-progress{gap:8px;margin:16px 0 20px;font-size:.875rem}
html body .workflow-progress progress{height:8px}
html body .workflow-actions,html body .tax-actions,html body .actions{gap:10px;margin-top:20px;align-items:stretch}
html body .workflow-block .block-field{margin-block:16px}
html body .profile-section{border-radius:14px;border-color:var(--line);padding:0 18px}
html body .profile-section summary{min-height:64px;line-height:1.4}
html body .profile-section summary small{margin-top:4px;line-height:1.5;font-size:.85rem}
html body .profile-section[open]{border-color:#93bca9}
html body .tax-pre fieldset{min-width:0}
html body .tax-pre .choice-grid label,html body .segmented label{min-height:48px;line-height:1.4;gap:10px}
html body .tax-pre .choice-grid label{padding:10px 12px;border-radius:10px;background:#f8faf9;border:1px solid var(--line)}
html body .tax-pre .choice-grid label:has(input:checked){background:#edf8f1;border-color:#598d76}
html body .scan-field{border:1px dashed #7ba890;background:#f5faf7;border-radius:14px;padding:20px}
html body input[type=file]{max-width:100%;font-size:.9rem;white-space:normal}
html body input[type=file]::file-selector-button{font:600 .9rem/1.4 inherit;padding:10px 12px;border:1px solid #b3c7bb;border-radius:8px;background:#fff;color:#21463f;margin-right:10px;cursor:pointer}
html body .selected-document,html body .document-entry-actions{overflow-wrap:anywhere}
html body .tax-generation [data-job-card]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;background:#fff}
html body .tax-generation [data-job-card]>h3,html body .tax-generation [data-job-card]>p{grid-column:1/-1;margin:0}
html body .tax-generation h3{font-size:1.05rem;margin:0 0 5px}
html body .tax-generation [data-job-card] .btn{font-size:.875rem;min-height:44px;padding:10px 8px;width:100%}
html body .tax-generation>.card:not([data-job-card]){background:#edf7f1;padding:14px 16px}
html body .eu-final>.card{margin-bottom:12px;padding:16px}
html body .center-card{margin:clamp(32px,9vh,96px) auto;padding:28px 22px;border-radius:18px;box-shadow:var(--ui-shadow)}
html body .auth-shell{width:min(460px,100%);margin:24px auto 40px}
html body .auth-shell .form-card{padding:26px}
html body .auth-shell form{display:grid;gap:16px}
html body .auth-shell form>.btn{width:100%}
html body .auth-shell h1{font-size:1.8rem}
html body footer.content{font-size:.825rem;line-height:1.8;border-top:1px solid var(--line);padding:20px 0;margin-top:32px;color:var(--muted)}
html body footer.content a{display:inline-block;min-height:32px}
html body .ui-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
html body .ui-service-card{position:relative;transition:border-color .15s,background .15s;min-width:0}
html body .ui-service-card h2,html body .ui-service-card h3{display:flex;align-items:center;gap:10px}
html body .ui-service-card h2>.ui-icon,html body .ui-service-card h3>.ui-icon{box-sizing:content-box;padding:9px;background:#eaf5ef;border-radius:11px;color:var(--green)}
html body .content a.ui-service-card{text-decoration:none!important}
html body .ui-service-card>a.btn::after{content:"";position:absolute;inset:0;border-radius:var(--ui-radius)}
html body .ui-service-card:focus-within{outline:3px solid #1d658c;outline-offset:3px}
html body .ui-service-card>a.btn:focus-visible{outline:none}
html body .ui-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body .ui-services .ui-service-card{padding:16px;display:flex;flex-direction:column;align-items:flex-start}
html body .ui-services h2{font-size:1.05rem;margin-bottom:9px}
html body .ui-services p{font-size:.85rem;margin:0 0 14px}
html body .ui-services .btn{margin-top:auto;min-height:36px;padding:0;background:transparent!important;color:#15614f!important;border:0;font-size:.85rem;justify-content:flex-start}
html body .ui-services .btn::before{content:"→";font-size:1rem}
html body .ui-case-link{position:relative;border-bottom:1px solid var(--line);padding:12px 0;margin:0!important}
html body .ui-case-link:last-child{border-bottom:0}
html body .ui-case-link>a::after{content:"";position:absolute;inset:0}
html body .ui-case-link>a{font-size:.95rem;text-decoration:none!important}
html body .ui-case-link .muted{display:block;font-size:.8rem;margin-top:4px}
@media(hover:hover){html body .ui-service-card:hover{background:#f7fbf8;border-color:#83ae98;box-shadow:0 4px 16px #153d2910}html body .ui-case-link:hover{background:#f4f8f5}}
html body .ui-public-menu{display:none}
html body .ui-resume{display:flex;flex-direction:column;gap:4px;margin:0 0 20px;padding:14px 16px;border:1px solid #b4d3c2;border-radius:12px;background:#eaf6ef;text-decoration:none!important}
html body .ui-resume small{color:#32624b;font-size:.8rem}
html body .ui-resume strong{font-size:.95rem}
html body .ui-service-overview .ui-service-card{text-decoration:none;padding:18px;display:block}
html body .ui-service-overview .ui-service-card p{margin:10px 0 0}
html body .journey-card .feature-icon{align-self:start}
@media(max-width:600px){html body table.ui-data-table{display:block;overflow:visible;border-radius:0;background:transparent}html body .ui-data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html body .ui-data-table tbody,html body .ui-data-table tbody>tr{display:block;width:100%}html body .ui-data-table tbody>tr{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px}html body .ui-data-table tbody>tr>td{display:block!important;border:0;padding:7px 0;font-size:.9rem;overflow-wrap:anywhere;max-width:100%}html body .ui-data-table td::before{content:attr(data-ui-label);display:block;font-size:.75rem;font-weight:650;color:var(--muted);margin-bottom:3px}html body .ui-data-table td input,html body .ui-data-table td select{width:100%;max-width:100%}}
@media(max-width:560px){html body .hero .dashboard-shell{display:none}}
html body .ui-public-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fff;cursor:pointer}
html body .ui-public-menu summary::-webkit-details-marker{display:none}
html body .ui-public-menu nav{position:absolute;top:calc(100% + 8px);right:14px;z-index:50;width:min(320px,calc(100vw - 28px));display:grid;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 36px #16333624}
html body .ui-public-menu nav>a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:8px;font-size:1rem}
html body .ui-public-menu nav>a:hover{background:#edf6f0}
html body .ui-public-menu nav form,html body .ui-public-menu nav form .btn{width:100%}
/* Public homepage: the same type, spacing and interaction language. */
html body .hero{padding:56px 0 64px}
html body .hero h1{font-size:clamp(2.15rem,4.4vw,3.7rem);font-weight:750;letter-spacing:-.055em;line-height:1.08;margin:18px 0 20px}
html body .hero-lead{font-size:1.05rem;line-height:1.65}
html body .hero .dashboard-shell{box-shadow:0 12px 34px #16333616;transform:none}
html body .section,html body .quick-section{padding:64px 0}
html body .section-intro{margin-bottom:28px}
html body .section-intro h2,html body .section-copy h2,html body .route-copy h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em;line-height:1.18}
html body .journey-card{padding:22px;min-height:0;border-radius:var(--ui-radius)}
html body .journey-card p,html body .service-card p{font-size:.925rem;line-height:1.55;min-height:0}
html body .journey-card strong,html body .service-card a{font-size:.875rem}
html body .journey-card .feature-icon{margin-bottom:18px}
html body .service-card{padding:24px;border-radius:var(--ui-radius);box-shadow:none}
html body .service-card h3{font-size:1.2rem}
html body .service-icon{width:46px;max-width:46px}
html body .main-nav a,html body .text-link{font-size:.875rem}
html body :is(.chat-head,.upload-card,.job-card,.mobile-head) small{color:#536b6d}
html body .phone-front .phone-screen>small{color:#536b6d}
@media(max-width:600px){html body .ui-data-table tr:has(>th){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
html body .site-footer{font-size:.9rem}
html body .footer-grid>div:first-child p,html body .footer-note p{font-size:.9rem;color:#b9cfca}
html body .footer-grid>div:first-child small,html body .footer-bottom{font-size:.8rem;color:#b9cfca}
html body .footer-grid h3,html body .footer-note span{font-size:.875rem}
html body .footer-grid>div>a:not(.brand){font-size:1rem;color:#c5dad5;min-height:44px}
html body .site-footer a{display:inline-flex;align-items:center;min-height:36px}
html body .reveal{opacity:1;transform:none}
@media(min-width:1100px){html body .grid:not(.two):not(.ui-services){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){html body .grid,html body .grid.two{grid-template-columns:1fr}html body .ui-services{grid-template-columns:repeat(2,minmax(0,1fr))}html body .app-shell{width:calc(100% - 28px)!important;margin:20px auto!important}html body .ui-public-menu{display:block;margin-left:auto}html body .app-header:has(.ui-public-menu){position:sticky!important;top:0;height:64px;min-height:64px}html body .form-card{padding:20px}html body .tax-pair-grid,html body .form-grid{grid-template-columns:1fr!important}html body .form-grid>.full{grid-column:auto}}
@media(max-width:560px){html body .container{width:calc(100% - 32px)}html body .hero{padding:30px 0 44px}html body .hero-grid{gap:32px}html body .hero h1{font-size:2.2rem}html body .hero-lead{font-size:1rem;margin-bottom:22px}html body .hero-actions{gap:10px}html body .trust-row{margin-top:20px;font-size:.75rem}html body .dashboard-shell{min-height:340px}html body .section,html body .quick-section{padding:44px 0}html body .journey-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 14px;padding:20px}html body .journey-card .feature-icon{grid-row:1/4;width:42px;height:42px;margin:0}html body .journey-card h3{font-size:1.15rem}html body .journey-card p{font-size:.9rem}html body .journey-number{display:none}html body .process-visual{height:150px}html body .process-flow{gap:24px}html body .split-grid{gap:30px}html body .section-intro p{font-size:1rem}html body .service-card{padding:20px}html body .cta-box{padding:28px 20px;border-radius:18px}html body .content h1{font-size:1.6rem;letter-spacing:-.04em}html body .card{padding:18px}html body .form-card{padding:18px}html body .auth-shell{margin:16px auto 28px}html body .auth-shell .form-card{padding:22px 18px}html body .tax-summary,html body .eu-final dl{grid-template-columns:minmax(0,1fr);gap:3px}html body .tax-summary dd,html body .eu-final dd{text-align:left;margin-bottom:9px}html body .tax-actions,html body .workflow-actions{display:flex;flex-direction:column-reverse}html body .tax-actions>.btn,html body .workflow-actions>.btn,html body .workflow-actions>form{width:100%}html body .ui-services{gap:10px}html body .ui-services .ui-service-card{padding:14px}html body .ui-services h2{flex-direction:column;align-items:flex-start;gap:10px;font-size:1rem}html body .ui-services h2>.ui-icon{width:22px;height:22px;padding:7px}html body .ui-services p{font-size:.825rem;line-height:1.45}html body .ui-services .btn{font-size:.825rem}html body .workflow-block .amount-currency-row{max-width:100%}}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

/* Shared compact workflow hierarchy; form state and validation stay unchanged. */
html body .person-context{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;border:0;border-radius:0;background:transparent;padding:0!important;margin:0 0 10px!important;color:var(--muted);font-size:.9rem}
html body .person-context strong{display:inline;font-size:1rem;color:var(--ink)}
html body .workflow-review{margin:10px 0 14px;border-bottom:1px solid var(--line)}
html body .workflow-review>summary{cursor:pointer;min-height:44px;padding:10px 0;box-sizing:border-box;font-weight:650}
html body .workflow-review[open]{padding-bottom:12px}
html body .workflow-review nav{margin-bottom:8px}
html body .workflow-review nav a{display:inline-flex;min-height:44px;align-items:center}
html body .completion-output-list{list-style:none;padding:0;margin:0}
html body .completion-output-list li+li{border-top:1px solid var(--line)}
html body .completion-output-list a{display:flex;min-height:44px;align-items:center;padding:10px 0;overflow-wrap:anywhere}
html body .completion-ready-label{font-size:.9rem;margin:8px 0}
html body .kg-workflow .kg-section-progress{margin:4px 0 8px;font-size:.82rem}
html body .kg-workflow .kg-child-context{padding:8px 10px;margin:8px 0 12px}
html body .profile-address h2{margin-top:0}
html body .profile-address p{margin:6px 0}
html body .tax-final-review .tax-ready{padding:14px}
html body .tax-final-review .tax-ready h2{font-size:1.05rem;margin:0 0 6px}
html body .tax-final-review .tax-ready p{margin:6px 0}
@media(max-width:600px){
 html body .content h1{margin:10px 0 14px;font-size:1.5rem;line-height:1.2}
 html body .content h2{line-height:1.3}
 html body .form-card{padding:16px}
 html body .form-card>.form-card,html body .kg-workflow .form-card>.card{padding:12px}
 html body .tax-employer{padding:12px;margin:12px 0}
 html body .tax-employer h3{margin:0 0 12px}
 html body .tax-summary,html body .eu-final dl{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 html body .tax-summary dd,html body .eu-final dd{text-align:right;margin:0}
 html body .profile-section>summary{min-height:48px;padding:12px}
 html body .completion-secondary{margin:10px auto;gap:4px 14px}
 html body .kg-workflow .kg-switch{margin:0;gap:6px}
 html body .kg-workflow .kg-switch a{min-height:44px;display:inline-flex;align-items:center}
 html body .tax-final-actions{flex-direction:column-reverse}
 html body .tax-final-actions form,html body .tax-final-actions .btn{width:100%}
}

html body .employment-settings{grid-column:1/-1;min-width:0;margin:0 0 8px}
html body .employment-settings>summary{min-height:44px;padding:8px 0;cursor:pointer;font-size:.85rem}
html body .tax-employment-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .tax-employment-context .field{min-width:0}
html body .tax-employment-context input{width:100%;min-width:0}
html body .guest-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
html body .guest-service-card{display:block;height:100%;color:inherit;text-decoration:none;min-width:0}
html body .early-service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body .early-service-options .card{display:flex;flex-direction:column}
html body .early-service-options form{margin-top:auto}
html body .service-price{display:grid;grid-template-columns:1fr auto;gap:6px 12px}
html body .service-price dd{margin:0;text-align:right}
html body .service-price dt:last-of-type,html body .service-price dd:last-of-type{border-top:1px solid var(--line);padding-top:7px;font-weight:800}
@media(max-width:600px){html body .guest-service-grid,html body .grid.two.ui-service-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html body .guest-service-card{padding:13px}html body .guest-service-card h2,html body .ui-service-overview h3{font-size:1rem;overflow-wrap:anywhere}html body .guest-service-card p,html body .ui-service-overview p{font-size:.82rem}html body .early-service-options{grid-template-columns:1fr}}
html body .wallet-filename>summary{min-height:44px;padding:9px 0;cursor:pointer;font-size:.82rem}
html body .wallet-filename p{overflow-wrap:anywhere}
html body .kg-workflow .kg-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:stretch}
html body .kg-workflow .kg-actions>.btn,html body .kg-workflow .kg-actions>button{width:100%;min-width:0;white-space:normal}
html body .kg-workflow .kg-document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
html body .kg-workflow .kg-document-actions>.btn{width:100%;min-width:0;white-space:normal}
@media(max-width:560px){html body .kg-workflow .kg-actions{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}html body .kg-workflow .kg-child-actions{display:flex}html body .kg-workflow .kg-document-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body .kg-document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
html body .kg-document-actions>.btn{width:100%;min-width:0;white-space:normal;padding-inline:8px}
html body .kg-form-navigation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:stretch}
html body .kg-form-navigation>.btn,html body .kg-form-navigation>button{width:100%;min-width:0;white-space:normal}
@media(max-width:560px){html body .kg-form-navigation{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}}