/* HostingExpert shared layout and readability standard. Loaded after feature styles. */
:root{--he-content:1320px;--he-radius:16px;--he-space:clamp(16px,2.4vw,30px)}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{font-size:16px;line-height:1.6}
img,svg,video,iframe{max-width:100%}
h1,h2,h3,h4,h5,h6,p,li,td,th,label,legend,small,strong,span,a,code,pre{overflow-wrap:anywhere;word-break:normal}
pre,code{white-space:pre-wrap;word-break:break-word}
.container{width:min(100% - 32px,var(--he-content));max-width:var(--he-content)}
.row>* ,[class*="grid"]>* ,article,section,aside,main,form,fieldset{min-width:0}
h1{font-size:clamp(2rem,5vw,4.25rem);line-height:1.08;letter-spacing:-.035em}
h2{line-height:1.18}p{max-width:75ch}
.btn{white-space:normal;line-height:1.3;min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.form-control,.form-select,input,textarea,select{max-width:100%}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive table{min-width:720px}
.navbar-brand{min-width:0}.navbar-brand img{flex:0 0 auto}.navbar .navbar-collapse{min-width:0}.navbar-nav{flex-wrap:wrap}
.path-card,.hosting-card,.hosting-guide,.hosting-plan,.project-editor,.project-board,.project-empty,.task-card,.lab-card,.lab-step,.simulator-card,.sim-prompt,.simulation-result,.ticket-message,.simulator-results article{overflow:hidden}
.lab-card,.lab-step,.simulator-card,.sim-prompt,.simulation-result,.ticket-message,.simulator-results article{color:var(--he-on-dark,#edf5ff)}
.lab-card h1,.lab-card h2,.lab-card h3,.lab-step h1,.lab-step h2,.lab-step h3,.simulator-card h1,.simulator-card h2,.simulator-card h3,.sim-prompt legend,.simulation-result h1,.simulation-result h2,.ticket-message p,.simulator-results h2{color:#f2f8ff}
.lab-card p,.lab-step p,.simulator-card p,.sim-prompt label,.ticket-message small,.simulator-results p{color:#b8c7da}
.simulator-card .btn,.lab-card .btn{margin-top:auto}
.sim-prompt label span{min-width:0}.sim-prompt label input{flex:0 0 auto;margin-top:.3rem}
.admin-main{width:100%;min-width:0;overflow:hidden}.admin-sidebar{overflow-y:auto}.admin-sidebar nav a{min-width:0;overflow-wrap:anywhere}.admin-page-head>*{min-width:0}.admin-page-head{align-items:flex-start;flex-wrap:wrap}.admin-page-head>form,.admin-page-head>a{flex:0 0 auto}.admin-panel{max-width:100%}.admin-form .row>*{min-width:0}
.hosting-actions,.d-flex.gap-2,.d-flex.gap-3{flex-wrap:wrap}
@media(max-width:991.98px){.container{width:min(100% - 24px,var(--he-content))}.admin-sidebar{position:static;max-height:none}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar-nav{flex-wrap:nowrap}.navbar-collapse{max-height:calc(100vh - 76px);overflow-y:auto}.admin-page-head>form,.admin-page-head>a{max-width:100%}}
@media(max-width:575.98px){body{font-size:15px}.container{width:min(100% - 20px,var(--he-content))}h1{font-size:clamp(1.9rem,11vw,3rem)}h2{font-size:clamp(1.35rem,7vw,2rem)}.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.lab-card,.lab-step,.simulator-card,.sim-prompt,.hosting-card,.hosting-guide,.project-board,.project-editor{padding:18px}.simulator-grid{grid-template-columns:minmax(0,1fr)}.admin-sidebar nav{grid-template-columns:minmax(0,1fr)}.admin-main{padding:14px}.admin-page-head{display:grid;grid-template-columns:minmax(0,1fr)}.admin-page-head>form,.admin-page-head>a,.admin-page-head .btn{width:100%}.simulator-results article{display:block}.simulator-results>article>strong{display:block;margin-top:12px;white-space:normal}.hosting-actions>.btn,.d-flex.gap-2>.btn{flex:1 1 150px}}