/* hp arm skin: HeadshotPro's legal/blog typography applied to still.'s own
   content classes (generated by landings/clone/hp/build_skin.py). */
:root{--hp-navy:#17114f;--hp-ink-2:#3d3863;--hp-muted:#6e6a87;--hp-prose:#6c697f;--hp-faint:#8b88a2;
 --hp-accent-deep:#138f84;--hp-accent:#17a79b;--hp-line:#e8e5dc;--hp-warm:#eae3d2;--hp-line-strong:#cfcaba;
 --hp-surface-2:#f6f5f1;--hp-section-warm:#f4efe6;--hp-commerce:#0ea5e0}

/* shared prose (refund page values) */
.skin-prose{color:var(--hp-prose);font-size:16px;line-height:28px;overflow-wrap:break-word}
.skin-prose>*:first-child{margin-top:0}
.skin-prose h1{color:var(--hp-navy);font-size:max(28px,min(5vw,38px));font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}
.skin-prose h2{color:var(--hp-navy);font-size:max(21px,min(3vw,26px));font-weight:700;line-height:1.25;letter-spacing:-.02em;margin:40px 0 16px}
.skin-prose h3{color:var(--hp-navy);font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:32px 0 12px}
.skin-prose h4{color:var(--hp-navy);font-size:16px;font-weight:600;line-height:24px;margin:24px 0 8px}
.skin-prose p{color:var(--hp-muted);font-size:16px;line-height:28px;margin:8px 0 12px}
.skin-prose ul,.skin-prose ol{margin:20px 0;padding-left:26px;color:var(--hp-prose)}
.skin-prose ul{list-style:disc}.skin-prose ol{list-style:decimal}
.skin-prose li{color:var(--hp-muted);font-size:16px;line-height:28px;margin:8px 0;padding-left:6px}
.skin-prose li::marker{color:var(--hp-faint)}
.skin-prose li>p{margin:0}
.skin-prose a{color:var(--hp-accent-deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(23,167,155,.4);text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s ease}
.skin-prose a:hover{color:#0f6f67;text-decoration-color:var(--hp-accent)}
.skin-prose strong,.skin-prose b{color:var(--hp-navy);font-weight:700}
.skin-prose em{font-style:italic}
.skin-prose small{display:block;color:var(--hp-faint);font-size:14px;line-height:20px;font-weight:500;margin:-8px 0 24px}
.skin-prose address{font-style:normal;color:var(--hp-muted)}
.skin-prose hr{border:0;border-top:1px solid var(--hp-line);margin:48px 0}
.skin-prose img{max-width:100%;height:auto}
.skin-prose svg{max-width:100%;height:auto}
.skin-prose figure{margin:32px 0}
.skin-prose figcaption{margin-top:12px;text-align:center;font-size:12px;line-height:16px;color:var(--hp-faint)}
.skin-prose blockquote{margin:28px 0;padding:18px 22px;border:1px solid var(--hp-warm);border-left:4px solid var(--hp-accent);border-radius:0 16px 16px 0;background:var(--hp-surface-2);color:var(--hp-ink-2);font-style:normal}
.skin-prose blockquote p{color:var(--hp-ink-2);margin:6px 0}
.skin-prose blockquote p::before,.skin-prose blockquote p::after{content:none}
.skin-prose blockquote ul{margin:10px 0 4px}
.skin-prose code{font-size:.875em;color:var(--hp-navy);background:var(--hp-surface-2);border-radius:6px;padding:1px 5px}
.skin-prose .notice{background:var(--hp-section-warm);border:1px solid var(--hp-warm);border-radius:12px;padding:12px 16px;color:var(--hp-ink-2);font-size:14px;line-height:22px;margin:20px 0}

/* tables: their comparison table (free tool page) */
.skin-prose .tablewrap{overflow-x:auto;margin:28px 0;border:1px solid var(--hp-warm);border-radius:16px;background:#fff}
.skin-prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:20px;margin:0}
.skin-prose>table{border:1px solid var(--hp-warm);border-radius:16px;overflow:hidden;background:#fff;margin:28px 0}
.skin-prose th{background:var(--hp-surface-2);color:var(--hp-navy);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:12px 16px}
.skin-prose td{color:var(--hp-muted);padding:12px 16px;border-top:1px solid var(--hp-line);vertical-align:top}
.skin-prose td b,.skin-prose td strong{color:var(--hp-ink-2);font-weight:600}

/* our buttons: their primary (commerce) button */
.skin-prose a.ax-btn,.skin-prose .ax-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--hp-commerce);color:#fff!important;border:1px solid transparent;border-radius:12px;padding:15px 28px;font-size:16px;line-height:24px;font-weight:600;text-decoration:none;white-space:normal;text-align:center;box-shadow:0 1px 2px rgba(14,165,224,.18);transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease;margin:8px 0}
.skin-prose a.ax-btn:hover,.skin-prose .ax-btn:hover{background:#0b94ca;box-shadow:0 6px 16px -4px rgba(14,165,224,.45);transform:translateY(-1px);color:#fff!important}
.skin-prose a.ax-btn--ghost,.skin-prose a.ax-btn--secondary,.skin-prose .ax-btn--ghost,.skin-prose .ax-btn--secondary{background:#fff;color:var(--hp-navy)!important;border-color:var(--hp-line);box-shadow:0 1px 2px rgba(23,17,79,.1)}
.skin-prose a.ax-btn--ghost:hover,.skin-prose a.ax-btn--secondary:hover{background:var(--hp-surface-2);border-color:var(--hp-line-strong);color:var(--hp-navy)!important;box-shadow:none}
.skin-prose p>a.ax-btn:only-child{margin:4px 0}

/* "Published …" badge: their date line above the title */
.skin-prose .ax-badge{display:block;color:var(--hp-muted);font-size:16px;line-height:24px;font-weight:500;margin:0 0 16px;background:none;padding:0;border:0}
.skin-prose .ax-badge+h1{margin-top:0}
.skin-prose img.hero{display:block;width:100%;height:auto;border-radius:16px;object-fit:cover;margin:24px 0 32px}

/* the orienta quiz: their FAQ rows (faq-row / faq-summary / faq-toggle) */
.skin-prose .orienta{margin:32px 0;padding:24px;border:1px solid var(--hp-warm);border-radius:16px;background:var(--hp-surface-2)}
.skin-prose .orienta>p:first-child{color:var(--hp-navy);font-weight:700;font-size:18px;line-height:24px;margin-top:0}
.skin-prose .orienta-guida{font-size:14px;color:var(--hp-faint)}
.skin-prose details{background:rgba(0,0,0,.02);border:1px solid var(--hp-warm);border-radius:16px;margin:12px 0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.skin-prose .orienta details{background:#fff}
.skin-prose details:hover{border-color:var(--hp-line-strong)}
.skin-prose details[open]{background:#fff;box-shadow:0 8px 24px -8px rgba(23,17,79,.12),0 2px 4px -1px rgba(23,17,79,.05)}
.skin-prose summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:var(--hp-navy);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.45;padding:20px 24px}
.skin-prose summary::-webkit-details-marker{display:none}
.skin-prose summary::after{content:"+";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--hp-line);border-radius:9999px;color:var(--hp-muted);font-size:17px;font-weight:500;line-height:1;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.skin-prose summary:hover::after{border-color:var(--hp-line-strong);color:var(--hp-navy)}
.skin-prose details[open]>summary::after{transform:rotate(45deg);background:var(--hp-surface-2);border-color:var(--hp-line-strong);color:var(--hp-navy)}
.skin-prose details>*:not(summary){color:#5e5a77;font-size:15px;font-weight:500;line-height:1.65;margin:0;padding:0 24px 22px}
.skin-prose details>div>*{margin:0}
@media (max-width:640px){.skin-prose summary{font-size:16px;padding:16px 18px}.skin-prose details>*:not(summary){padding:0 18px 18px}}

/* "Where to go from here": their article sidebar card */
.skin-prose .related{margin:48px 0 0;padding:24px;border:1px solid var(--hp-line);border-radius:16px;background:#fff}
.skin-prose .related h2{font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:20px;margin:0 0 16px;color:var(--hp-navy)}
.skin-prose .related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.skin-prose .related li{padding:0;margin:0}
.skin-prose .related a{display:block;text-decoration:none;padding:14px 16px;border:1px solid var(--hp-line);border-radius:12px;background:var(--hp-surface-2);transition:border-color .15s ease,background-color .15s ease}
.skin-prose .related a:hover{border-color:var(--hp-line-strong);background:#fff}
.skin-prose .related a b{display:block;color:var(--hp-navy);font-size:16px;line-height:22px;font-weight:700}
.skin-prose .related a span{display:block;margin-top:4px;color:var(--hp-muted);font-size:14px;line-height:20px;font-weight:500}

/* article layout: HeadshotPro keeps date, title, lede and cover at card width
   and the running text at 65ch in the middle */
.skin-article{max-width:none}
.skin-article>*{max-width:65ch;margin-left:auto;margin-right:auto}
.skin-article>h1,.skin-article>.ax-badge,.skin-article>img.hero,.skin-article>header.hero,.skin-article>section,.skin-article>.tablewrap{max-width:none}
.skin-article>h1{margin-top:0}
.skin-article h2{font-size:24px;line-height:32px;letter-spacing:0;margin:48px auto 24px}
.skin-article>p,.skin-article li{color:var(--hp-ink-2);font-weight:400}
.skin-doc{max-width:none}

/* translated landings (/de/bewerbungsfoto-ki/ …): header.hero + sections */
.skin-prose header.hero{display:grid;gap:28px;margin:0 0 40px}
.skin-prose header.hero>*{min-width:0}
.skin-prose header.hero h1{margin-bottom:12px}
.skin-prose header.hero h1 em{font-style:normal;color:var(--hp-accent-deep)}
.skin-prose .lede,.skin-prose header.hero .lede{color:var(--hp-ink-2);font-size:17px;line-height:1.6;font-weight:500;margin:0 0 20px}
.skin-prose .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 12px}
.skin-prose .actions .ax-btn{margin:0}
.skin-prose .after,.skin-prose .ax-text--supporting,.skin-prose .packline{font-size:14px;line-height:20px;color:var(--hp-faint)}
.skin-prose .hero__roll{overflow:hidden;border-radius:16px}
.skin-prose .marquee{overflow:hidden;margin:0 0 8px}
.skin-prose .marquee__track,.skin-prose .proof,.skin-prose .pf__row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.skin-prose .marquee__track::-webkit-scrollbar,.skin-prose .pf__row::-webkit-scrollbar{display:none}
.skin-prose .proof-item,.skin-prose .pf__cell{flex:0 0 auto;width:132px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--hp-surface-2);border:1px solid var(--hp-line)}
.skin-prose .proof-item img,.skin-prose .pf__cell img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;margin:0}
.skin-prose .proof-item:empty,.skin-prose .pf__cell:empty,.skin-prose .marquee:not(:has(img)),.skin-prose .hero__roll:not(:has(img)){display:none}
.skin-prose .strip{margin:48px 0;padding:0}
.skin-prose .strip__head{margin-bottom:20px}
.skin-prose .ax-text--label,.skin-prose .eyebrow{display:block;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hp-muted);margin-bottom:8px}
.skin-prose .ax-heading{color:var(--hp-navy);margin-top:0}
.skin-prose .pf{display:grid;gap:20px}
.skin-prose .pf>*,.skin-prose .steps>*,.skin-prose .cv>*,.skin-prose .two>*{min-width:0}
.skin-prose .pf__lab{font-size:14px;line-height:20px;color:var(--hp-muted);margin:0 0 10px}
.skin-prose .pf__lab--pass b{color:var(--hp-accent-deep)}
.skin-prose .pf__lab--fail b{color:#b42318}
.skin-prose .pf:not(:has(img)){display:none}
.skin-prose .steps,.skin-prose .cv,.skin-prose .two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.skin-prose .ax-card,.skin-prose .cv__card{background:#fff;border:1px solid var(--hp-line);border-radius:16px;padding:24px}
.skin-prose .ax-card h3,.skin-prose .cv__card h3{margin-top:6px;font-size:18px;line-height:24px}
.skin-prose .step__n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:var(--hp-navy);color:#fff;font-weight:700;font-size:16px}
.skin-prose .cv__card--pick{border:2px solid var(--hp-navy);background:#f1eff8}
.skin-prose .cv__top{display:flex;justify-content:space-between;align-items:center}
.skin-prose .cv__price{color:var(--hp-navy);font-size:24px;font-weight:700}
.skin-prose .cv__rec{background:rgba(23,167,155,.14);color:var(--hp-accent-deep);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;padding:4px 10px}
.skin-prose .priceline{display:flex;align-items:baseline;gap:8px;margin:8px 0}
.skin-prose .priceline b{font-size:38px;line-height:1.1;color:var(--hp-navy)}
.skin-prose ul.spec{list-style:none;padding:0}
.skin-prose ul.spec li{padding-left:28px;position:relative}
.skin-prose ul.spec li i{position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:9999px;background:rgba(23,167,155,.14)}
.skin-prose ul.spec li i::after{content:"";position:absolute;left:5px;top:3px;width:5px;height:8px;border:solid var(--hp-accent-deep);border-width:0 2px 2px 0;transform:rotate(45deg)}
.skin-prose .ax-collapsible__content-inner{padding:0}
.skin-prose [hidden]{display:none!important}
@media (min-width:1024px){
 .skin-prose header.hero:has(.hero__roll img){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}
}
/* a landing has no table of contents and wants the card's full width */
.skin-shell-article:has(.skin-article>header.hero) [data-skin-toc]{display:none}
/* a wrapped TOC entry is clickable across its whole row, not only on its text */
[data-skin-toc] li>a{display:block}

/* blog index cards: {{image}} is a bare <img> or nothing */
.skin-card-img{display:block}
.skin-card-img:empty{display:none}
.skin-card-img img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:12px}
.skin-langs:empty{display:none}

/* "With still." calendar (redrawn from their with-headshotpro.png) */
.skin-cal{position:relative;background:#fff;overflow:hidden;aspect-ratio:969/400;container-type:inline-size}
.skin-cal-row{display:grid;grid-template-columns:32% 38% 30%;height:14.28%;border-top:1px solid #e3e3e3}
.skin-cal-row i{border-left:1px solid #e3e3e3}
.skin-cal-row i:first-child{border-left:0}
.skin-cal-ev{position:absolute;left:32.2%;width:36.5%;background:#4a9ae1;color:#fff;border-radius:4px;font:400 1.34cqw/1.5 Roboto,Arial,sans-serif;height:6.5%;display:flex;align-items:center;padding:0 .8cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin-cal-ev b{font-weight:500}
.shadow-\[0px_0px_75px_0px_rgba\(0\2c 0\2c 0\2c 0\.07\)\]{box-shadow:0 0 75px 0 rgba(0,0,0,.07)}