/*
 * Raport kariery AI, wariant produktu dla systemu FRAME
 */
:root {
    --frame-violet: oklch(62% 0.21 35);
}

/* Karta oferty w miejscu formularza zgłoszeń z meetup: te same odstępy stacka, zero własnych rozmiarów */
:is(.kariera-offer-card-title, .aifc-offer-card-title),
:is(.kariera-offer-card-lead, .aifc-offer-card-lead) {
    margin: 0; /* WHY: frame-form-stack steruje odstępami przez gap, domyślne marginesy h3/p psują rytm karty */
}

/* Siatka "dla kogo" z ilustracją centralną: większy kafel niż domyślny emblemat 6rem,
   WHY: ilustracja produktu przy 6rem jest nieczytelna, 13rem daje jej realną obecność */
@media (min-width: 64rem) {
    :is(.frame-community-grid, .aifc-community-grid) {
        grid-template-columns: minmax(0, 1fr) 13rem minmax(0, 1fr);
        grid-template-rows: minmax(15rem, auto) 13rem minmax(15rem, auto);
    }
}

/* Oś kroków: strona ma 4 kroki, bazowy FRAME zakłada 5 kolumn
   WHY: repeat(5) przy 4 pozycjach zostawia pustą piątą kolumnę i dosuwa oś w lewo */
@media (min-width: 64rem) {
    :is(.frame-timeline, .aifc-timeline) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Pas hero z dwoma portretami (on + ona), ograniczona wysokość
   WHY: pojedyncza ilustracja 16:9 zajmowała niemal cały ekran; dwa kwadraty przycięte do pasa */
:is(.kariera-hero-art-duo, .aifc-hero-art-duo) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(.kariera-hero-art-duo, .aifc-hero-art-duo) img {
    width: 100%;
    height: auto; /* WHY: pełny kadr 16:9 z peleryną, bez przycinania; dwie kolumny same obniżają pas */
    display: block;
}

:is(.kariera-hero-art-duo, .aifc-hero-art-duo) img + img {
    border-left: 1px solid var(--frame-ink);
}

/* Sekcja "Co jest w środku raportu": mockup + lista części */
:is(.kariera-inside-layout, .aifc-inside-layout) {
    display: grid;
    gap: 0;
    margin-top: clamp(2rem, 4vw, 3.5rem); /* WHY: oddziela układ od nagłówka sekcji, wcześniej grafika kleiła się do tytułu */
    border-top: 1px solid var(--frame-ink);
}

:is(.kariera-inside-media, .aifc-inside-media) {
    margin: 0;
    padding: clamp(1.5rem, 3vw, 2.75rem); /* WHY: mockup dostaje oddech w komórce zamiast dotykać krawędzi */
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--frame-ink);
}

:is(.kariera-inside-media, .aifc-inside-media) img {
    display: block;
    width: 100%;
    height: auto;
}

:is(.kariera-inside-list, .aifc-inside-list) {
    margin: 0;
    padding: 0;
    list-style: none;
}

:is(.kariera-inside-list, .aifc-inside-list) li {
    padding: 1.35rem clamp(1.25rem, 2.5vw, 2.5rem); /* WHY: równy rytm wierszy, spójny z tabelą faktów */
    border-bottom: 1px solid var(--frame-ink);
}

:is(.kariera-inside-list, .aifc-inside-list) li:last-child {
    border-bottom: 0;
}

