/* Présentation commune des tutoriels ; limitée au contenu principal. */
#main.pc-tutoriel{min-width:0;color:#263546;font-size:16px;line-height:1.75;overflow-wrap:break-word}
#main.pc-tutoriel *,#main.pc-tutoriel *::before,#main.pc-tutoriel *::after{box-sizing:border-box}
#main.pc-tutoriel .rows,#main.pc-tutoriel .row-container,#main.pc-tutoriel .row-content,#main.pc-tutoriel .col-content,#main.pc-tutoriel .col{min-width:0;max-width:100%}
#main.pc-tutoriel .row-container.container{width:100%}
#main.pc-tutoriel h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.25;letter-spacing:-.025em;margin:20px 0 28px;overflow-wrap:anywhere}
#main.pc-tutoriel h2{font-size:clamp(1.3rem,2.3vw,1.7rem);line-height:1.35;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:90px}
#main.pc-tutoriel h3{font-size:1.18rem;line-height:1.45;margin-top:1.5rem;margin-bottom:.75rem;scroll-margin-top:90px}
#main.pc-tutoriel p{line-height:1.8;margin-bottom:1rem}
#main.pc-tutoriel li{line-height:1.7}
#main.pc-tutoriel :is(.pc-cours,.pc-uml,.pc-compilation){max-width:100%;min-width:0}
#main.pc-tutoriel :is(.pc-intro,.pc-chapeau,.pc-encadre,.pc-retenir,.pc-sommaire){padding:20px;border-radius:12px;margin-block:24px}
#main.pc-tutoriel .pc-sommaire h2{margin-top:0;font-size:1.15rem}
#main.pc-tutoriel :is(.pc-grille){grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}
#main.pc-tutoriel .pc-carte{min-width:0;height:100%;padding:20px;border-radius:12px}
#main.pc-tutoriel pre{display:block;max-width:100%;min-width:0;overflow-x:auto;white-space:pre;overflow-wrap:normal;word-break:normal;background:#16222e;color:#f1f5f9;border:1px solid #304252;border-radius:10px;padding:20px;font:14px/1.7 Consolas,'Courier New',monospace;tab-size:4;text-align:left}
#main.pc-tutoriel pre code{color:inherit;background:none;padding:0;font:inherit;white-space:inherit}
#main.pc-tutoriel :not(pre)>code{overflow-wrap:anywhere}
#main.pc-tutoriel .pc-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #d7dfe7;border-radius:10px;background:white}
#main.pc-tutoriel .pc-table-scroll table{border-collapse:collapse;margin:0;min-width:100%;height:auto!important}
#main.pc-tutoriel .pc-table-scroll :is(th,td){padding:12px 14px;border:1px solid #d7dfe7;vertical-align:top;line-height:1.6}
#main.pc-tutoriel .pc-table-scroll th{background:#f0f5f9;color:#263546;text-align:left}
#main.pc-tutoriel figure{max-width:100%;margin:26px 0}
#main.pc-tutoriel img{max-width:100%;height:auto}
#main.pc-tutoriel svg{max-width:100%;height:auto}
#main.pc-tutoriel figcaption{padding:10px 4px;font-size:.9rem;line-height:1.6;color:#46586b}
#main.pc-tutoriel iframe{max-width:100%}
#main.pc-tutoriel iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:10px}
#main.pc-tutoriel details{max-width:100%;border-radius:10px;margin-block:16px}
#main.pc-tutoriel summary{cursor:pointer;line-height:1.6;min-height:44px;padding:14px 18px}
#main.pc-tutoriel :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #a94316;outline-offset:4px}
#main.pc-tutoriel :is(.pc-nav,.pc-pages){display:flex;flex-wrap:wrap;gap:14px}
#main.pc-tutoriel :is(.pc-nav,.pc-pages)>a{min-width:0;flex:1 1 220px;overflow-wrap:anywhere}
#main.pc-tutoriel :is(.pc-pagination,.pc-pagi-nums){flex-wrap:wrap;gap:8px}
#main.pc-tutoriel :is(.pc-pagination,.pc-pagi-nums) a{min-width:40px;min-height:40px}
@media(max-width:600px){
 #main.pc-tutoriel{font-size:16px}
 #main.pc-tutoriel :is(.pc-cours,.pc-compilation){padding-inline:0}
 #main.pc-tutoriel :is(.pc-intro,.pc-chapeau,.pc-encadre,.pc-retenir,.pc-sommaire,.pc-carte){padding:16px}
 #main.pc-tutoriel .pc-sommaire ol{columns:1}
 #main.pc-tutoriel pre{padding:15px;font-size:13px}
 #main.pc-tutoriel .pc-table-scroll :is(th,td){padding:10px}
 #main.pc-tutoriel :is(.pc-nav,.pc-pages)>a{flex-basis:100%}
 #main.pc-tutoriel .pc-nav-suiv{text-align:left}
}
@media print{
 #main.pc-tutoriel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;color:black}
 #main.pc-tutoriel .pc-table-scroll{overflow:visible;border:0}
 #main.pc-tutoriel :is(h2,h3){break-after:avoid}
}
/* Polices locales de secours : lecture stable même sans Google Fonts. */
#main.pc-tutoriel{font-family:Arial,Helvetica,sans-serif}
#main.pc-tutoriel :is(h1,h2,h3,h4,h5,h6){font-family:Arial,Helvetica,sans-serif;color:#263546}
#main.pc-tutoriel a:not([class]){color:#225f96;text-underline-offset:3px}
/* Documents importés : remettre les illustrations et cadres dans le flux. */
#main.pc-tutoriel img[style*="position:absolute"],#main.pc-tutoriel img[style*="position: absolute"]{position:static!important;display:block;margin:20px auto!important;height:auto!important}
#main.pc-tutoriel v\:shape{position:static!important;display:block;max-width:100%;width:auto!important;height:auto!important;margin:16px 0!important}
#main.pc-tutoriel p{max-width:100%;overflow-wrap:anywhere}
#main.pc-tutoriel p[style*="margin-left:-"],#main.pc-tutoriel p[style*="margin-left: -"]{margin-left:0!important;margin-right:0!important}
#main.pc-tutoriel .main-content{min-width:0;max-width:100%;flex-basis:100%}
#main.pc-tutoriel .concept-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
body:has(#main.pc-tutoriel) footer.frieze-triangles{overflow:hidden}
@media(max-width:600px){#main.pc-tutoriel .main-content{padding:12px}#main.pc-tutoriel .content{padding:0}}
#main.pc-tutoriel img[hspace]{margin-inline:0}

/* Accès complémentaires : mêmes cartes que sur l’accueil, espacement compact. */
#main #pc-formations-complementaires{margin:20px 0 12px;padding:0}
#main #pc-formations-complementaires h2{font-size:1.25rem;line-height:1.35;margin:16px 0 10px;padding:0;border:0}
#pc-formations-complementaires .pc-cours-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:12px;margin:0}
#pc-formations-complementaires .pc-cours-c{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid rgba(0,0,0,.1);border-radius:11px;background:#fff;text-decoration:none;color:inherit;transition:border-color .18s,box-shadow .18s}
#pc-formations-complementaires .pc-cours-c:hover{border-color:#e2571e;box-shadow:0 6px 16px rgba(0,0,0,.09)}
#pc-formations-complementaires .pc-vedette{border-color:#e2571e;background:rgba(226,87,30,.04)}
#pc-formations-complementaires .pc-cours-t{font-weight:700;font-size:1rem;line-height:1.45}
#pc-formations-complementaires .pc-cours-d{font-size:.88rem;line-height:1.55;color:#46586b;flex:1}
#pc-formations-complementaires .pc-cours-m{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#a94316;margin-top:4px}