/* Styles repris d'AtlasQuébec pour les outils importés, isolés sous .atlas-tool */
:root{--paper-raised:var(--raised);--ink-soft:var(--soft);--blue-deep:var(--deep);--amber:#E8A33D;--amber-deep:#B87A1E;--line-soft:var(--line);--green:#2F6B4F;--blue-pale:var(--pale);--radius:6px;--body:var(--font);--display:var(--font);--display-cond:var(--font);--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
@media (prefers-color-scheme:dark){.atlas-tool{--amber-deep:#F3B84F}}
.atlas-tool .wrap-narrow{max-width:860px}
.atlas-tool .lede, .guide-body .lede{ font-size: 1.2rem; color: var(--ink-soft); max-width: 62ch; }
.atlas-tool .wrap-narrow, .guide-body .wrap-narrow{ max-width: 74ch; margin: 0 auto; padding: 0 24px; }
.atlas-tool .eyebrow, .guide-body .eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 0.9em;
}
.atlas-tool .eyebrow::before, .guide-body .eyebrow::before{ content: '§'; color: var(--amber-deep); font-weight: 600; }
.atlas-tool .hero .eyebrow, .guide-body .hero .eyebrow{ color: var(--amber); }
.atlas-tool .hero .lede, .guide-body .hero .lede{ color: rgba(255,255,255,0.82); }
.atlas-tool .plate, .guide-body .plate{
  background: var(--paper-raised);
  border: 1px solid var(--line);
  position: relative;
  padding: 20px 18px;
}
.atlas-tool .plate::before, .guide-body .plate::before, .atlas-tool .plate::after, .guide-body .plate::after, .atlas-tool .plate-corner-bl::before, .guide-body .plate-corner-bl::before, .atlas-tool .plate-corner-br::after, .guide-body .plate-corner-br::after{ content: ''; }
.atlas-tool .plate::before, .guide-body .plate::before{
  position: absolute; top: -1px; left: -1px;
  width: 10px; height: 10px;
  border-top: 2px solid var(--amber); border-left: 2px solid var(--amber);
}
.atlas-tool .plate::after, .guide-body .plate::after{
  position: absolute; bottom: -1px; right: -1px;
  width: 10px; height: 10px;
  border-bottom: 2px solid var(--amber); border-right: 2px solid var(--amber);
}
.atlas-tool .plate-label, .guide-body .plate-label{
  font-family: var(--mono);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 6px;
}
.atlas-tool .plate-value, .guide-body .plate-value{
  font-family: var(--mono);
  font-weight: 600;
  font-size: 1.9rem;
  color: var(--ink);
  line-height: 1.1;
}
.atlas-tool .plate-value .unit, .guide-body .plate-value .unit{ font-size: 1rem; color: var(--ink-soft); font-weight: 500; }
.atlas-tool .plate-note, .guide-body .plate-note{ font-size: 0.85rem; color: var(--ink-soft); margin-top: 6px; }
.atlas-tool .plate.tone-blue, .guide-body .plate.tone-blue{ background: var(--blue-deep); border-color: var(--blue-deep); }
.atlas-tool .plate.tone-blue .plate-value, .guide-body .plate.tone-blue .plate-value, .atlas-tool .plate.tone-blue .plate-label, .guide-body .plate.tone-blue .plate-label, .atlas-tool .plate.tone-blue .plate-value .unit, .guide-body .plate.tone-blue .plate-value .unit{ color: white; }
.atlas-tool .plate.tone-blue .plate-note, .guide-body .plate.tone-blue .plate-note{ color: rgba(255,255,255,0.7); }
.atlas-tool .plate.tone-good .plate-value, .guide-body .plate.tone-good .plate-value{ color: var(--green); }
.atlas-tool .plate.tone-warn .plate-value, .guide-body .plate.tone-warn .plate-value{ color: var(--red); }
.atlas-tool .plate-grid, .guide-body .plate-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 28px 0;
}
.atlas-tool .section, .guide-body .section{ padding: 52px 0; border-top: 1px solid var(--line-soft); }
.atlas-tool .section:first-child, .guide-body .section:first-child{ border-top: none; }
.atlas-tool .btn, .guide-body .btn{
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--display-cond);
  font-weight: 700; font-size: 1rem; letter-spacing: 0.01em;
  padding: 12px 22px;
  border: 2px solid var(--ink);
  background: var(--ink);
  color: var(--paper);
  text-decoration: none;
  cursor: pointer;
  border-radius: var(--radius);
}
.atlas-tool .btn:hover, .guide-body .btn:hover{ background: var(--blue-deep); border-color: var(--blue-deep); color: white; }
.atlas-tool .btn-amber, .guide-body .btn-amber{ background: var(--amber); border-color: var(--amber-deep); color: #0B1526; }
.atlas-tool .btn-amber:hover, .guide-body .btn-amber:hover{ background: var(--amber-deep); border-color: var(--amber-deep); color: #0B1526; }
.atlas-tool .btn-ghost, .guide-body .btn-ghost{ background: transparent; color: var(--ink); }
.atlas-tool .btn-ghost:hover, .guide-body .btn-ghost:hover{ background: var(--ink); color: var(--paper); }
.atlas-tool .card-grid, .guide-body .card-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.atlas-tool .card, .guide-body .card{
  display: block; text-decoration: none; color: var(--ink);
  background: var(--paper-raised);
  border: 1px solid var(--line);
  padding: 22px;
  transition: border-color .15s, transform .15s;
}
.atlas-tool .card:hover, .guide-body .card:hover{ border-color: var(--blue); transform: translateY(-2px); }
.atlas-tool .card h3, .guide-body .card h3{ color: var(--ink); margin-bottom: 6px; }
.atlas-tool .card p, .guide-body .card p{ color: var(--ink-soft); font-size: 0.95rem; margin-bottom: 0; }
.atlas-tool .card .card-tag, .guide-body .card .card-tag{
  font-family: var(--mono); font-size: 0.7rem; text-transform: uppercase;
  color: var(--blue); letter-spacing: 0.06em; margin-bottom: 10px; display: block;
}
.atlas-tool .quiz-options, .guide-body .quiz-options{ display: flex; flex-wrap: wrap; gap: 10px; }
.atlas-tool .quiz-opt, .guide-body .quiz-opt{
  font-family: var(--body); font-size: 0.92rem; cursor: pointer;
  padding: 11px 18px; border: 1px solid var(--line); background: var(--paper);
  color: var(--ink); border-radius: var(--radius); text-align: left;
  transition: border-color .15s, background .15s, color .15s;
}
.atlas-tool .quiz-opt:hover, .guide-body .quiz-opt:hover{ border-color: var(--blue); }
.atlas-tool .quiz-opt.is-active, .guide-body .quiz-opt.is-active{ background: var(--blue); border-color: var(--blue); color: var(--paper-raised); }
.atlas-tool .callout, .guide-body .callout{ border-left: 4px solid var(--blue); background: var(--blue-pale); padding: 16px 20px; margin: 24px 0; }
.atlas-tool .callout.warn, .guide-body .callout.warn{ border-color: var(--amber-deep); background: #FBF3E4; }
.atlas-tool .callout.danger, .guide-body .callout.danger{ border-color: #B91C1C; background: #FDECEC; }
.atlas-tool .callout p:last-child, .guide-body .callout p:last-child{ margin-bottom: 0; }
.atlas-tool .callout-title, .guide-body .callout-title{ font-family: var(--display-cond); font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.05em; color: var(--blue-deep); margin-bottom: 6px; }
.atlas-tool .callout.warn .callout-title, .guide-body .callout.warn .callout-title{ color: var(--amber-deep); }
.atlas-tool .callout.danger .callout-title, .guide-body .callout.danger .callout-title{ color: #B91C1C; }
.atlas-tool .occupation-hero, .guide-body .occupation-hero, .atlas-tool .occupation-hero ~ .section, .guide-body .occupation-hero ~ .section{ overflow-wrap: anywhere; }
.atlas-tool .calc-panel, .guide-body .calc-panel{ background: var(--paper-raised); border: 1px solid var(--line); padding: 28px; }
.atlas-tool .field, .guide-body .field{ margin-bottom: 18px; }
.atlas-tool .field label, .guide-body .field label{ display: block; font-family: var(--display-cond); font-weight: 700; font-size: 0.9rem; margin-bottom: 6px; }
.atlas-tool .field input, .guide-body .field input, .atlas-tool .field select, .guide-body .field select{
  width: 100%; font-family: var(--mono); font-size: 1.05rem;
  padding: 11px 12px; border: 1px solid var(--line); background: var(--paper);
  border-radius: var(--radius);
}
.atlas-tool .field-row, .guide-body .field-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px){.atlas-tool .field-row, .guide-body .field-row{ grid-template-columns: 1fr; }}
.atlas-tool .result-block, .guide-body .result-block{ display: none; margin-top: 28px; }
.atlas-tool .result-block.show, .guide-body .result-block.show{ display: block; }
.atlas-tool .field-choice, .guide-body .field-choice{ display: flex; gap: 18px; flex-wrap: wrap; }
.atlas-tool .field-choice label, .guide-body .field-choice label{ display: flex; align-items: center; gap: 7px; font-family: var(--body); font-weight: 400; font-size: 0.98rem; cursor: pointer; text-transform: none; letter-spacing: normal; }
.atlas-tool .field-choice input[type="radio"], .guide-body .field-choice input[type="radio"]{ accent-color: var(--blue); width: 17px; height: 17px; cursor: pointer; }
.atlas-tool .election-banner .eyebrow, .guide-body .election-banner .eyebrow{ margin: 0; }
.atlas-tool .text-soft, .guide-body .text-soft{ color: var(--ink-soft); }
.atlas-tool .faq-item, .guide-body .faq-item{
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  background: var(--paper-raised);
  padding: 14px 18px;
  border-radius: 6px;
}
.atlas-tool .faq-item h3, .guide-body .faq-item h3{ font-family: var(--display); font-size: 1.02rem; margin: 0 0 6px; }
.atlas-tool .faq-item p, .guide-body .faq-item p{ margin: 0; color: var(--ink-soft); }
.atlas-tool .callout.warn .callout-title, .guide-body .callout.warn .callout-title{ color: #8A5A12; }
.atlas-tool .eyebrow::before, .guide-body .eyebrow::before{ color: #8A5A12; }
@media (prefers-color-scheme: dark){.atlas-tool :root:not([data-theme="light"]) .callout.warn, .guide-body :root:not([data-theme="light"]) .callout.warn{ background: #1E1B14; }.atlas-tool :root:not([data-theme="light"]) .callout.danger, .guide-body :root:not([data-theme="light"]) .callout.danger{ border-color: #F09A8C; background: #2A1A17; }.atlas-tool :root:not([data-theme="light"]) .callout.warn .callout-title, .guide-body :root:not([data-theme="light"]) .callout.warn .callout-title, .atlas-tool :root:not([data-theme="light"]) .eyebrow::before, .guide-body :root:not([data-theme="light"]) .eyebrow::before{ color: #F2B75A; }.atlas-tool :root:not([data-theme="light"]) .callout-title, .guide-body :root:not([data-theme="light"]) .callout-title{ color: var(--ink); }.atlas-tool :root:not([data-theme="light"]) .callout.danger .callout-title, .guide-body :root:not([data-theme="light"]) .callout.danger .callout-title{ color: #F09A8C; }}
.atlas-tool :root[data-theme="dark"] .callout.warn, .guide-body :root[data-theme="dark"] .callout.warn{ background: #1E1B14; }
.atlas-tool :root[data-theme="dark"] .callout.danger, .guide-body :root[data-theme="dark"] .callout.danger{ border-color: #F09A8C; background: #2A1A17; }
.atlas-tool :root[data-theme="dark"] .callout.warn .callout-title, .guide-body :root[data-theme="dark"] .callout.warn .callout-title, .atlas-tool :root[data-theme="dark"] .eyebrow::before, .guide-body :root[data-theme="dark"] .eyebrow::before{ color: #F2B75A; }
.atlas-tool :root[data-theme="dark"] .callout-title, .guide-body :root[data-theme="dark"] .callout-title{ color: var(--ink); }
.atlas-tool :root[data-theme="dark"] .callout.danger .callout-title, .guide-body :root[data-theme="dark"] .callout.danger .callout-title{ color: #F09A8C; }
.atlas-tool .local-note, .guide-body .local-note{font-size:.92rem;color:var(--ink-soft);margin:0 0 16px;padding:10px 12px;border-left:3px solid var(--blue);background:var(--paper-raised)}
.atlas-tool .pdf-status, .guide-body .pdf-status{margin:16px 0 8px;min-height:1.5em;font-weight:500}
.atlas-tool .pdf-status.is-error, .guide-body .pdf-status.is-error{color:var(--red)}
.atlas-tool .pdf-status.is-ok, .guide-body .pdf-status.is-ok{color:var(--green)}
.atlas-tool .pdf-results p, .guide-body .pdf-results p{margin:8px 0}
.atlas-tool .pdf-row-actions .btn, .guide-body .pdf-row-actions .btn{min-width:44px;min-height:44px;padding:6px 10px}
.atlas-tool .calc-panel textarea, .guide-body .calc-panel textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);border-radius:4px}
.atlas-tool .calc-panel input[type=text], .guide-body .calc-panel input[type=text], .atlas-tool .calc-panel input[type=password], .guide-body .calc-panel input[type=password], .atlas-tool .calc-panel select, .guide-body .calc-panel select{max-width:100%}
.atlas-tool .faq-item, .guide-body .faq-item{border:1px solid var(--line);background:var(--paper-raised);margin:0 0 8px;padding:0 14px}
.atlas-tool .faq-item summary, .guide-body .faq-item summary{cursor:pointer;padding:12px 0;font-weight:600}
.atlas-tool .local-meter, .guide-body .local-meter{height:12px;background:var(--blue-pale);border-radius:6px;overflow:hidden;margin:8px 0}
.atlas-tool .local-meter>span, .guide-body .local-meter>span{display:block;height:100%;width:0;background:var(--red);transition:width .25s}
.atlas-tool .local-meter>span.s2, .guide-body .local-meter>span.s2{background:var(--amber-deep)}
.atlas-tool .local-meter>span.s3, .guide-body .local-meter>span.s3{background:var(--blue)}
.atlas-tool .local-meter>span.s4, .guide-body .local-meter>span.s4{background:var(--green)}
.atlas-tool .local-checks, .guide-body .local-checks{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}
.atlas-tool .crop-stage, .guide-body .crop-stage{position:relative;max-width:100%;overflow:auto;border:1px solid var(--line);background:var(--paper-raised);margin:12px 0;touch-action:none}
.atlas-tool .crop-stage canvas, .guide-body .crop-stage canvas{display:block;max-width:100%;height:auto;cursor:crosshair}
.atlas-tool .crop-grid, .guide-body .crop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:8px 0}
.atlas-tool .sr-only, .guide-body .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.atlas-tool .ar-presets .btn, .guide-body .ar-presets .btn{min-height:44px;margin:0 6px 6px 0}
.atlas-tool .pdf-list .btn, .guide-body .pdf-list .btn{min-height:44px}
.atlas-tool .pm-actions .btn, .guide-body .pm-actions .btn{min-height:44px;margin:0 4px 6px}
.atlas-tool .mt-bpm-row .btn, .guide-body .mt-bpm-row .btn{min-width:48px;min-height:48px;font-size:1.4rem}
.atlas-tool .mt-presets .btn, .guide-body .mt-presets .btn, .atlas-tool .gr-presets .btn, .guide-body .gr-presets .btn{min-height:44px;margin:0 4px 6px 0}
.atlas-tool .cv-copyrow .btn, .guide-body .cv-copyrow .btn{min-height:44px}
@media (max-width: 720px){.atlas-tool .container, .guide-body .container, .atlas-tool .wrap-narrow, .guide-body .wrap-narrow{ padding-left: 16px; padding-right: 16px; }.atlas-tool .calc-panel, .guide-body .calc-panel{ padding: 20px 16px; }.atlas-tool .card-grid, .guide-body .card-grid{ grid-template-columns: 1fr; }.atlas-tool .telecom-tool .btn, .guide-body .telecom-tool .btn, .atlas-tool .calc-panel > .btn, .guide-body .calc-panel > .btn{ width: 100%; justify-content: center; margin-top: 8px; }}
.atlas-tool .telecom-controls .field, .guide-body .telecom-controls .field{ margin-bottom: 0; }
.atlas-tool .occupation-hero .lede, .guide-body .occupation-hero .lede{ max-width: 860px; }
.atlas-tool .occupation-summary .plate-note, .guide-body .occupation-summary .plate-note{ max-width: 260px; }
.atlas-tool .occupation-text-cards .card p, .guide-body .occupation-text-cards .card p{ margin: 0; }
.atlas-tool .occupation-directory-controls .field, .guide-body .occupation-directory-controls .field{ margin: 0; }
@media (max-width: 640px){.atlas-tool .affiliate-card .btn, .guide-body .affiliate-card .btn{ width: 100%; justify-content: center; }}
.atlas-tool main:has(.hero .container:not(.wrap-narrow)) > .atlas-breadcrumb, .guide-body main:has(.hero .container:not(.wrap-narrow)) > .atlas-breadcrumb{ max-width: var(--max); padding-left: 24px; padding-right: 24px; }
.atlas-tool .atlas-save-toolbar .btn, .guide-body .atlas-save-toolbar .btn{background:#fff;color:#102b4e;min-height:44px}
.atlas-tool [data-property-results] .card p, .guide-body [data-property-results] .card p{overflow-wrap:anywhere}
@media(max-width:720px){.atlas-tool .atlas-save-toolbar .btn, .guide-body .atlas-save-toolbar .btn{padding:8px 12px;font-size:.9rem}}
@media print{.atlas-tool .card, .guide-body .card{break-inside:avoid}}
.atlas-tool .hero .btn-ghost, .guide-body .hero .btn-ghost, .atlas-tool [data-atlas-follow], .guide-body [data-atlas-follow]{background:#fff!important;color:#102b4e!important;border-color:#b8c8dc!important}
.atlas-tool .atlas-summary-grid .card, .guide-body .atlas-summary-grid .card{padding:18px}
@media(max-width:720px){.atlas-tool .atlas-save-toolbar .btn, .guide-body .atlas-save-toolbar .btn{font-size:.85rem}}
.atlas-tool [data-atlas-frequent-tools] .btn, .guide-body [data-atlas-frequent-tools] .btn{white-space:normal;text-align:left;min-height:44px}
.atlas-tool main .card-grid>.card, .guide-body main .card-grid>.card{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){.atlas-tool [data-atlas-intelligence="map"]>div:has(>[data-atlas-place]), .guide-body [data-atlas-intelligence="map"]>div:has(>[data-atlas-place]), .atlas-tool [data-atlas-climate-map]>div:has(>[data-atlas-place]), .guide-body [data-atlas-climate-map]>div:has(>[data-atlas-place]), .atlas-tool [data-atlas-changes]>div:has([data-change-query]), .guide-body [data-atlas-changes]>div:has([data-change-query]), .atlas-tool [data-atlas-freshness]>div:has([data-fresh-filter]), .guide-body [data-atlas-freshness]>div:has([data-fresh-filter]), .atlas-tool [data-atlas-intelligence="compare"]>div:has([data-atlas-a]), .guide-body [data-atlas-intelligence="compare"]>div:has([data-atlas-a]), .atlas-tool [data-atlas-intelligence="compare"] [data-atlas-results] .card>div[style*="grid-template-columns"], .guide-body [data-atlas-intelligence="compare"] [data-atlas-results] .card>div[style*="grid-template-columns"], .atlas-tool [data-atlas-compare-pro] [data-compare-results] section.card>div[style*="grid-template-columns"], .guide-body [data-atlas-compare-pro] [data-compare-results] section.card>div[style*="grid-template-columns"], .atlas-tool [data-atlas-compare-pro]>div:has(>[data-compare-a]), .guide-body [data-atlas-compare-pro]>div:has(>[data-compare-a]){grid-template-columns:minmax(0,1fr)!important}}
.atlas-tool [data-compare-results] .card, .guide-body [data-compare-results] .card, .atlas-tool [data-atlas-intelligence="compare"] [data-atlas-results] .card, .guide-body [data-atlas-intelligence="compare"] [data-atlas-results] .card{min-width:0;overflow-wrap:anywhere}
.atlas-tool .sr-only, .guide-body .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.atlas-tool .card[data-atlas-data-browser], .guide-body .card[data-atlas-data-browser]{min-width:0;overflow-wrap:anywhere}
.atlas-tool [data-atlas-data-browser] .card-grid, .guide-body [data-atlas-data-browser] .card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.atlas-tool [data-atlas-data-browser] .card, .guide-body [data-atlas-data-browser] .card{min-width:0}
.atlas-tool [data-atlas-data-browser] .card>label, .guide-body [data-atlas-data-browser] .card>label{display:flex;align-items:center;gap:8px}
.atlas-tool [data-salary-city-app] .field-row>label, .guide-body [data-salary-city-app] .field-row>label{min-width:0}