:root{--pereko-yellow:#ffc800;--pereko-dark:#17252b;--pereko-text:#17232b;--pereko-muted:#60717b;--pereko-border:#d9e0e4;--pereko-radius:14px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video,canvas{max-width:100%;height:auto}button,a,input,select,textarea{font:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--pereko-yellow);outline-offset:3px}
@media(max-width:900px){header,.topbar,.site-header,.portal-header{padding-left:18px!important;padding-right:18px!important}main,.container,.wrap,.page-shell{max-width:100%!important}h1{font-size:clamp(28px,8vw,44px)!important;line-height:1.05!important}h2{font-size:clamp(22px,6vw,32px)!important}.grid,.cards,.modules-grid,.quick-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){header,.topbar,.site-header,.portal-header{min-height:auto!important;gap:10px!important;flex-wrap:wrap!important}.container,.wrap,main,.page-shell{padding-left:14px!important;padding-right:14px!important}.grid,.cards,.modules-grid,.quick-grid,.stats-grid,.form-grid{grid-template-columns:1fr!important}.hero,.hero-card,.feature-card{min-height:auto!important;padding:24px 20px!important}.hero-actions,.actions,.button-row{display:flex!important;flex-direction:column!important;align-items:stretch!important}.hero-actions a,.hero-actions button,.actions a,.actions button,.button-row a,.button-row button{width:100%!important;justify-content:center!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}}
@media print{header,.topbar,.site-header,.portal-header,.no-print{display:none!important}body{background:#fff!important}}