.csv-filling-guide{--jet-black: #0a0a0a;--cozy-yellow: #f7d359;--cozy-yellow-soft: #fff7d6;--light-grey: #d7d7d7;--soft-grey: #f5f5f5;--pure-white: #ffffff;--border: #d7d7d7;min-height:100vh;color:var(--jet-black);font-family:Outfit,Arial,sans-serif}.csv-filling-guide *{box-sizing:border-box}.csv-filling-guide .brand-bar{padding:24px 32px 22px;color:var(--pure-white);background:var(--jet-black);border-bottom:5px solid var(--cozy-yellow)}.csv-filling-guide .brand-inner{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;max-width:1600px;margin:0 auto}.csv-filling-guide .brand-name{font-family:Roboto,Arial,sans-serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:.4px}.csv-filling-guide .brand-subtitle{margin-top:8px;color:var(--cozy-yellow);font-family:Roboto,Arial,sans-serif;font-size:18px;font-weight:700}.csv-filling-guide .brand-meta{color:#e8e8e8;font-size:12px;line-height:1.5;text-align:right}.csv-filling-guide .page{max-width:1600px;margin:0 auto;padding:28px 24px 40px}.csv-filling-guide .card{padding:24px;background:var(--pure-white);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px #0a0a0a0d}.csv-filling-guide h1{margin:0 0 8px;font-family:Roboto,Arial,sans-serif;font-size:28px;font-weight:700}.csv-filling-guide p{margin:6px 0;color:#343434;line-height:1.5}.csv-filling-guide .intro{max-width:980px}.csv-filling-guide .guide-tag{display:inline-flex;gap:8px;align-items:center;margin-bottom:14px;padding:6px 10px;color:var(--jet-black);font-size:12px;font-weight:700;background:var(--cozy-yellow);border:1px solid var(--jet-black);border-radius:4px}.csv-filling-guide .hints-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 14px}.csv-filling-guide .hint{margin:0;padding:12px 14px;color:var(--jet-black);background:var(--cozy-yellow);border:1px solid var(--jet-black);border-radius:5px}.csv-filling-guide .hint.secondary{background:var(--pure-white);border-color:var(--light-grey)}.csv-filling-guide .live-dict{margin:0 0 16px;padding:10px 12px;color:#333;font-size:13px;background:#fafafa;border-left:4px solid var(--cozy-yellow)}.csv-filling-guide .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 10px;color:#333;font-size:12px}.csv-filling-guide .swatch{display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;border:1px solid var(--jet-black);border-radius:2px}.csv-filling-guide .swatch-job-type{background:var(--jet-black)}.csv-filling-guide .swatch-section{background:#efefef}.csv-filling-guide .swatch-field{background:var(--cozy-yellow)}.csv-filling-guide .swatch-validation{background:#f7f7f7}.csv-filling-guide .swatch-job-example{background:var(--cozy-yellow-soft)}.csv-filling-guide .swatch-cargo-row{background:var(--pure-white)}.csv-filling-guide .small{color:#666;font-size:12px}.csv-filling-guide .table-wrap{max-height:660px;margin-top:14px;overflow:auto;background:var(--pure-white);border:1px solid var(--jet-black);border-radius:6px}.csv-filling-guide table{font-size:12px;border-spacing:0;border-collapse:separate}.csv-filling-guide td{width:50ch;min-width:87px;max-width:50ch;padding:7px 8px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}.csv-filling-guide tr.jobtype-row td{position:sticky;top:0;z-index:5;color:var(--pure-white);font-weight:700;background:var(--jet-black)}.csv-filling-guide tr.jobtype-row td:first-child{z-index:8;color:var(--cozy-yellow)}.csv-filling-guide tr.section-row td{position:sticky;top:31px;z-index:4;color:#333;font-weight:700;background:#efefef}.csv-filling-guide tr.field-row td{position:sticky;top:62px;z-index:4;color:var(--jet-black);font-weight:700;background:var(--cozy-yellow)}.csv-filling-guide tr.rule-row td{color:#3a3a3a;font-size:11px;background:#f7f7f7}.csv-filling-guide tr.rule-row:nth-of-type(5) td,.csv-filling-guide tr.example-row td,.csv-filling-guide tr.child-row td{background:var(--pure-white)}.csv-filling-guide tr.job-level-row td{background:var(--cozy-yellow-soft)}.csv-filling-guide tr.child-row td:first-child{background:#fafafa}.csv-filling-guide tr.job-start td{border-top:4px solid var(--cozy-yellow)}.csv-filling-guide td:first-child{position:sticky;left:0;z-index:6;min-width:140px;font-weight:600;box-shadow:2px 0 3px #0000000d}.csv-filling-guide tr.section-row td:first-child,.csv-filling-guide tr.field-row td:first-child{z-index:7}.csv-filling-guide .notes{margin-top:20px;padding:18px;background:var(--pure-white);border:1px solid var(--light-grey);border-top:5px solid var(--cozy-yellow);border-radius:6px}.csv-filling-guide .notes h2{margin:0 0 10px;font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:700}.csv-filling-guide .notes ol{padding-left:22px;margin:0;column-count:2;column-gap:40px}.csv-filling-guide .notes li{margin:7px 0 9px;line-height:1.4;break-inside:avoid}.csv-filling-guide .footer{max-width:1600px;margin:0 auto 28px;padding:0 24px;color:#777;font-size:11px;text-align:right}@media(max-width:900px){.csv-filling-guide .hints-grid{grid-template-columns:1fr}.csv-filling-guide .brand-inner{flex-direction:column;align-items:flex-start}.csv-filling-guide .brand-meta{text-align:left}.csv-filling-guide .notes ol{column-count:1}}@media print{.csv-filling-guide{background:var(--pure-white)}.csv-filling-guide .brand-bar{padding:14px 20px}.csv-filling-guide .page{padding:12px}.csv-filling-guide .table-wrap{max-height:none;overflow:visible}.csv-filling-guide table{min-width:0!important;font-size:8px}.csv-filling-guide td{min-width:40px;padding:3px;overflow:visible;white-space:normal;word-break:break-word;text-overflow:clip}}