:is(.kariera-inside-list, .aifc-inside-list) strong {
    display: block;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

:is(.kariera-inside-list, .aifc-inside-list) span {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.95rem;
}

@media (min-width: 64rem) {
    :is(.kariera-inside-layout, .aifc-inside-layout) {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    }

    :is(.kariera-inside-media, .aifc-inside-media) {
        border-bottom: 0;
        border-right: 1px solid var(--frame-ink);
    }
}

/* Miniatura raportu w karcie oferty (balans sekcji Zacznij dziś wieczorem) */
:is(.kariera-offer-card-thumb, .aifc-offer-card-thumb) {
    margin: 0;
    border: 1px solid var(--frame-ink);
}

:is(.kariera-offer-card-thumb, .aifc-offer-card-thumb) img {
    display: block;
    width: 100%;
    height: 14rem; /* WHY: miniatura w karcie, kadrowana, nie pełny mockup */
    object-fit: cover;
    object-position: top;
}

/*
 * Strona po zakupie i ankieta: ten sam pasek faktów co landing.
 * WHY: .frame-hero-frame ma padding-inline 0, więc linie dochodzą do ramy.
 * Landing dodatkowo ma studnię 34rem i szynę 4fr. Tu ich nie ma, bo nie ma grafiki.
 */
main > :is(.frame-hero, .aifc-hero):not(:has(:is(.frame-hero-art, .aifc-hero-art))) :is(.frame-hero-main, .aifc-hero-main) {
    min-height: 0;
}

main > :is(.frame-hero, .aifc-hero):not(:has(:is(.frame-hero-art, .aifc-hero-art))) :is(.frame-hero-frame, .frame-hero-frame) {
    grid-template-columns: minmax(0, 1fr);
}

main > :is(.frame-hero, .aifc-hero):not(:has(:is(.frame-hero-art, .aifc-hero-art))) :is(.frame-tagline, .aifc-tagline) {
    white-space: normal; /* WHY: potwierdzenie ma krótkie zdanie, nowrap z landingu jest pod grafikę 15 LAT */
}

:is(.kariera-intake-layout, .aifc-intake-layout) {
    padding-inline: 0; /* WHY: pasek faktów ma dochodzić do ramy jak na landingu */
}

:is(.kariera-intake-layout, .aifc-intake-layout) :is(.frame-form-card, .aifc-form-card) {
    margin: 0 var(--frame-gutter) var(--frame-gutter);
}

:is(.kariera-field-hint, .aifc-field-hint) {
    margin: 0;
    font-size: 0.82rem;
    opacity: 0.72;
}

:is(.frame-form-error, .aifc-form-error)[hidden] {
    display: none;
}

@media (max-width: 30rem) {
    body:has(#intake-success:not([hidden])) #form-title span {
        white-space: normal; /* WHY: komunikat sukcesu jest dłuższy niż początkowe „7 PYTAŃ.” i nie mieści się przy 390 px */
    }
}

/* Wygenerowany raport Kariera AI. Izolowany wariant FRAME; renderer ładuje ten arkusz zewnętrznie. */
body.kariera-report {
  --canvas:#F5F4F1;--ink:#141311;--dim:#5d5a54;--accent:#FF4F1F;
  --line:rgba(20,19,17,.85);--hair:rgba(20,19,17,.18);
  --font:'Geist','Geist Fallback',system-ui,sans-serif;--shell:76rem;--gutter:clamp(1.1rem,4vw,3rem);
  overflow-x:hidden;
  margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);
  font-size:1.02rem;line-height:1.6;-webkit-font-smoothing:antialiased;
  &, & * {box-sizing:border-box;}
  .shell{width:min(100%,var(--shell));margin-inline:auto;padding-inline:var(--gutter)}
  .frame{border-inline:1px solid var(--line)}
  .ic{display:inline-flex;width:1.35em;height:1.35em;flex:none}
  .spot{display:block;width:3.4rem;height:3.4rem;object-fit:contain;mix-blend-mode:multiply}
  .spot-lg{display:block;width:4.2rem;height:4.2rem;object-fit:contain;mix-blend-mode:multiply}
  .ic svg{width:100%;height:100%}
  .topbar{position:sticky;top:0;z-index:10;background:var(--canvas);border-bottom:1px solid var(--line)}
  .topbar-in{display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;gap:1rem}
  .wordmark{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;
  font-size:.72rem;font-weight:700;letter-spacing:.12em;line-height:1.15;text-transform:uppercase}
  .wordmark i{width:.85rem;height:.85rem;background:var(--accent)}
  .wordmark span{display:grid}
  .print-link{font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:none;border:1px solid var(--line);color:var(--ink);padding:.55rem .9rem;cursor:pointer}
  .hero{padding:clamp(2.5rem,6vw,4.5rem) 0 0}
  .kicker{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.2rem;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  .kicker i{width:.7rem;height:.7rem;background:var(--accent)}
  h1.display{margin:0;font-weight:700;letter-spacing:-.04em;line-height:.92;
  font-size:clamp(2.6rem,7vw,5rem);text-transform:uppercase}
  .hero-lead{margin:1.4rem 0 0;font-size:1.08rem;color:var(--dim)}
  .hero-lead span{display:block;text-wrap:balance}
  .hero-lead span+span{margin-top:.35rem}
  .meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);margin:2.2rem 0 0}
  .meta>div{padding:1rem 1.2rem;border-top:1px solid var(--hair)}
  .meta>div:nth-child(-n+2){border-top:0}
  .meta>div:nth-child(odd){border-right:1px solid var(--hair)}
  .meta dt{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
  .meta dd{margin:.3rem 0 0;font-weight:600}
  .chapter{padding:clamp(2.6rem,6vw,4rem) 0;border-top:1px solid var(--line)}
  .chapter:last-of-type{padding-bottom:1.2rem}
  .chapter:first-of-type{border-top:0}
  .chapter-head{border-bottom:1px solid var(--line);padding-bottom:1.4rem;margin-bottom:1.8rem}
  .chapter-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .7rem}
  .chapter-no{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
  .chapter-title{margin:0;font-weight:700;letter-spacing:-.03em;line-height:.95;
  font-size:clamp(2rem,5vw,3.4rem);text-transform:uppercase}
  .chapter :where(p){margin:0 0 1rem}
  .chapter :where(p:last-child){margin-bottom:0}
  .chapter :where(h3){margin:1.8rem 0 .8rem;font-size:1.05rem;font-weight:700}
  .chapter :where(ul,ol){margin:0 0 1rem;padding-left:1.2rem}
  .chapter :where(li){margin:.35rem 0}
  .lead{font-size:1.2rem;font-weight:600;line-height:1.5}
  .cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:1.1rem;margin:1.6rem 0}
  .dcard{border:1px solid var(--line);background:#fff;padding:1.3rem 1.3rem 1.1rem;display:grid;grid-template-rows:subgrid;grid-row:span 3;align-content:start}
  .dcard-tag{display:flex;align-items:center;gap:.7rem;font-size:.72rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase}
  .dcard-tag .ic{width:1.9em;height:1.9em}
  .dcard-sum{margin:.9rem 0 0;font-weight:700;border-bottom:1px solid var(--hair);padding-bottom:.8rem;align-self:stretch}
  .dcard ul{margin:.8rem 0 0;padding:0;list-style:none}
  .dcard li{position:relative;padding-left:1rem;margin:.45rem 0;font-size:.95rem;color:var(--dim)}
  .dcard li::before{content:"";position:absolute;left:0;top:.55em;width:.35em;height:.35em;
  border-radius:50%;background:var(--accent)}
  .pullquote{display:flex;align-items:stretch;border:1px solid var(--line);background:#fff;margin:1.6rem 0 0}
  .pullquote-img{flex:none;width:4.2rem;object-fit:cover}
  .pullquote p{margin:0;padding:1.2rem 1.4rem;font-size:1.12rem;font-weight:600;line-height:1.5}
  .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin:1.6rem 0 0}
  .path-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;
  width:100%;text-align:left;font:inherit;background:#fff;color:inherit;
  border:1px solid var(--line);padding:1.9rem 1.3rem 1.2rem;cursor:pointer}
  .path-btn .ic{width:2.4em;height:2.4em;color:var(--ink)}
  .path-btn .path-name{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}
  .path-btn .path-sub{font-weight:700}
  .path-btn .path-desc{font-size:.92rem;color:var(--dim);display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .path-badge{position:absolute;top:-.85rem;left:1rem;background:var(--accent);color:#fff;
  font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .7rem}
  .path-btn[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
  .paths-hint{margin:1.4rem 0 0;font-size:.85rem;color:var(--dim)}
  .path-panel{border:1px solid var(--accent);margin:1.4rem 0 0;background:#fff}
  .path-panel[hidden]{display:none}
  .prow{display:flex;gap:1.2rem;align-items:flex-start;padding:1.1rem 1.3rem;border-top:1px solid var(--hair)}
  .prow:first-child{border-top:0}
  .prow .spot{width:2.6rem;height:2.6rem;margin-top:.1rem}
  .prow-label{flex:none;width:11.5rem;font-size:.74rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding-top:.3rem}
  .prow p{margin:0}
  .reko{border:1px solid var(--hair);background:#fff;padding:1.2rem 1.4rem;margin:1.4rem 0 0}
  .reko h4{margin:0 0 .5rem;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
  .progress{margin:1.6rem 0 0}
  .plan-note,.plan-for{font-size:.9rem;color:var(--dim);margin:1.2rem 0 0}
  .plan-variant{margin-top:1.4rem}
  .plan-variant[hidden]{display:none}
  .progress-label{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .6rem}
  .progress-track{display:flex;gap:.3rem}
  .progress-cell{flex:1;height:.85rem;border:1px solid var(--line);background:#fff}
  .progress-cell.done{background:var(--accent);border-color:var(--accent)}
  .stepper{display:flex;align-items:flex-start;margin:2rem 0 0}
  .step-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;
  border:0;font:inherit;cursor:pointer;color:inherit;position:relative;padding:0}
  .step-dot{width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid var(--line);background:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:1}
  .step-btn::before{content:"";position:absolute;top:1.05rem;left:-50%;width:100%;height:1px;background:var(--line)}
  .step-btn:first-child::before{display:none}
  .step-name{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .6rem}
  .step-btn.active .step-dot{background:var(--ink);color:var(--canvas);border-color:var(--ink)}
  .step-btn.active .step-name{background:var(--ink);color:var(--canvas)}
  .tab-panel{display:none;border:1px solid var(--line);background:#fff;margin:1.6rem 0 0}
  .tab-panel.active{display:block}
  .stage-sub{padding:.9rem 1.3rem;border-bottom:1px solid var(--hair);font-weight:700}
  .week{display:flex;gap:1rem;align-items:flex-start;padding:1.05rem 1.3rem;border-top:1px solid var(--hair)}
  .week:first-child{border-top:0}
  .week input{appearance:none;flex:none;width:1.5rem;height:1.5rem;margin:.15rem 0 0;
  border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-content:center}
  .week input:checked{background:var(--accent);border-color:var(--accent)}
  .week input:checked::before{content:"";width:.8rem;height:.45rem;border-left:2.5px solid #fff;
  border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
  .week label{cursor:pointer}
  .week-label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .25rem}
  .week input:checked~label .week-desc{text-decoration:line-through;color:var(--dim)}
  .motto{display:flex;align-items:center;gap:1rem;margin:2rem 0 0;font-size:.72rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
  .motto::before,.motto::after{content:"";flex:1;height:1px;background:var(--hair)}
  .tool-hero{background:var(--ink);color:var(--canvas);padding:clamp(1.6rem,4vw,2.6rem);margin:1.6rem 0 0}
  .tool-hero-top{display:flex;gap:1.4rem;align-items:flex-start}
  .tool-logo{flex:none;width:4.6rem;height:4.6rem;object-fit:cover}
  .tool-hero h3{margin:0;line-height:1.1;font-size:clamp(1.5rem,3.5vw,2.3rem);font-weight:700;letter-spacing:-.02em;text-transform:uppercase}
  .tool-sub{margin:.55rem 0 0;color:rgba(245,244,241,.75)}
  .chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 0}
  .chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(245,244,241,.35);
  padding:.45rem .8rem;font-size:.85rem}
  .tool-hero-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(245,244,241,.25)}
  .step-tag{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
  .copy-btn{font:inherit;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:var(--accent);color:#fff;border:0;padding:.9rem 1.6rem;cursor:pointer}
  .copy-btn.ghost{background:none;border:1px solid var(--line);color:var(--ink);padding:.5rem .9rem}
  .guide-peek{margin:1rem 0 0}
  .guide-peek summary{cursor:pointer;font-size:.85rem;color:rgba(245,244,241,.7);list-style:none}
  .guide-peek summary::before{content:"+ "}
  .guide-peek[open] summary::before{content:"− "}
  .guide-peek pre,.agent-panel pre{margin:.8rem 0 0;padding:1.1rem 1.2rem;white-space:pre-wrap;
  word-break:break-word;font-family:var(--font);font-size:.9rem;line-height:1.55;
  max-height:24rem;overflow:auto;background:rgba(245,244,241,.06);border:1px solid rgba(245,244,241,.2)}
  .lib-label{display:flex;align-items:center;gap:1rem;margin:2.4rem 0 .2rem;font-size:.74rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase}
  .lib-label::after{content:"";flex:1;height:1px;background:var(--hair)}
  .tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem;margin:1.2rem 0 0}
  .tile{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;
  background:#fff;border:1px solid var(--line);font:inherit;color:inherit;cursor:pointer;
  padding:1.2rem .6rem 1rem;position:relative}
  .tile-no{position:absolute;top:.5rem;left:.6rem;font-size:.7rem;font-weight:700;color:var(--accent)}
  .tile .spot{margin-top:.6rem}
  .tile-name{font-size:.85rem;font-weight:700;line-height:1.25}
  .tile[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
  .agent-panel{border:1px solid var(--accent);background:var(--ink);color:var(--canvas);
  padding:1.3rem 1.4rem;margin:1.2rem 0 0}
  .agent-panel[hidden]{display:none}
  .agent-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
  .agent-panel-head strong{font-size:1.05rem;text-transform:uppercase;letter-spacing:.03em}
  .rhythm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem;margin:1.6rem 0 1.8rem;position:relative}
  .rcard{border:1px solid var(--line);background:#fff;padding:1.4rem 1.3rem;position:relative}
  .rcard .spot{margin-bottom:.2rem}
  .rcard h4{margin:.9rem 0 .6rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .rcard p{margin:0;font-size:.95rem;color:var(--dim)}
  .rcard:not(:last-child)::after{content:"";position:absolute;top:50%;right:-2.2rem;width:2.2rem;height:1px;
  background:var(--accent)}
  .disclaimer{margin:1.2rem 0 0;padding:1.2rem 1.4rem;border:1px solid var(--hair);
  font-size:.85rem;color:var(--dim)}
  .disclaimer strong{color:var(--ink);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
  .foot{padding:1.6rem 0 2.6rem;font-size:.85rem;color:var(--dim)}
  .foot a{color:inherit}
  @media (max-width:860px){
  .cards3,.paths,.rhythm{grid-template-columns:1fr}
  .cards3{grid-template-rows:none}
  .dcard{display:flex;flex-direction:column;grid-row:auto}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prow{flex-wrap:wrap}
  .prow-label{width:100%}
  .rcard:not(:last-child)::after{top:auto;bottom:-2.2rem;right:50%;width:1px;height:2.2rem}
  .path-btn{padding-top:1.6rem}
  .meta{grid-template-columns:1fr}
  .meta>div{border-right:0!important;border-top:1px solid var(--hair)}
  .meta>div:first-child{border-top:0}
  .stepper{flex-direction:column;align-items:stretch;gap:.6rem}
  .step-btn{flex-direction:row;gap:.8rem}
  .step-btn::before{display:none}
  }
  .onboard{position:fixed;inset:0;z-index:50;background:rgba(20,19,17,.55);
  display:flex;align-items:center;justify-content:center;padding:1.2rem}
  .onboard[hidden]{display:none}
  .onboard-card{background:var(--canvas);border:1px solid var(--line);width:min(100%,34rem);padding:clamp(1.6rem,4vw,2.4rem)}
  .onboard-kicker{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1rem;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
  .onboard-kicker i{width:.7rem;height:.7rem;background:var(--accent)}
  .onboard-card h2{margin:0 0 .4rem;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;
  text-transform:uppercase;line-height:1.05}
  .onboard-sub{margin:0 0 1.3rem;color:var(--dim)}
  .onboard-step{display:flex;gap:.9rem;align-items:flex-start;padding:.85rem 0;
  border-top:1px solid var(--hair)}
  .onboard-step i{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--ink);
  color:var(--canvas);display:flex;align-items:center;justify-content:center;
  font-style:normal;font-weight:700;font-size:.9rem}
  .onboard-step strong{display:block}
  .onboard-step span{font-size:.92rem;color:var(--dim)}
  .onboard-go{margin-top:1.4rem;width:100%}
  @media print{.onboard{display:none}}
  @media print{
  .topbar,.print-link,.copy-btn,.paths-hint{display:none}
  .tab-panel{display:block!important;margin-top:1rem}
  .path-panel{display:block!important}
  .agent-panel{display:block!important}
  &{background:#fff}
  }
}