:root{--s51-ink:#082c42;--s51-muted:#547181;--s51-line:#c9dce5;--s51-mint:#0bae8d;--s51-navy:#092f45}
html,body{max-width:100%;overflow-x:hidden}main.app{min-width:0}.view{width:100%;min-width:0;max-width:1440px;margin-inline:auto}.view *{min-width:0}.view img,.view svg,.view canvas,.view video{max-width:100%}.view h1,.view h2,.view h3,.view p,.view b,.view span{overflow-wrap:anywhere}.view table{display:block;width:100%;max-width:100%;overflow-x:auto}.view pre,.view code{max-width:100%;overflow-x:auto}.form-grid,.simple-grid,.tool-grid,.module-grid,.results-grid{min-width:0}.form-grid>*,.simple-grid>*,.tool-grid>*,.module-grid>*,.results-grid>*{min-width:0}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar .side-foot b{color:#dffbf3}.sidebar .side-caption{margin-top:11px}.sidebar .side-link{flex:0 0 auto}
.s51-home-hero,.s51-hub-hero{padding:clamp(26px,4vw,54px);border:1px solid var(--s51-line);border-radius:28px;background:linear-gradient(135deg,#fff,#eaf8f4);color:var(--s51-ink)}.s51-home-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.s51-home-hero h1,.s51-hub-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.96;letter-spacing:-.05em;margin:.15em 0}.s51-home-hero p,.s51-hub-hero p{max-width:760px;color:var(--s51-muted);font-size:1.05rem}.s51-home-map{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px;border-radius:20px;background:var(--s51-navy);color:#fff}.s51-home-map span{display:grid;place-items:center;text-align:center;font-weight:850;font-size:.84rem}.s51-home-map b{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border-radius:50%;background:#30d4b0;color:#073242}.s51-home-map i{color:#72dbc8;font-style:normal}
.s51-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.s51-primary-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.s51-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:22px;text-align:left;border:1px solid var(--s51-line);border-radius:18px;background:#fff;color:var(--s51-ink);box-shadow:0 10px 25px #183a5010}.s51-card:hover{border-color:#54bda8;transform:translateY(-2px)}.s51-card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#dff7ef;color:#087f6a}.s51-card small,.s51-card b,.s51-card em{display:block}.s51-card small{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#008a72}.s51-card b{margin:3px 0;font-size:1.18rem}.s51-card em{font-style:normal;color:var(--s51-muted);font-size:.9rem;line-height:1.45}.s51-card>i{font-size:1.4rem;color:#0aa98a;font-style:normal}.s51-recent{margin-top:28px}
.s51-hub>.bar{background:var(--s51-navy)!important}.s51-hub>.bar h2{color:#fff!important}.s51-hub>.bar small{color:#75e0cd!important}.s51-hub-hero{margin-bottom:22px}.s51-hub-hero.learn{background:linear-gradient(135deg,#fff,#e8f8f3)}.s51-hub-hero.calculate{background:linear-gradient(135deg,#fff,#edf6ff)}.s51-hub-hero.work{background:linear-gradient(135deg,#fff,#f2f7ef)}.s51-section{margin:22px 0}.s51-section>h2,.s51-groups section>h2{margin:0 0 12px;color:var(--s51-ink)}.s51-section>.s51-card{max-width:900px}.s51-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.s51-groups section{padding:20px;border:1px solid var(--s51-line);border-radius:20px;background:#f7fafc}.s51-groups .s51-card{margin-top:10px;padding:17px;box-shadow:none}.s51-ac-actions{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:start;margin:24px 0;padding:26px;border:1px solid var(--s51-line);border-radius:24px;background:#f4faf8;color:var(--s51-ink)}.s51-ac-actions>div:last-child{display:grid;gap:10px}.s51-ac-actions p{color:var(--s51-muted)}
#ac48Workbench[hidden]{display:none!important}#formulary[data-s51-legacy="true"] .context-formula-button{display:none}.gf2-book-layout,.gf2-library-grid,.gf2-learning-paths,.formula-layout,.ac46-panel,.plc32-shell{max-width:100%!important}.gf2-book-article,.gf2-book-chapter,.gf2-course-stage,.gf2-course-shell>*{min-width:0!important}.gf2-data-table,.mixed-results,.formula-cards,.plc32-work{max-width:100%;overflow-x:auto}.page-title,.bar,.section-heading,.ac46-head,.ac48-work-head,.roadmap47>div:first-child{min-width:0}
#ac48Theory{position:static!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important}#plcWorkshop svg{overflow:hidden}
.workspace-guide{margin:18px 0 22px;border:1px solid #b9d9d1;border-radius:20px;background:linear-gradient(135deg,#f9fffd,#edf8f5);color:var(--s51-ink);box-shadow:0 10px 28px #15384b0b;overflow:hidden}.workspace-guide summary{display:grid;grid-template-columns:40px auto 1fr;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;list-style:none}.workspace-guide summary::-webkit-details-marker{display:none}.workspace-guide summary>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#12b99a;color:#fff;font-size:1.2rem;font-weight:900}.workspace-guide summary>b{font-size:1.05rem;color:#0a3448!important}.workspace-guide summary>em{justify-self:end;color:#547181;font-style:normal;font-size:.9rem}.workspace-guide[open] summary{border-bottom:1px solid #cee4de}.workspace-guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px 12px}.workspace-guide-steps article{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid #d5e7e2;border-radius:15px;background:#fff}.workspace-guide-steps article>i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#0a3c52;color:#fff;font-style:normal;font-weight:900}.workspace-guide-steps b{display:block;margin:2px 0 5px}.workspace-guide-steps p{margin:0;color:#4f6e7d;font-size:.88rem;line-height:1.48}.workspace-guide-note{margin:0;padding:4px 20px 18px;color:#315666}.workspace-guide-note b{color:#087d68}
@media(max-width:1100px){.s51-home-hero,.s51-ac-actions{grid-template-columns:1fr}.s51-groups{grid-template-columns:1fr}.s51-home-map{justify-content:flex-start}.view{max-width:100%}.gf2-course-shell{grid-template-columns:1fr!important}.gf2-course-nav{position:relative!important;top:auto!important;max-height:none!important}}
@media(max-width:1100px){.workspace-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.s51-home-hero,.s51-hub-hero{padding:25px 20px;border-radius:20px}.s51-home-hero{grid-template-columns:1fr}.s51-home-hero h1,.s51-hub-hero h1{font-size:2.65rem}.s51-home-map{overflow-x:auto;justify-content:flex-start}.s51-home-map span{min-width:78px}.s51-primary-grid,.s51-primary-grid.compact{grid-template-columns:1fr}.s51-card{padding:17px;gap:12px}.s51-card-icon{width:44px;height:44px}.s51-card em{font-size:.82rem}.s51-groups section{padding:15px}.s51-ac-actions{padding:20px}.view .bar{align-items:flex-start}.view .bar h2{font-size:1.25rem;line-height:1.25}.view .page-title{align-items:flex-start}.view .page-title>div{flex:1}.view .page-title h1{font-size:1.55rem}.view .actions>*{max-width:100%}.view .results-grid{grid-template-columns:1fr}.view .results-grid .metric{grid-column:auto}.view .form-grid,.view .form.two,.view .simple-grid{grid-template-columns:1fr!important}.view .formula-layout,.view .ac46-grid,.view .gf2-explain{grid-template-columns:1fr!important}.view .step-track{display:flex;overflow-x:auto}.view .step-track .step{min-width:78px}.view .tabs,.view .seg,.view .ac48-type-buttons{overflow-x:auto}.view .tabs button,.view .seg button,.view .ac48-type-buttons button{flex:0 0 auto}.gf2-book-layout,.gf2-library-grid,.gf2-learning-paths{padding-left:8px!important;padding-right:8px!important;margin-left:0!important;margin-right:0!important}.gf2-book-chapter{padding-left:18px!important;padding-right:18px!important}.gf2-flowline{overflow-x:auto;flex-wrap:nowrap}.plc32-shell,.plc32-work,.plc32-rung{max-width:100%!important}.plc32-rung-body{overflow-x:auto!important}.workspace-guide summary{grid-template-columns:38px 1fr;padding:15px}.workspace-guide summary>em{display:none}.workspace-guide-steps{grid-template-columns:1fr;padding:15px}.workspace-guide-note{padding:2px 15px 16px}}
.s51-responsibility{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:24px;border:1px solid #cbdce7;border-radius:22px;background:#fff}.s51-responsibility h2{margin:.2rem 0 .45rem}.s51-responsibility p{margin:0;line-height:1.55}.s51-responsibility .eyebrow{color:#008b72;font-weight:800}@media(max-width:700px){.s51-responsibility{align-items:stretch;flex-direction:column}.s51-responsibility button{width:100%}}
