@import url('styles.css');

.page-shell{min-height:100vh;padding:calc(var(--nav-height) + 4rem) 5% 4rem}.page-container{max-width:860px;margin:0 auto}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:1rem}.page-header p,.page-content p,.page-content li{color:var(--muted)}.page-content{background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:clamp(1.5rem,4vw,3rem)}.page-content h2{font-size:1.35rem;margin:2rem 0 .75rem}.page-content h2:first-child{margin-top:0}.page-content p,.page-content li{text-align:justify}.page-content p{margin-bottom:1rem}.page-content ul{padding-left:1.25rem;margin-bottom:1rem}.page-content li{margin:.5rem 0}.page-content a{color:#8fc5ff}.page-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:min(1200px,100%);margin:0 auto 2rem}.page-nav .logo{font-size:1.2rem}.back-link{color:var(--muted);text-decoration:none}.back-link:hover{color:var(--white)}.contact-email{font-size:clamp(1rem,3vw,1.4rem);font-weight:700;overflow-wrap:anywhere}.page-nav .brand-mark{width:1.8rem;height:1.8rem}
@media(max-width:640px){.page-shell{padding-top:calc(var(--nav-height) + 2rem)}.page-content{padding:1.25rem}.page-nav{align-items:flex-start;flex-direction:column}}