/* Mobile and tablet navigation and task order, up to a 1024px viewport. */
.docwk-me-hub{display:none}
@media screen and (max-width:1024px), screen and (max-width:1366px) and (hover:none) and (pointer:coarse){
body.docwk-front{--mobile-accent:#1768b2}
body.docwk-front .docwk-mobile-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:2100;background:#fffffff5;border-top:1px solid #e4e8ee;padding:8px 12px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(18px);box-sizing:border-box}
body.docwk-front .docwk-mobile-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:46px;color:#6c788a;font-size:12px;text-decoration:none}
body.docwk-front .docwk-mobile-tabs svg{width:22px;height:22px}
body.docwk-front .docwk-mobile-tabs a[aria-current]{color:var(--color-orange-500,var(--el-color-primary,#f45118));font-weight:700}
body.docwk-front .gov-content,body.docwk-front.docwk-mobile-editor .gov-content{padding-bottom:calc(var(--docwk-bottom-height,74px) + 16px)!important;box-sizing:border-box;scroll-padding-bottom:calc(var(--docwk-bottom-height,74px) + 16px)}
body.docwk-front .gov-topbar .desktop-btn,body.docwk-front .gov-topbar .desktop-pop{display:none!important}
body.docwk-front .float-bar,body.docwk-front .floating-bar-wrap,body.docwk-front .kefu-float{bottom:calc(var(--docwk-bottom-height,74px) + 12px)!important}
body.docwk-front .uc-shell{padding-bottom:calc(var(--docwk-bottom-height,74px) + 24px);max-width:100%;box-sizing:border-box}
body.docwk-front .my-space{padding:18px 16px calc(var(--docwk-bottom-height,74px) + 24px);min-width:0;max-width:100%;box-sizing:border-box}
body.docwk-front.docwk-me-home .my-space{display:none}
body.docwk-front.docwk-me-home .docwk-me-hub{display:block;padding:24px 16px;max-width:820px;margin:auto;box-sizing:border-box}
.docwk-me-hub h1{margin:0;font-size:28px;color:#172e49;letter-spacing:-.6px}.docwk-me-hub>p{font-size:13px;color:#8490a1;margin:8px 0 18px}
.docwk-me-account{border:0;border-radius:12px;padding:14px 20px;min-height:46px;background:#1768b2;color:#fff;font-size:14px;font-weight:600;margin-bottom:12px}
.docwk-me-group{background:#fff;border-radius:14px;padding:8px 16px;margin:14px 0;border:1px solid #e7ebf0}.docwk-me-group h2{margin:10px 0 4px;font-size:12px;color:#8490a1;font-weight:500}
.docwk-me-link{width:100%;display:flex;gap:12px;align-items:center;min-height:49px;border:0;border-bottom:1px solid #f1f3f6;background:transparent;text-decoration:none;color:#273d57;font-size:14px;text-align:left;padding:10px 0;box-sizing:border-box}.docwk-me-link:last-child{border-bottom:0}.docwk-me-link::after{content:'›';margin-left:auto;color:#a4adba;font-size:22px}.docwk-me-link svg{width:19px;height:19px;color:#74849a;flex-shrink:0}
.docwk-me-logout{width:100%;min-height:46px;margin:10px 0 24px;border:1px solid #eadfe0;border-radius:12px;background:#fff;color:#b74a4a;font-size:14px}.docwk-me-logout:disabled{color:#a4adba;border-color:#e5e9ee}.docwk-me-hub button:focus-visible,.docwk-me-hub a:focus-visible{outline:2px solid #1768b2;outline-offset:2px}
/* Smart writing: the AI form is open above the document editor. */
body.docwk-front .docwk-panel-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:12px 16px;border:1px solid #e1e7ee;border-radius:12px;background:#fff;color:#25415e;text-align:left;font-weight:600}
body.docwk-front .docwk-panel-toggle::after{content:'＋';font-size:20px}body.docwk-front .docwk-panel-toggle[aria-expanded=true]::after{content:'−'}
body.docwk-front .qw-workspace{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important}
body.docwk-front .qw-workspace>.docwk-panel-toggle[data-panel-kind=ai]{order:0!important}
body.docwk-front .qw-workspace>.qw-right{order:1!important;min-height:0!important;height:auto!important;width:100%!important;max-width:100%;flex:none!important}
body.docwk-front .qw-workspace>.qw-right:not(.docwk-panel-open){display:none!important}
body.docwk-front .qw-workspace>.qw-right.docwk-panel-open{display:flex!important}
body.docwk-front .qw-right .qw-panes,body.docwk-front .qw-right .pane-form{height:auto!important;min-height:0!important;max-height:none;overflow:visible}
body.docwk-front .qw-workspace>.qw-editor{order:2!important;min-width:0;width:100%!important;flex:none;min-height:60dvh!important}
/* Writing assistant: two closed disclosures, writing actions, then the editor. */
body.docwk-front .wa-workspace{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important;gap:10px;padding:12px}
body.docwk-front .wa-workspace>.docwk-panel-toggle[data-panel-kind=material]{order:0!important}
body.docwk-front .wa-workspace>.wa-material{order:1!important}
body.docwk-front .wa-workspace>.docwk-panel-toggle[data-panel-kind=settings]{order:2!important}
body.docwk-front .wa-workspace>.wa-setting{order:3!important}
body.docwk-front .wa-workspace>.wa-material:not(.docwk-panel-open),body.docwk-front .wa-workspace>.wa-setting:not(.docwk-panel-open){display:none!important}
body.docwk-front .wa-workspace>.wa-functions{order:4!important;position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%;height:auto;flex:none;gap:6px;padding:8px!important;overflow-x:auto;box-sizing:border-box}
body.docwk-front .wa-functions button{flex-shrink:0;min-height:40px;min-width:52px}
body.docwk-front .wa-workspace>.wa-editor-wrap{order:5!important;width:100%!important;min-width:0;flex:none;min-height:60dvh!important}
/* Library: full-width search first, compact text rows instead of covers. */
body.docwk-front .wenku-page .wenku-sidebar{display:none}
body.docwk-front .wenku-page .wenku-main{width:100%;min-width:0}
body.docwk-front .wenku-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px;padding:14px 16px!important;height:auto!important;box-sizing:border-box}
body.docwk-front .wenku-toolbar>.search-box{grid-column:1/-1;grid-row:1;width:100%!important;min-width:0;max-width:100%!important;height:44px;box-sizing:border-box}
body.docwk-front .wenku-toolbar>.search-box input{min-width:0;width:100%;flex:1}
body.docwk-front .wenku-toolbar>.breadcrumb{display:none}body.docwk-front .wenku-toolbar>.sort-box{width:140px!important;min-width:0}
body.docwk-front .docwk-library-filter{display:inline-flex;align-items:center;width:max-content;min-height:40px;border:1px solid #dfe7ef;border-radius:10px;padding:8px 12px;background:#fff;color:#1768b2;font-weight:600}
body.docwk-front.docwk-filter-open .wenku-page .wenku-sidebar{display:flex!important;position:absolute;inset:116px 16px auto;width:auto!important;max-width:calc(100% - 32px);max-height:60dvh;height:auto!important;z-index:90;overflow:auto;background:#fff;border:1px solid #e1e7ee;border-radius:14px;box-shadow:0 12px 36px #18314818}
body.docwk-front .wenku-page .doc-grid{display:flex!important;flex-direction:column;gap:0!important}
body.docwk-front .wenku-page .doc-card{display:block!important;width:100%;min-height:0;padding:14px 0!important;border:0;border-bottom:1px solid #e8edf2;border-radius:0;box-shadow:none;box-sizing:border-box}
body.docwk-front .wenku-page .doc-card .doc-cover{display:none!important}
body.docwk-front .wenku-page .doc-card .card-main{display:block!important;min-height:0;margin:4px 0}
body.docwk-front .wenku-page .doc-card .card-category{margin-bottom:6px}
body.docwk-front .wenku-page .doc-card .doc-title{font-size:16px;line-height:1.5;margin:0}
body.docwk-front .wenku-page .doc-card .doc-desc{font-size:12px;line-height:1.6;margin:5px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.docwk-front .wenku-page .doc-card .doc-desc:empty{display:none}
body.docwk-front .wenku-page .doc-card .doc-footer{display:flex;flex-wrap:wrap;gap:6px 10px;padding-top:6px;margin-top:0;font-size:11px}
/* Learning categories are a single line; overflow stays within their own strip. */
body.docwk-front .tutorial-view .category-wrap{padding-inline:12px;max-width:100%;box-sizing:border-box}
body.docwk-front .tutorial-view .category-scroll{display:flex!important;flex-wrap:nowrap!important;gap:4px;overflow-x:auto;white-space:nowrap}
body.docwk-front .tutorial-view .category-item{flex:0 0 auto!important;min-width:0!important;white-space:nowrap!important;font-size:13px!important;line-height:1.5;padding:10px 12px!important}
/* Constrain the actual overflowing grids and inputs, rather than clipping the page. */
body.docwk-front .material-page{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;height:auto!important;overflow:visible;box-sizing:border-box}
body.docwk-front .material-page .sub-sidebar{width:100%!important;min-width:0;max-width:100%;flex:none;max-height:200px;overflow:auto;box-sizing:border-box;padding:12px 16px}
body.docwk-front .material-page .sub-sidebar .sub-item{display:inline-flex;margin:4px;min-height:38px}
body.docwk-front .material-content{width:100%;min-width:0;max-width:100%;padding:16px!important;box-sizing:border-box;overflow:visible}
body.docwk-front .material-content .grid,body.docwk-front .material-content .mat-grid{min-width:0;width:100%!important;max-width:100%;grid-template-columns:minmax(0,1fr)!important;box-sizing:border-box}
body.docwk-front .material-content .card{min-width:0!important;width:100%!important;max-width:100%;box-sizing:border-box}
body.docwk-front .material-content .mat-top,body.docwk-front .material-content .sort-bar,body.docwk-front .material-content .type-tabs{min-width:0;max-width:100%;flex-wrap:wrap}
body.docwk-front .material-content input{min-width:0;max-width:100%}
body.docwk-front .kb-page{width:100%;min-width:0;max-width:100%;height:auto!important;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box}
body.docwk-front .kb-page .kb-side{width:100%!important;max-width:100%;min-width:0;flex:none!important;height:auto;max-height:260px;overflow:auto;box-sizing:border-box}
body.docwk-front .kb-page .kb-main{width:100%!important;min-width:0;max-width:100%;box-sizing:border-box}
body.docwk-front .kb-page .list-head,body.docwk-front .kb-page .list-search{width:100%;min-width:0;max-width:100%;flex-wrap:wrap;box-sizing:border-box;padding:14px 16px}
body.docwk-front .kb-page .search-box{width:100%!important;max-width:100%;min-width:0!important;box-sizing:border-box}
body.docwk-front .kb-page .search-box input{width:100%;min-width:0;flex:1}
body.docwk-front .kb-page .list-body{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
}
@media screen and (min-width:601px) and (max-width:1024px), screen and (min-width:601px) and (max-width:1366px) and (hover:none) and (pointer:coarse){body.docwk-front .material-content .mat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.docwk-me-hub{padding-inline:28px!important}.docwk-me-group{padding-inline:22px}}
@media print{.docwk-mobile-tabs,.docwk-me-hub{display:none!important}}
.docwk-me-hub[hidden]{display:none!important}
@media screen and (max-width:1024px), screen and (max-width:1366px) and (hover:none) and (pointer:coarse){body.docwk-front:has(>main#main){padding-bottom:calc(var(--docwk-bottom-height,74px) + 16px)!important}}
@media screen and (max-width:1024px), screen and (max-width:1366px) and (hover:none) and (pointer:coarse){body.docwk-front.wenku-reading .wenku-page .detail-scroll{padding-bottom:calc(var(--docwk-bottom-height,74px) + 84px)!important;box-sizing:border-box}}
@media screen and (max-width:1024px), screen and (max-width:1366px) and (hover:none) and (pointer:coarse){body.docwk-front .wa-workspace .wa-functions .function-grid{display:flex!important;flex-wrap:nowrap!important;gap:6px;width:max-content!important;min-width:100%}body.docwk-front .wa-functions .function-card{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;width:auto!important;min-width:76px;height:40px;min-height:40px;padding:8px 12px;box-sizing:border-box}body.docwk-front .wa-functions .f-ico{width:20px;height:20px;flex:none}body.docwk-front .wa-functions .f-ico img{width:18px;height:18px}}
@media screen and (max-width:1024px), screen and (max-width:1366px) and (hover:none) and (pointer:coarse){.docwk-me-link::after{content:'';width:16px;height:16px;flex:none;background:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 3 5 5-5 5' fill='none' stroke='%239aa6b6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}