.workshop-tools{flex:none;background:#fffaf0;color:#10213f;padding:10px 18px;border-bottom:1px solid #d6dfe7;font-family:Inter,"Segoe UI",Arial,sans-serif}
.workshop-tools-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:end}
.workshop-tools label{display:block;min-width:0;font-size:13px;font-weight:700}
.workshop-tools button,.workshop-tools select{min-height:44px;font:inherit;border-radius:9px;box-sizing:border-box}
.workshop-tools button{border:1px solid #082a50;background:#082a50;color:#fff;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer}
.workshop-tools select{display:block;width:100%;margin-top:4px;border:1px solid #8796a8;background:white;color:#10213f;padding:8px;font-size:14px}
.workshop-tools button:disabled{background:#e2e8f0;color:#475569;border-color:#cbd5e1;cursor:default}
.workshop-tools-links{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:13px;line-height:1.4;margin-top:5px}
.workshop-tools-links a{display:inline-flex;align-items:center;min-height:44px;color:#082a50;text-decoration:underline;text-underline-offset:3px;font-weight:700}
#workshopStatus{margin-left:auto;color:#475569}
.workshop-tools :focus-visible,.workshop-guide-nav :focus-visible,.workshop-table-scroll:focus-visible{outline:3px solid #b87508;outline-offset:3px}
.workshop-navigation-page .main,.workshop-navigation-page .stage{min-width:0;min-height:0}
.workshop-navigation-page .slideInner{min-width:0;overflow-wrap:anywhere}
.workshop-navigation-page .slide :is(input,textarea,select){max-width:100%;min-width:0}
.workshop-navigation-page .slide :is(.grid,.grid2,.grid3,.g2,.g3)>*{min-width:0}
.workshop-navigation-page .main>.footer{position:static;flex:none;width:auto;height:auto;min-height:56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;background:#061a32;color:white;font-size:12px;line-height:1.5}
.workshop-navigation-page .main>.footer>div:first-child{flex:1 1 200px;max-width:300px}
.workshop-navigation-page .main>.footer .controls{display:flex;flex-wrap:wrap;gap:8px}
.workshop-navigation-page .main>.footer .controls button{min-width:96px;min-height:44px}
.workshop-navigation-page .main>.footer .bonillaapps-credit{flex:0 1 220px;width:220px;padding:0;margin:0}
.workshop-navigation-page .main>.footer .bonillaapps-credit a{border:0;box-shadow:0 4px 14px #0003}
.workshop-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.workshop-table-hint{display:none}
.workshop-guide-nav{box-sizing:border-box;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;color:#10213f;padding:12px 16px;margin:0 0 24px;font-family:Inter,"Segoe UI",Arial,sans-serif}
.workshop-guide-nav summary{padding:12px 0;cursor:pointer;font-size:16px;font-weight:700}
.workshop-guide-nav ol{padding-left:28px;margin:0;columns:2;column-gap:24px}
.workshop-guide-nav li{break-inside:avoid;padding:2px 0}
.workshop-guide-nav li a{display:inline-block;color:#082a50;padding:10px 0;line-height:1.5;text-decoration:underline;min-height:44px;box-sizing:border-box}
.workshop-guide-page{overflow-wrap:anywhere}
@media(max-width:950px){
 .workshop-navigation-page{height:auto;overflow:auto}
 .workshop-navigation-page .app{height:auto;min-height:100dvh;grid-template-columns:1fr}
 .workshop-navigation-page .side{display:none}
 .workshop-navigation-page .main{height:auto;min-height:100dvh}
 .workshop-navigation-page .stage{overflow:visible;min-height:0}
 .workshop-navigation-page .slide{position:static;height:auto;min-height:0;overflow:visible}
 .workshop-navigation-page .workshop-tools{position:sticky;top:0;z-index:30}
 .workshop-navigation-page .main>.footer{justify-content:center}
 .workshop-navigation-page .main>.footer>div:first-child{flex-basis:100%;max-width:none;text-align:center}
}
@media(max-width:650px){
 .workshop-tools{padding:8px 12px}
 .workshop-tools-row{grid-template-columns:1fr 1fr;gap:8px}
 .workshop-tools label{grid-column:1/-1;grid-row:1}
 .workshop-tools button{width:100%}
 .workshop-tools-links{column-gap:14px}
 #workshopStatus{flex-basis:100%;margin-left:0;padding:3px 0}
 .workshop-guide-nav ol{columns:1}
 .workshop-guide-page{margin:16px}
 .workshop-guide-page .wrap{padding:16px 0}
 .workshop-guide-page .cover{padding:24px 18px}
 .workshop-guide-page .cover h1{font-size:30px}
 .workshop-table-scroll table{min-width:var(--workshop-table-width,600px)}
 .workshop-guide-page .workshop-table-scroll table{font-size:14px;line-height:1.5;overflow-wrap:normal;word-break:normal}
 .workshop-table-hint{display:block;font-size:13px;line-height:1.5;color:#475569;margin:8px 0}
}
@media print{
 .workshop-tools,.workshop-guide-nav,.workshop-table-hint{display:none!important}
 .workshop-table-scroll{overflow:visible;max-width:none}
 .workshop-table-scroll table{min-width:0!important;width:100%}
}
.workshop-review { margin: 1rem 0; padding: 1rem; background: #f1f7fb; border-left: 4px solid #17668b; border-radius: 12px; line-height: 1.55; }
.workshop-review summary { cursor: pointer; color: #123b57; }
.workshop-review p,.workshop-review dd { font-size: 15px; overflow-wrap: anywhere; }
.workshop-review dt { font-weight: 800; margin-top: 1rem; }
.workshop-review dd { margin: .5rem 0 .5rem 1rem; white-space: pre-line; }
.workshop-review a { color: #125378; }
.workshop-plan-review p { font-size: 15px; }
.workshop-navigation-page .lab .point { transform: translateX(-50%); white-space: nowrap; }