/* Styles migrés depuis tutoriels/index.html. */

.tutorial-main{padding:0 18px 40px;position:relative;z-index:2}
    .tutorial-screen{display:none}
    .tutorial-screen.active{display:block}
    .tutorial-heading{margin-bottom:14px}
    .tutorial-grid{display:grid;gap:8px}
    .tutorial-card{
      display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;
      min-height:72px;padding:10px 0;text-decoration:none;color:inherit;
      background:transparent;border:0;border-bottom:1px solid rgba(26,53,85,.20);
      box-shadow:none;
    }
    .tutorial-card__icon{display:grid;place-items:center;font-size:1.55rem;background:transparent}
    .tutorial-card strong{display:block;font-size:1rem;line-height:1.15}
    .tutorial-card em{display:block;margin-top:3px;color:#34445d;font-size:.78rem;font-style:normal;line-height:1.25}
    .tutorial-card b{font-size:1.5rem}
    .tutorial-screen .manual-shell{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
    .tutorial-screen .manual-toolbar{
      position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:8px;
      padding:8px 0;background:rgba(225,238,255,.78);backdrop-filter:blur(8px);border:0
    }
    .tutorial-screen .manual-toolbar>div{display:flex;gap:8px}
    .tutorial-screen button{
      border:1px solid rgba(26,53,85,.24);border-radius:999px;background:rgba(255,255,255,.72);
      color:#17233a;padding:9px 12px;font-weight:800;cursor:pointer
    }
    .tutorial-screen button.primary{background:#17233a;color:#fff;border-color:#17233a}
    .tutorial-screen .manual-a4{
      width:100%;min-height:0;margin:0;padding:10px 0 28px;background:transparent!important
    }
    .tutorial-screen .manual-header{margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(26,53,85,.25)}
    .tutorial-screen .manual-header h1{font-size:1.35rem;line-height:1.15;margin:0 0 4px}
    .tutorial-screen .manual-subtitle{font-size:.82rem;color:#34445d;font-weight:700}
    .tutorial-screen .section-title{margin:18px 0 6px;color:#17233a;font-size:1rem}
    .tutorial-screen .rule{height:1px;background:rgba(26,53,85,.16);margin-bottom:8px}
    .tutorial-screen .box,
    .tutorial-screen .success,
    .tutorial-screen .warning,
    .tutorial-screen .danger{
      margin:8px 0;padding:10px 0;border:0;border-bottom:1px solid rgba(26,53,85,.14);
      border-radius:0;background:transparent!important;color:#17233a
    }
    .tutorial-screen .illustration{margin:12px 0;text-align:center}
    .tutorial-screen .illustration img{
      display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border:0;border-radius:14px;background:transparent
    }
    .tutorial-screen .caption{font-size:.72rem;color:#34445d;margin-top:5px}
    .tutorial-screen .two-col,.tutorial-screen .tv-quick-grid{display:grid;grid-template-columns:1fr;gap:8px}
    .tutorial-screen .manual-footer{margin-top:18px;padding-top:8px;border-top:1px dashed rgba(26,53,85,.22);font-size:.72rem;color:#34445d}
    .tutorial-screen .manual-logo{display:block;width:min(58mm,70%);height:auto;margin:0 auto 8px;background:transparent}
    .tutorial-screen ol,.tutorial-screen ul{padding-left:22px}
    .tutorial-screen li{margin:6px 0;line-height:1.4}
    @media print{
      body{background:#fff!important}
      .app-shell,.tutorial-main{background:#fff!important;padding:0!important}
      .topbar,.hamburger-menu,.tutorial-heading,.tutorial-grid,.manual-toolbar{display:none!important}
      .tutorial-screen{display:none!important}
      .tutorial-screen.print-target{display:block!important}
      .tutorial-screen .manual-a4{width:210mm;min-height:297mm;padding:14mm;background:#fff!important}
    }