@font-face{font-family:Montserrat;src:url('../assets/fonts/Montserrat-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}.bases-main{max-width:980px!important;margin:0 auto!important;padding-bottom:64px}.bases-main h1,.bases-main h2,.bases-main h3{font-family:Montserrat,var(--rt-font-body);font-weight:600}.bases-hero{padding:48px 0 28px}.bases-hero h1{font-size:clamp(30px,5vw,48px);line-height:1.2;margin:12px 0 24px}.bases-intro{font-size:19px;max-width:65ch}.bases-text-link{text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:10px 0}.bases-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bases-principles article{background:var(--theme-bg-surface);border:1px solid var(--theme-border);padding:24px;border-radius:24px}.bases-principles span{color:var(--theme-text-secondary);font-size:14px}.bases-principles h2{font-size:21px;margin:12px 0}.bases-principles p{margin:0}.bases-note{border-left:4px solid var(--app-secondary);padding:20px 24px;margin:32px 0 48px;background:var(--theme-bg-surface);border-radius:0 18px 18px 0}.bases-note p{margin:8px 0 0}.bases-main section>h2{margin-bottom:16px}.bases-studies{margin:24px 0}.bases-study{border:1px solid var(--theme-border);border-radius:20px;background:var(--theme-bg-surface);margin:12px 0;overflow:hidden}.bases-study summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;list-style:none}.bases-study summary::-webkit-details-marker{display:none}.bases-study strong{font-size:18px}.bases-study small{display:block;color:var(--theme-text-secondary);margin-top:5px;font-size:14px}.bases-plus{font-size:26px}.bases-study[open] .bases-plus{transform:rotate(45deg)}.bases-study-body{padding:0 24px 24px}.bases-study h3{font-size:17px;line-height:1.5;margin-bottom:16px}.bases-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.bases-next{border-top:1px solid var(--theme-border);padding:32px 0}.bases-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bases-main :focus-visible{outline:3px solid var(--app-secondary);outline-offset:4px}@media(max-width:600px){.bases-principles{grid-template-columns:1fr}.bases-hero{padding-top:28px}.bases-study summary{padding:20px}.bases-study-body{padding:0 20px 20px}.bases-links{align-items:flex-start;flex-direction:column}.bases-intro{font-size:17px}}