/* Startsite adapter for Dorpshuys work style 2.0. */
html{font-size:16px}body.dh-app{margin:0}
.dh-app .dh-brand-block{color:var(--dh-text);text-decoration:none}.dh-app .dh-brand-block strong{color:var(--dh-brand);font-size:1.125rem}.dh-app .dh-brand-block>span:last-child{font-size:.875rem;color:var(--dh-muted)}
.dh-app .header-title{font-weight:700;text-decoration:none}.dh-app .header-user{font-size:.875rem;max-inline-size:36ch;overflow-wrap:anywhere}.dh-app .dh-page>h1,.dh-app .dh-page>p{overflow-wrap:anywhere}
.dh-app .dh-section{margin-block-end:28px}.dh-app .welcome{margin-block-end:24px}.dh-app .welcome p{margin-block-end:0;max-inline-size:64ch}
.dh-app .dh-app-card,.dh-app a.dh-app-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:start}.dh-app .dh-app-card h3,.dh-app .dh-app-card p{margin:0}.dh-app .dh-app-card p{font-size:.875rem;max-inline-size:32ch}.dh-app .tile-action{display:flex;align-items:center;gap:8px;font-size:.875rem;margin-block-start:auto;color:var(--dh-brand)}
.dh-app .quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dh-app .quick-link,.dh-app a.quick-link{display:flex;align-items:flex-start;gap:12px}.dh-app .quick-link>span:last-child{min-inline-size:0}.dh-app .quick-link strong{font-size:1rem}.dh-app .quick-description{display:block;font-size:.875rem;color:var(--dh-muted);margin-block-start:4px}.dh-app .quick-link .dh-field-help{display:block;margin-block-start:8px}.dh-app .quick-icon{display:grid;place-items:center;inline-size:44px;block-size:44px;flex:none;border-radius:10px;color:var(--dh-brand);background:var(--dh-selected)}.dh-app .external-note{margin-block-start:16px}
.dh-app .login-card{max-inline-size:520px;margin:24px auto}.dh-app .login-card .dh-app-icon{margin-block-end:24px}.dh-app .login-card h1{font-size:1.75rem}.dh-app .login-card p{margin-block-end:20px}.dh-app .login-card .dh-field-help{margin-block-end:0}.dh-app .dh-button-block{inline-size:100%}
.dh-app .dh-field>label{font-weight:400}.dh-app .dh-choice{display:flex;align-items:center;gap:12px;min-block-size:44px;padding-block:8px}.dh-app .dh-choice input{inline-size:20px;block-size:20px;flex:none;accent-color:var(--dh-brand)}
.dh-app .dh-sidebar .nav-form{margin:0}.dh-app .dh-sidebar .nav-form button{inline-size:100%;cursor:pointer}.dh-app .dh-form{max-inline-size:44rem}
.dh-app .account-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-inline-size:52rem;margin-block-end:24px}.dh-app .account-card{max-inline-size:52rem;margin-block-end:24px}.dh-app .account-list{border:1px solid var(--dh-border);border-radius:10px;background:var(--dh-surface)}.dh-app .account-list .dh-card{border:0;border-radius:0;box-shadow:none;background:transparent}.dh-app .account-list .dh-card+.dh-card{border-block-start:1px solid var(--dh-border)}.dh-app .account-list p,.dh-app .account-list li{overflow-wrap:anywhere}.dh-app .account-list ul{padding-inline-start:20px;font-size:.875rem}.dh-app .account-list .dh-button{margin-block-start:12px}.dh-app .dh-details summary{min-block-size:44px;padding-block:10px;cursor:pointer}.dh-app .page-actions{margin-block-end:20px}.dh-app .dh-message[role="alert"]{scroll-margin-block:96px}
@media(max-width:1199px){.dh-app .quick-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.dh-app .dh-header{position:static}.dh-app.authenticated .dh-page{padding-block-end:calc(124px + env(safe-area-inset-bottom))}.dh-app.public-page .dh-page{padding-block-end:24px}.dh-app .header-user{max-inline-size:100%}.dh-app .login-card{margin-block:0}.dh-app .dh-mobile-nav{align-items:stretch}.dh-app .dh-mobile-nav>a,.dh-app .dh-mobile-nav .nav-form{flex:1 1 0;min-inline-size:0;max-inline-size:none}.dh-app .dh-mobile-nav>a,.dh-app .dh-mobile-nav .nav-form button{font-size:.8125rem;overflow-wrap:anywhere;line-height:1.4}.dh-app .dh-mobile-nav .nav-form{margin:0;display:flex}.dh-app .dh-mobile-nav .nav-form button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;inline-size:100%;padding:8px 4px;border:0;border-radius:6px;color:var(--dh-muted);background:transparent;min-block-size:48px;cursor:pointer}.dh-app .dh-mobile-nav .nav-form button:hover{background:var(--dh-selected)}}
@media(max-width:359px){.dh-app .dh-page{padding-inline:12px}.dh-app .login-card{padding:16px}.dh-app .dh-button{max-inline-size:100%;overflow-wrap:anywhere}}
@media print{.dh-app .nav-form,.dh-app .page-actions,.dh-app form{display:none}.dh-app .login-card{max-inline-size:none;margin:0}}

