/* Company-page service directory: actions first, reference material below. */
html:root body#top.entity-page main#main-content #company-online .online-head {
  display:flex; align-items:baseline; justify-content:space-between; gap:20px 48px; margin-bottom:28px;
}
html:root body#top.entity-page main#main-content #company-online .online-head h2 { margin:0!important; }
html:root body#top.entity-page main#main-content #company-online .online-head p { margin:0!important; max-width:45ch; font-size:15px!important; }
html:root body#top.entity-page main#main-content .online-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:24px; }
html:root body#top.entity-page main#main-content .online-cabinet {
  position:relative; display:flex; flex-direction:column; align-items:start; min-width:0; padding:32px;
  border:1px solid var(--ui-line); border-radius:8px; background:var(--ui-soft); overflow:hidden;
}
html:root body#top.entity-page main#main-content .online-cabinet > span { color:var(--ui-muted); font:400 13px/1.5 var(--ui-font); }
html:root body#top.entity-page.guide-page.business-page main#main-content #company-online .online-cabinet h3 {
  position:relative; z-index:1; margin:14px 0 16px!important; max-width:10ch;
  font:400 clamp(24px,2.4vw,34px)/1.18 var(--ui-font-display)!important; letter-spacing:0!important;
}
html:root body#top.entity-page main#main-content .online-cabinet p { position:relative; z-index:1; margin:0 0 24px!important; max-width:31ch; font-size:15px!important; }
html:root body#top.entity-page main#main-content .online-cabinet .guide-text-link { position:relative; z-index:1; margin-top:auto; }
html:root body#top.entity-page main#main-content .online-cabinet-art { position:absolute; right:28px; bottom:24px; width:134px; height:108px; margin:0; color:var(--ui-muted); pointer-events:none; }
html:root body#top.entity-page main#main-content .online-cabinet-art .paper { fill:var(--ui-paper); stroke:var(--ui-hover-line); stroke-width:1; }
html:root body#top.entity-page main#main-content .online-cabinet-art .accent { stroke:var(--c-accent,#e52629); }
html:root body#top.entity-page main#main-content .online-shortcuts { display:grid; gap:0; border-top:1px solid var(--ui-line); }
html:root body#top.entity-page main#main-content .online-shortcut {
  display:grid; grid-template-columns:40px minmax(0,1fr) 24px; align-items:center; gap:20px; min-width:0;
  padding:22px 16px 22px 8px; border-bottom:1px solid var(--ui-line); border-radius:0; color:var(--ui-ink)!important;
  background:transparent; text-decoration:none!important; transition:background-color .2s ease-out;
}
html:root body#top.entity-page main#main-content .online-shortcut::after,
html:root body#top.entity-page main#main-content .online-resource::after { content:none!important; }
html:root body#top.entity-page main#main-content .online-shortcut > svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
html:root body#top.entity-page main#main-content .online-shortcut h3 { margin:0 0 6px!important; font:600 20px/1.35 var(--ui-font)!important; }
html:root body#top.entity-page main#main-content .online-shortcut p { margin:0!important; max-width:44ch; font-size:14px!important; }
html:root body#top.entity-page main#main-content .online-arrow { display:block; align-self:center; justify-self:end; font:400 21px/1 var(--ui-font); color:var(--ui-muted); transition:transform .2s ease-out,color .2s ease-out; }
html:root body#top.entity-page main#main-content .online-resources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; margin-top:24px; }
html:root body#top.entity-page main#main-content .online-resource {
  display:grid; grid-template-columns:minmax(0,1fr) 20px; align-content:start; gap:8px 16px; padding:20px 8px;
  border-bottom:1px solid var(--ui-line); color:var(--ui-ink)!important; text-decoration:none!important;
  transition:background-color .2s ease-out;
}
html:root body#top.entity-page main#main-content .online-resource strong { font:600 16px/1.45 var(--ui-font); }
html:root body#top.entity-page main#main-content .online-resource > span:not(.online-arrow) { grid-column:1/-1; max-width:40ch; color:var(--ui-muted); font:400 14px/1.6 var(--ui-font); }
html:root body#top.entity-page main#main-content #company-online :is(a,button):focus-visible { outline:2px solid var(--ui-ink)!important; outline-offset:4px; }
@media (hover:hover) {
  html:root body#top.entity-page main#main-content :is(.online-shortcut,.online-resource):hover { background:var(--ui-soft); }
  html:root body#top.entity-page main#main-content :is(.online-shortcut,.online-resource):hover .online-arrow { color:var(--c-accent,#e52629); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  html:root body#top.entity-page main#main-content :is(.online-shortcut,.online-resource):hover .online-arrow { transform:translate(2px,-2px); }
}
@media (max-width:900px) {
  html:root body#top.entity-page main#main-content .online-actions { grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:20px; }
  html:root body#top.entity-page main#main-content .online-cabinet { padding:24px; }
  html:root body#top.entity-page main#main-content .online-cabinet-art { display:none; }
  html:root body#top.entity-page main#main-content .online-shortcut { grid-template-columns:28px minmax(0,1fr) 20px; gap:14px; padding-block:20px; }
  html:root body#top.entity-page main#main-content .online-shortcut > svg { width:26px; height:26px; }
  html:root body#top.entity-page main#main-content .online-resources { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
}
@media (max-width:600px) {
  html:root body#top.entity-page main#main-content #company-online .online-head { display:block; margin-bottom:24px; }
  html:root body#top.entity-page main#main-content #company-online .online-head p { margin-top:12px!important; }
  html:root body#top.entity-page main#main-content .online-actions { display:flex; flex-direction:column; gap:24px; }
  html:root body#top.entity-page main#main-content .online-cabinet { padding:24px; }
  html:root body#top.entity-page.guide-page.business-page main#main-content #company-online .online-cabinet h3 { max-width:none; font-size:26px!important; }
  html:root body#top.entity-page main#main-content .online-cabinet p { max-width:27ch; padding-right:24px; }
  html:root body#top.entity-page main#main-content .online-cabinet-art { display:none; }
  html:root body#top.entity-page main#main-content .online-cabinet .guide-text-link { margin-top:0; }
  html:root body#top.entity-page main#main-content .online-resources { grid-template-columns:minmax(0,1fr); gap:0; margin-top:20px; }
  html:root body#top.entity-page main#main-content .online-shortcut { padding-inline:4px; }
  html:root body#top.entity-page main#main-content .online-shortcut h3 { font-size:18px!important; }
}
@media (prefers-reduced-motion:reduce) {
  html:root body#top.entity-page main#main-content :is(.online-shortcut,.online-resource,.online-arrow) { transition:none!important; }
}