/* pdf.inklura.fr/installation (activ #1105): installation guide per system, plus
   the « Guide d'installation » notice under the home downloads. Loaded after
   site-v2.css, whose tokens (--v2-*) it uses. Rounded boxes keep neutral lines. */

/* home: notice under the download cards */
.v2-dl-guide{display:flex;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;border-radius:14px;background:var(--v2-brand-soft);color:var(--v2-ink-2);font-size:14.5px;line-height:1.55;scroll-margin-top:110px}
.v2-dl-guide>svg{flex:0 0 auto;color:var(--v2-brand)}
.v2-dl-guide p{margin:0;flex:1}
.v2-dl-guide strong{color:var(--v2-ink)}
.v2-dl-guide .v2-btn{flex:0 0 auto}
.v2-dl-guide.is-started{background:var(--v2-orange-soft)}
.v2-dl-guide.is-started>svg{color:var(--v2-orange-ink)}
@media (max-width:600px){.v2-dl-guide{flex-wrap:wrap;padding:16px}.v2-dl-guide .v2-btn{width:100%}.v2-dl-guide>svg{display:none}}
.v2-downloads>.v2-dl-guide{grid-column:1/-1;margin-top:0}

/* page */
.v2-inst .v2-inst-os{scroll-margin-top:70px}
.v2-inst-pick{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.v2-inst-pick a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:12px;background:var(--v2-card);border:1px solid var(--v2-line-strong);font-weight:650;font-size:15.5px;color:var(--v2-ink)!important;box-shadow:var(--v2-shadow-sm);transition:transform .15s,border-color .15s}
.v2-inst-pick a:hover{transform:translateY(-1px);border-color:var(--v2-ink-2)}
.v2-inst-pick span{font-family:system-ui,sans-serif;color:var(--v2-brand);font-size:17px}
.v2-inst-pick a:nth-child(2) span{color:var(--v2-orange-ink)}

.v2-inst-block{padding:34px 0 8px;border-top:1px solid var(--v2-line)}
.v2-inst-block+.v2-inst-block{margin-top:34px}
.v2-inst-sub{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-size:22px;line-height:1.25;letter-spacing:-.02em;font-family:"Bricolage Grotesque",Inter,sans-serif}
.v2-inst-sub>span{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--v2-brand);color:var(--v2-on-brand);font:700 16px Inter,system-ui,sans-serif}
.v2-inst-intro{margin:-6px 0 24px;max-width:68ch;font-size:16px;line-height:1.65;color:var(--v2-ink-2)}