.dh-app .grant-row{padding-block:16px;border-block-end:1px solid var(--dh-border);margin-block-end:16px}.dh-app select.dh-input{max-inline-size:100%}.dh-app .dh-app-card form{margin:0}.dh-app .account-card .dh-field{margin-block-end:20px}.dh-app .account-card label:not(.dh-choice){display:block;margin-block-end:6px}.dh-app .dh-app-card .dh-button{white-space:normal;overflow-wrap:anywhere}

/* Keep keyboard focus visible on the blue header and above fixed mobile navigation. */
html{scroll-padding-block:80px 144px}
.dh-app .dh-header a:focus-visible{outline-color:#fff}
.dh-app :where(input,select,textarea,button,a,summary){scroll-margin-block:80px 144px}

/* Uniform public authentication: blue introduction left, white form right. */
.dh-app.public-page{background:#fff}
.dh-app.public-page .dh-shell{grid-template-columns:minmax(300px,44%) minmax(0,1fr);min-height:100svh}
.dh-app.public-page .dh-sidebar{position:static;height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,80px);background:var(--dh-brand);color:#fff;border:0}
.dh-app.public-page .dh-brand-block,.dh-app.public-page .dh-brand-block strong,.dh-app.public-page .dh-brand-block>span:last-child,.dh-app.public-page .auth-intro h2{color:#fff}
.dh-app.public-page .dh-brand-block{margin-block-end:48px}
.dh-app.public-page .auth-intro{max-inline-size:34rem}
.dh-app.public-page .auth-intro h2{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.25}
.dh-app.public-page .auth-intro p{margin-block-end:20px}
.dh-app.public-page .dh-sidebar a:focus-visible{outline-color:#fff}
.dh-app.public-page .dh-main-area{min-inline-size:0;display:flex;align-items:center;justify-content:center;min-height:100svh;background:#fff}
.dh-app.public-page .dh-header{display:none}
.dh-app.public-page .dh-page{inline-size:100%;max-inline-size:680px;padding:clamp(24px,4vw,64px)}
.dh-app.public-page .login-card{margin:0;max-inline-size:none;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
.dh-app.public-page .login-card>.dh-app-icon{display:none}
@media(max-width:767px){
 .dh-app.public-page .dh-shell{display:flex;flex-direction:column}
 .dh-app.public-page .dh-sidebar{display:block;position:static;min-height:0;inline-size:100%;height:auto;padding:24px}
 .dh-app.public-page .dh-brand-block{margin-block-end:16px;gap:4px}
 .dh-app.public-page .dh-brand-block .dh-app-icon{display:none}
 .dh-app.public-page .auth-intro h2{font-size:1.375rem;margin-block-end:8px}
 .dh-app.public-page .auth-intro p{font-size:.875rem;margin:0}
 .dh-app.public-page .auth-intro .dh-small{display:none}
 .dh-app.public-page .dh-main-area{min-height:0;inline-size:100%;display:block}
 .dh-app.public-page .dh-page{padding:28px 24px 40px}
}
@media(max-width:359px){.dh-app.public-page .dh-sidebar,.dh-app.public-page .dh-page{padding-inline:16px}}