.product-note { max-width:48rem; margin:1.15rem 0 0; padding:.8rem 1rem; border-left:3px solid #b22132; border-radius:0 .6rem .6rem 0; background:linear-gradient(100deg,#fff2f3,#fffaf4 75%); color:#5b4143; font-size:.92rem; line-height:1.55; }
.hr-service-list .hr-service-card { position:relative; overflow:hidden; padding:clamp(1.1rem,2.4vw,1.6rem); border:1px solid #e2dce7; border-radius:1rem; background:linear-gradient(135deg,#fff 55%,#faf7ff); box-shadow:0 12px 32px #34253f12; }
.hr-service-list .hr-service-card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--hr-accent,#b22132); }
.hr-service-list .hr-service-card:nth-child(2) { --hr-accent:#557b6a; background:linear-gradient(135deg,#fff 55%,#f3f8f3); }
.hr-service-list .hr-service-card:nth-child(3) { --hr-accent:#7a69a6; background:linear-gradient(135deg,#fff 55%,#f6f3fb); }
.hr-service-list .hr-service-card .service-badge { color:var(--hr-accent,#b22132); }
.hr-service-list .hr-service-card .service-price { display:flex; flex-direction:column-reverse; align-items:stretch; gap:.55rem; }
.hr-service-list .hr-service-card .service-price strong { color:#263d33; font-size:clamp(1.35rem,2vw,1.75rem); font-weight:800; }
.hr-service-list .hr-service-card .service-price a { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:.65rem 1rem; border:0; border-radius:.55rem; background:var(--hr-accent,#b22132); color:#fff; font-weight:750; text-align:center; text-decoration:none; box-shadow:0 5px 14px #2d24301c; }
.hr-service-list .hr-service-card .service-price a:hover { filter:brightness(.9); }
.hr-service-list .hr-service-card h3 { font-size:clamp(1.2rem,2vw,1.55rem); }
@media(max-width:750px) { .hr-service-list .hr-service-card { gap:.8rem; } .hr-service-list .hr-service-card .service-price { grid-column:1/-1; width:100%; align-items:stretch; } .hr-service-list .hr-service-card .service-price a { width:100%; } .product-note { font-size:.86rem; } }

dialog.start-wizard,dialog.cv-workspace { border:0; color:#172a27; background:#fafbf8; box-shadow:0 20px 80px #0004; }
dialog::backdrop { background:#142a24b3; backdrop-filter:blur(4px); }
.start-wizard { margin:auto; width:min(640px,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); padding:clamp(1.1rem,4vw,2.4rem); border-radius:1rem; overflow:auto; }
.start-wizard h2 { max-width:18ch; font-size:clamp(1.65rem,5vw,2.25rem); line-height:1.1; letter-spacing:-.035em; margin:1rem 0 .75rem; }
.start-wizard>p:not(.wizard-privacy) { max-width:58ch; color:#52675d; line-height:1.55; }
.wizard-top { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-bottom:.75rem; border-bottom:1px solid #e3e9e3; }
.wizard-top .eyebrow { color:#b22132; }
.start-wizard button,.workspace-top button { cursor:pointer; min-height:44px; padding:.65rem 1rem; border:1px solid #b9c8bf; border-radius:.4rem; background:#fff; }
.start-wizard [data-wizard-content]>button,.start-wizard [data-wizard-content]>a { display:inline-flex; margin:.75rem .5rem .5rem 0; }
.wizard-steps { display:flex; gap:.75rem; margin:1rem 0; color:#52675d; font-size:.8rem; list-style:none; padding:0; }
.wizard-dropzone { display:grid; gap:.75rem; border:2px dashed #b8c8bf; border-radius:.75rem; padding:1.25rem; margin:1rem 0; background:#fff; font-weight:650; }
.wizard-dropzone input { width:100%; min-width:0; font:inherit; font-size:.85rem; }
.wizard-dropzone small { font-weight:400; color:#52675d; }
.wizard-secondary-upload { display:grid; gap:.45rem; margin:.85rem 0; padding:.75rem 1rem; border:1px solid #e1e8e1; border-radius:.6rem; background:#fff; font-size:.88rem; font-weight:600; }
.wizard-secondary-upload input { width:100%; min-width:0; font-size:.84rem; font-weight:400; }
.wizard-secondary-upload small { font-weight:400; color:#52675d; }
.wizard-check { display:flex; align-items:flex-start; gap:.75rem; font-size:.9rem; margin:1rem 0; }
.wizard-check input { margin-top:.3rem; flex:none; width:20px; height:20px; }
.start-wizard select,.wizard-login input { display:block; width:100%; border:1px solid #899d91; padding:.75rem; margin:.5rem 0; font:inherit; border-radius:.4rem; }
.wizard-login label { display:block; margin:.75rem 0; }
.wizard-privacy { font-size:.8rem; color:#52675d; margin-top:1.5rem; }
.start-wizard [role="alert"] { color:#a31520; margin:.75rem 0; }
.start-wizard [data-wizard-content]>div>div { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.5rem 0; overflow-wrap:anywhere; }
.start-wizard [data-wizard-content]>div>div { border-bottom:1px solid #e7ece7; }
.start-wizard [data-wizard-content]>div>div span { min-width:0; overflow-wrap:anywhere; font-size:.88rem; }
.start-wizard [data-wizard-content]>.wizard-check { padding:.85rem; border:1px solid #e1e8e1; border-radius:.6rem; background:#fff; }
.start-wizard [data-wizard-content]>.button-red { min-height:48px; border:1px solid #b22132; border-radius:.45rem; background:#b22132; color:#fff; font-weight:700; }
.start-wizard [data-wizard-content]>.button-red:disabled { opacity:.5; }
.start-wizard [data-wizard-content]>.button-ghost { min-height:48px; border-radius:.45rem; color:#304c40; }
.cv-workspace { width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:0; overflow:hidden; }
.cv-workspace[open] { display:flex; flex-direction:column; }
.workspace-top { display:flex; gap:1rem; align-items:center; min-height:58px; padding:.45rem clamp(.75rem,2vw,1.5rem); flex:none; background:#fff; border-bottom:1px solid #dde5dd; }
.workspace-top .brand { font-size:1.2rem; }.workspace-top>span { margin:0 auto; font-size:.88rem; font-weight:650; color:#31463a; }
.workspace-top button { min-width:88px; font-size:.82rem; font-weight:600; }
.workspace-content { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; background:#edf2ee; }
.workspace-content>resume-cv-editor { max-width:1200px; margin:auto; }
.workspace-content>.account-editor-controls,.workspace-review,.workspace-login { max-width:800px; margin:.5rem auto; padding:.65rem 1rem; background:#fff; border:1px solid #e1e8e2; border-radius:.6rem; }
.account-editor-controls>summary,.workspace-documents>summary { cursor:pointer; padding:.5rem; min-height:44px; }
.workspace-login { width:calc(100% - 2rem); font-size:.85rem; }.workspace-login summary { cursor:pointer; min-height:44px; padding:.5rem; font-weight:650; color:#304c40; }.workspace-login a,.workspace-login button { display:inline-flex; align-items:center; min-height:44px; padding:.5rem .75rem; margin:.25rem; border:1px solid #d5e0d7; border-radius:.4rem; background:#fff; color:#304c40; text-decoration:none; }.workspace-login button { cursor:pointer; }
.workspace-review { font-size:.85rem; }.workspace-review label { display:flex; gap:.5rem; margin:.5rem 0; }
.workspace-review button { min-height:44px; padding:.5rem 1rem; cursor:pointer; }
.workspace-content .editor-appbar { top:0; }
.workspace-content .editor-more[open] { top:3.5rem; }
@media(max-width:900px) { .hr-layout { grid-template-columns:minmax(0,1fr); } .hr-copy,.hr-service-list,.hr-service-list article { min-width:0; } .hr-service-list article { grid-template-columns:48px minmax(0,1fr); } .hr-service-list article>div { min-width:0; } .hr-service-list .service-price { white-space:normal; flex-wrap:wrap; } .hr-promise>div,.hr-promise span { min-width:0; } .hr-promise span { overflow-wrap:anywhere; } }
@media(max-width:600px) { .workspace-top { gap:.5rem; } .workspace-top .brand { font-size:1rem; } .workspace-top>span { display:block; flex:1; text-align:center; font-size:.75rem; } .workspace-top button { min-width:72px; padding:.45rem .6rem; font-size:.75rem; } .start-wizard { width:100vw; height:100dvh; max-height:none; margin:0; border-radius:0; } .workspace-content .editor-fields { width:100%; } .wizard-steps { gap:.5rem; } .workspace-content .editor-appbar { gap:.25rem; flex-wrap:nowrap; padding:.4rem; } .workspace-content .editor-appbar h2 { display:none; } .workspace-content .editor-appbar button { min-width:44px; min-height:44px; padding:.3rem .35rem; font-size:.72rem; white-space:nowrap; overflow-wrap:normal; } .workspace-content .editor-appbar button[data-editor-focus="Anmelden"]:hover:not(:disabled) { background:#941d2b; border-color:#941d2b; color:#fff; } .workspace-content .editor-more>summary { min-height:44px; padding:.5rem; font-size:.8rem; } .workspace-content .editor-paper-hint { font-size:.7rem; padding:.5rem; } .workspace-content .editor-status { margin:0; font-size:.75rem; } }