/* Nohn IT: a monochrome foundation, clear hierarchy and one purposeful blue accent. */
:root{--brand-accent:#0247f6;--brand-accent-soft:#e9efff;--jn-symbol-accent:var(--brand-accent);--rw-button-radius:999px;--rw-button-height:44px;--rw-button-weight:500;--rw-button-padding:10px 18px;--rw-button-gap:12px}
:root[data-theme="dark"]{--brand-accent:#91b1ff;--brand-accent-soft:#1b2947}
body.rework-page,body.rework-page.rp-page,body.rework-page.secondary-page,body.rework-page.legacy-project-page{
 --rw-canvas:#fff;--rw-ink:#050505;--rw-muted:#626262;--rw-line:#dedede;--rw-soft:#f5f5f5;
 --rw-accent:#0247f6;--rw-focus:#0247f6;--rw-button-bg:#050505;--rw-button-ink:#fff;--rw-button-hover:#292929;
 --rw-white:#fff;--rw-surface:#f5f5f5;--rw-raised:#fff;--ps-stage:#ededed;
 --ink:var(--rw-ink);--ink-soft:var(--rw-muted);--white:var(--rw-canvas);--mint:var(--rw-soft);--green:var(--rw-accent);--green-text:var(--rw-accent);--line:var(--rw-line);
 background:var(--rw-canvas);color:var(--rw-ink)
}
:root[data-theme="dark"] body.rework-page{
 --rw-canvas:#111;--rw-ink:#f7f7f7;--rw-muted:#bdbdbd;--rw-line:#424242;--rw-soft:#1b1b1b;
 --rw-accent:#91b1ff;--rw-focus:#91b1ff;--rw-button-bg:#fff;--rw-button-ink:#050505;--rw-button-hover:#e2e2e2;
 --rw-white:#1b1b1b;--rw-surface:#1b1b1b;--rw-raised:#262626;--ps-stage:#262626;
 background:var(--rw-canvas);color:var(--rw-ink)
}
.rework-page :is([data-section-theme="night"],[data-section-theme="blueprint"],[data-section-theme="ember"],[data-section-theme="graphite"]){--brand-accent:#91b1ff}
.rework-page .sn-brand{font-size:25px;letter-spacing:-.8px;gap:10px}
.rework-page .sn-brand .nohn-symbol{display:block;flex:0 0 36px;width:36px;height:36px;color:var(--rw-ink)}
.rework-page .sn-brand-it{color:inherit;font-weight:750;letter-spacing:-.04em}
.rework-page .sn-brand small{font-size:10px;letter-spacing:.01em;font-weight:450}
.rework-page .rw-button{background:var(--rw-button-bg);border-color:var(--rw-button-bg);color:var(--rw-button-ink)!important}
.rework-page .rw-button-secondary{background:transparent;color:var(--rw-ink)!important;border-color:var(--rw-line)}
/* Compact, rounded actions; keep the full 44px touch target. */
.rework-page :is(.rw-button,.button,.planner-back,.planner-export button,.architecture-zoom,.screenshot-controls button,.screenshot-dialog button,.vc-phone-button){min-height:var(--rw-button-height);padding:var(--rw-button-padding);border-radius:var(--rw-button-radius);gap:var(--rw-button-gap);font-weight:var(--rw-button-weight);line-height:1.4;box-shadow:none}
.rework-page :is(.rw-button,.button)>span[aria-hidden]{font-size:18px;line-height:1}
.rework-page :is(.rw-copy-button,.planner-reset,.planner-inline-edit,.planner-plan-heading button){font-weight:var(--rw-button-weight)}
.rework-page .screenshot-nav:not(.rv-scenes) button{border-radius:12px;font-weight:var(--rw-button-weight)}
.rework-page .screenshot-theme-buttons{border-radius:var(--rw-button-radius)}
.rework-page .screenshot-theme-toolbar button{min-height:var(--rw-button-height);border-radius:var(--rw-button-radius);font-weight:var(--rw-button-weight)}
.rework-page .ps-hero[data-section-theme] h1>span{color:var(--rw-ink)}
.ps-hero-desktop{border-color:#333}.ps-caption-dot,.rw-status-dot{background:var(--brand-accent)}
.rw-scroll-progress span{background:var(--brand-accent)}
.rework-page :is(.rw-skip,.skip-link){background:#050505;color:#fff}
.rework-page .secondary-window-bar>span:not(.secondary-window-dots),.rework-page .secondary-plan-result-label{color:var(--rw-muted)}
.rework-page.planner-page .secondary-plan-result ul li::before{color:var(--brand-accent)}
.rework-page .planner-reset{color:var(--rw-ink)}
.rework-page :is(.rp-index-nav span,.rp-outcome>span){color:var(--rw-muted)}
.rework-page .about-principles>li>span{color:var(--rw-muted)}
.rework-page .screenshot-nav button>span:first-child{opacity:1}
.rework-page .rv-viewer .rv-scene-number{opacity:1}
.rework-page .kb-film-video{color:#f7f7f7}
/* Shared neutral surfaces include the information pages and project planner. */
.rework-page.secondary-page :is(.about-profile,.about-approach,.about-expertise,.chatgpt-process,.chatgpt-voice,.chatgpt-responsibility,.about-contact,.chatgpt-contact,.planner-next-steps,.secondary-plan-art){background:var(--rw-soft);border-color:var(--rw-line)}
.rework-page.secondary-page :is(.about-expertise-grid article,.chatgpt-process-grid>li,.chatgpt-hero-example,.chatgpt-plan-example,.planner-form,.secondary-plan-result){background:var(--rw-white);border-color:var(--rw-line)}
.rework-page.secondary-page :is(.secondary-window-bar,.chatgpt-hero-example blockquote,.chatgpt-bridge li>span){background:var(--rw-soft);border-color:var(--rw-line)}
.rework-page.rp-page :is(.rp-stage-molderings,.rp-stage-keinbock){background:var(--rw-soft)}
:root:not([data-theme="dark"]) .rework-page.rp-page .rp-cta:not([data-section-theme]){background:var(--rw-ink);color:#fff}
.rework-page .ps-browser-bar{background:#f5f5f5;color:#626262}
.rework-page .sn-footer .nohn-symbol{width:36px;height:36px;flex-basis:36px}
/* The navigation stays recognisable while the visitor moves between chapters. */
.rework-page .sn-header{
 --brand-accent:#91b1ff;--rw-canvas:#050505;--rw-ink:#fff;--rw-muted:#bdbdbd;--rw-line:#303030;
 --rw-soft:#1b1b1b;--rw-control-hover:#2b2b2b;--rw-focus:#91b1ff;--sn-panel:#050505;--rw-header-bg:#050505;
 background:#050505;color:#fff;border-color:#303030
}
.rework-page .sn-header .sn-contact{background:#fff;color:#050505!important;min-height:var(--rw-button-height);padding:10px 18px!important;border-radius:var(--rw-button-radius);font-size:14px;font-weight:var(--rw-button-weight);line-height:1.4;gap:var(--rw-button-gap)}
.rework-page .sn-header .sn-contact span{font-size:18px;line-height:1}
.rework-page .sn-header .sn-menu{min-height:var(--rw-button-height);border-radius:var(--rw-button-radius);font-weight:var(--rw-button-weight)}
.rework-page .sn-header .rw-theme-toggle{width:44px;height:44px;border-radius:50%}
.rework-page .sn-header .sn-brand small{color:#bdbdbd}
.rework-page .sn-header :is(.sn-mega-intro h2,.sn-mega-aside h3){color:#fff}
.rework-page .sn-header .sn-mega-intro h2{font-size:36px;line-height:1.1;letter-spacing:-.035em}
.rework-page .sn-header .sn-label{color:#bdbdbd}
.rework-page .sn-header .rw-theme-toggle{color:#fff}
@media(hover:hover) and (pointer:fine){
 .rework-page .rw-button:not(.rw-button-secondary):hover{background:var(--rw-button-hover);border-color:var(--rw-button-hover)}
 .rework-page .sn-header .sn-contact:hover{background:#e2e2e2;color:#050505!important}
}
@media(max-width:1200px){.rework-page .sn-brand{font-size:23px}}
@media(max-width:1060px){.rework-page .sn-header .sn-brand{margin-block:14px}}
@media(max-width:700px){.rework-page .sn-brand{font-size:22px;gap:9px}.rework-page .sn-brand .nohn-symbol{width:32px;height:32px;flex-basis:32px}.rework-page .sn-brand small{font-size:10px}}
@media(max-width:360px){.rework-page .sn-brand{font-size:20px;gap:8px}.rework-page .sn-brand .nohn-symbol{width:28px;height:28px;flex-basis:28px}.rework-page .sn-brand small{font-size:9px}}