/* file cards */
.v2-inst-choose{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:start}
.v2-inst-files{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v2-inst-files.is-single{grid-template-columns:1fr;max-width:420px;margin-bottom:26px}
.v2-inst-files article{display:flex;flex-direction:column;align-items:flex-start;padding:22px;border-radius:16px;background:var(--v2-card);border:1px solid var(--v2-line);box-shadow:var(--v2-shadow-sm)}
.v2-inst-files .v2-os{font-size:24px;line-height:1.2;font-family:system-ui,sans-serif}
.v2-inst-files .v2-os.is-alt{color:var(--v2-orange-ink)}
.v2-inst-files h4{margin:10px 0 6px;font-size:17px;letter-spacing:-.01em}
.v2-inst-files p{margin:0 0 18px;font-size:14px;line-height:1.5;color:var(--v2-mut)}
.v2-inst-files .v2-btn{width:100%;margin-top:auto;white-space:normal;text-align:center;padding:10px 14px}
.v2-inst-files small{margin-top:10px;font-size:12px;color:var(--v2-mut);overflow-wrap:anywhere}
.v2-inst-howto{padding:4px 0}
.v2-inst-howto p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--v2-ink-2)}
.v2-inst-howto .v2-inst-q{font-weight:700;color:var(--v2-ink);font-size:16px}
.v2-inst-apple{display:inline-block;width:.8em;height:.95em;vertical-align:-.1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 814 1000'%3E%3Cpath d='M788 341c-6 4-107 62-107 188 0 146 128 198 132 199-1 3-20 70-67 139-42 60-86 121-152 121s-83-39-160-39c-75 0-102 40-163 40s-103-56-152-124C62 784 16 657 16 537c0-194 126-297 250-297 66 0 121 43 162 43 40 0 102-46 177-46 29 0 131 3 183 104zM554 159c31-37 53-88 53-139 0-7-1-14-2-20-50 2-110 34-146 76-28 32-55 83-55 135 0 8 1 15 2 18 3 0 8 1 13 1 45 0 102-30 135-71z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 814 1000'%3E%3Cpath d='M788 341c-6 4-107 62-107 188 0 146 128 198 132 199-1 3-20 70-67 139-42 60-86 121-152 121s-83-39-160-39c-75 0-102 40-163 40s-103-56-152-124C62 784 16 657 16 537c0-194 126-297 250-297 66 0 121 43 162 43 40 0 102-46 177-46 29 0 131 3 183 104zM554 159c31-37 53-88 53-139 0-7-1-14-2-20-50 2-110 34-146 76-28 32-55 83-55 135 0 8 1 15 2 18 3 0 8 1 13 1 45 0 102-30 135-71z'/%3E%3C/svg%3E") center/contain no-repeat}
.v2-inst-about{display:grid;gap:8px;margin:4px 0 14px}
.v2-inst-about div{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;padding:11px 14px;border-radius:10px;background:var(--v2-card);border:1px solid var(--v2-line);font-size:14px}
.v2-inst-about span{color:var(--v2-mut)}
.v2-inst-about strong{color:var(--v2-ink);font-weight:600}
.v2-inst-about em{font-style:normal;font-weight:650;font-size:13px;color:var(--v2-brand);white-space:nowrap}
.v2-inst-about em.is-alt{color:var(--v2-orange-ink)}

/* numbered steps */
.v2-inst-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start}
.v2-inst-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:is}
.v2-inst-steps li{counter-increment:is;position:relative;padding:14px 0 16px 54px;border-bottom:1px solid var(--v2-line)}
.v2-inst-steps li:last-child{border-bottom:0}
.v2-inst-steps li::before{content:counter(is);position:absolute;left:0;top:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--v2-brand-soft);color:var(--v2-brand);font:700 15px Inter,system-ui,sans-serif}
.v2-inst-steps li.is-key::before{background:var(--v2-orange);color:#fff}
html[data-theme=dark] .v2-inst-steps li.is-key::before{color:#2a1800}
.v2-inst-steps strong{display:block;font-size:16.5px;line-height:1.4;color:var(--v2-ink);margin-bottom:4px}
.v2-inst-steps span{display:block;font-size:15px;line-height:1.6;color:var(--v2-ink-2)}
.v2-inst-steps span.v2-inst-apple{display:inline-block}
.v2-inst code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:2px 6px;border-radius:6px;background:var(--v2-paper-2);color:var(--v2-ink);overflow-wrap:anywhere}
.v2-section-tint .v2-inst-steps code,.v2-section-tint.v2-inst-os code{background:var(--v2-card)}

/* mock screens: always light, like the real system dialogs */
.v2-inst-mocks{display:grid;gap:22px}
.v2-inst-mock{margin:0;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif}
.v2-inst-mock figcaption{margin-top:10px;font-size:13px;color:var(--v2-mut);text-align:center}
.v2-inst-tag{display:inline-block;font-style:normal;font-weight:650;font-size:13px;padding:5px 12px;border-radius:999px;background:var(--v2-orange);color:#fff}
html[data-theme=dark] .v2-inst-tag{color:#2a1800}
.v2-inst-win-bar{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#ecebe9;border-bottom:1px solid #dcdad6;font-size:12px;color:#55534f}
.v2-inst-win-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.v2-inst-win-bar i+i{background:#febc2e}.v2-inst-win-bar i+i+i{background:#28c840}
.v2-inst-win-bar span{flex:1;text-align:center;margin-right:40px;font-weight:600}
.v2-inst-dmg{border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--v2-shadow)}
.v2-inst-dmg figcaption{margin:0;padding:0 14px 14px;background:#fff;color:#6b6b6b}
.v2-inst-dmg-body{display:flex;align-items:center;justify-content:space-around;padding:34px 18px 22px;background:#fff;color:#222}
.v2-inst-dmg-body div{display:grid;justify-items:center;gap:8px;font-size:13px}
.v2-inst-dmg-body b{font-size:34px;color:#9a9a9a;font-weight:300}
.v2-inst-folder{position:relative;display:block;width:70px;height:54px;margin-top:6px;border-radius:6px;background:linear-gradient(#6cb8f5,#3d95e6)}
.v2-inst-folder::before{content:"";position:absolute;left:0;top:-7px;width:28px;height:10px;border-radius:4px 4px 0 0;background:#5aa9ef}
.v2-inst-folder::after{content:"A";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 22px/1 -apple-system,system-ui,sans-serif;opacity:.9}
.v2-inst-alert{width:min(100%,300px);margin:0 auto;padding:22px 18px 16px;border-radius:14px;background:#f2f1ef;box-shadow:var(--v2-shadow);text-align:center;color:#1d1d1f}
.v2-inst-alert img{display:block;margin:0 auto 12px}
.v2-inst-alert strong{display:block;font-size:13.5px;line-height:1.35}
.v2-inst-alert p{margin:8px 0 16px;font-size:11.5px;line-height:1.45;color:#3a3a3c}
.v2-inst-alert-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v2-inst-alert-btns span{padding:7px 6px;border-radius:7px;background:#e1e0de;font-size:12px;line-height:1.25}
.v2-inst-alert-btns .is-no{color:#6e6e73}
.v2-inst-alert-btns .is-yes{background:#0a84ff;color:#fff;font-weight:600}
.v2-inst-alert figcaption{margin-top:14px}
.v2-inst-settings{border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--v2-shadow);color:#1d1d1f}
.v2-inst-settings-body{padding:16px 16px 18px}
.v2-inst-settings-h{margin:0 0 8px;font-size:13px;font-weight:700}
.v2-inst-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:9px;background:#f5f5f7;font-size:12px;line-height:1.4}
.v2-inst-settings-row b{flex:0 0 auto;padding:6px 10px;border-radius:7px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.18);font-weight:600;font-size:12px}
.v2-inst-settings figcaption{margin:0;padding:0 14px 14px}
.v2-inst-smart{border-radius:4px;overflow:hidden;background:#0063b1;color:#fff;box-shadow:var(--v2-shadow)}
.v2-inst-smart-body{padding:26px 24px 16px}
.v2-inst-smart-body strong{display:block;font:300 22px/1.2 "Segoe UI",system-ui,sans-serif;margin-bottom:12px}
.v2-inst-smart-body p{margin:0 0 12px;font-size:13px;line-height:1.5;color:#e8f1fa}
.v2-inst-smart-body u{display:inline-block;margin-bottom:14px;font-size:13px;font-weight:600;background:rgba(255,255,255,.14);padding:2px 4px;border-radius:3px}
.v2-inst-smart dl{margin:0;display:grid;gap:3px;font-size:12.5px}
.v2-inst-smart dl div{display:flex;gap:8px}
.v2-inst-smart dt{color:#c6dbef;min-width:82px}
.v2-inst-smart dd{margin:0;word-break:break-all}
.v2-inst-smart-btns{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:#00569c}
.v2-inst-smart-btns span{padding:6px 14px;background:#3b82c4;font-size:12.5px}
.v2-inst-smart-btns .is-yes{background:#fff;color:#0063b1;font-weight:600}
.v2-inst-smart figcaption{margin:0;padding:0 16px 16px;background:#00569c}

/* notes */
.v2-inst-once{display:flex;gap:14px;align-items:flex-start;margin-top:26px;padding:18px 20px;border-radius:14px;background:var(--v2-brand-soft)}
.v2-inst-once>svg{flex:0 0 auto;margin-top:2px;color:var(--v2-brand)}
.v2-inst-once p{margin:0;font-size:15px;line-height:1.6;color:var(--v2-ink-2)}
.v2-inst-once strong{color:var(--v2-ink)}
.v2-inst-older{margin-top:18px}
.v2-inst-why{display:flex;gap:18px;align-items:flex-start;margin-top:40px;padding:26px 28px;border-radius:18px;background:var(--v2-paper-2)}
.v2-inst-why-icon{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--v2-orange-soft);color:var(--v2-orange-ink)}
.v2-inst-why h3{margin:6px 0 10px;font-size:19px;letter-spacing:-.01em}
.v2-inst-why p{margin:0 0 10px;font-size:15px;line-height:1.65;color:var(--v2-ink-2);max-width:78ch}
.v2-inst-why p:last-child{margin-bottom:0}
.v2-details p a,.v2-inst-why a,.v2-inst-note a,.v2-inst-bought a,.v2-faq details a{color:var(--v2-brand);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.v2-inst-note{margin:26px 0 0;font-size:14.5px;line-height:1.6;color:var(--v2-mut);max-width:80ch}

/* after install */
.v2-inst-next h3{font-size:18px}
.v2-inst-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}
.v2-inst-after>div{padding:26px;border-radius:18px;background:var(--v2-card);border:1px solid var(--v2-line)}
.v2-inst-after h3{margin:0 0 10px;font-size:18px;letter-spacing:-.01em}
.v2-inst-after p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--v2-ink-2)}
.v2-inst-after p:last-child{display:flex;flex-wrap:wrap;gap:10px 22px;margin:16px 0 0}
.v2-inst-contact{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.v2-faq details p code{font-size:12.5px}

@media (max-width:1080px){
  .v2-inst-choose,.v2-inst-grid{grid-template-columns:1fr;gap:30px}
  .v2-inst-mocks{grid-template-columns:1fr 1fr;align-items:start}
  .v2-inst-dmg,.v2-inst-smart{max-width:460px}
}
@media (max-width:860px){
  .v2-inst-after{grid-template-columns:1fr}
}
@media (max-width:600px){
  .v2-inst-files{grid-template-columns:1fr}
  .v2-inst-mocks{grid-template-columns:1fr}
  .v2-inst-sub{font-size:19px;gap:12px}
  .v2-inst-sub>span{width:32px;height:32px;font-size:15px}
  .v2-inst-steps li{padding-left:48px}
  .v2-inst-steps li::before{width:32px;height:32px;font-size:14px}
  .v2-inst-why{flex-direction:column;padding:22px 18px;gap:10px}
  .v2-inst-once{padding:16px}
  .v2-inst-about div{grid-template-columns:1fr auto;row-gap:2px}
  .v2-inst-about span{grid-column:1/-1}
  .v2-inst-pick a{flex:1 1 auto;justify-content:center}
  .v2-inst-contact .v2-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.v2-inst-pick a{transition:none}}