html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{display:block;max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
 a,.card,.prose,.money-row>*{overflow-wrap:anywhere;word-break:normal}
.wrap,.nav>*,.nav-links,.grid>*,.app-grid>*,.card>*{min-width:0}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-grid{grid-template-columns:minmax(0,1fr) minmax(0,330px)}
.card{min-width:0}.meter{width:100%;max-width:100%}.meter span{max-width:100%}
.money-row{gap:12px;min-width:0}.money-row strong{text-align:right}
.canonical-legal{margin:20px 0 30px;padding:18px;border:1px solid var(--cyan);border-left:4px solid var(--cyan);border-radius:var(--r);background:#0b1c2b}
.canonical-legal a{color:var(--cyan);font-weight:800}
.canonical-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.canonical-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#102338}
@media(max-width:800px){.grid,.pricing,.app-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){
 .wrap{width:calc(100% - 22px)}.brand{width:max-content;max-width:100%}
 .nav-links a{display:flex;align-items:center;min-width:0;min-height:44px;text-align:left}
 .actions,.actions .btn,.control,.control input,.control select{width:100%;min-width:0}.card,.visual{padding:17px}
 .legend,.money-row{gap:8px;flex-wrap:wrap}.money-row strong{margin-left:auto}
 .canonical-links{display:grid;grid-template-columns:minmax(0,1fr)}.canonical-links a{width:100%}
}
@media(max-width:700px){.nav-account{order:1;font-size:12px;padding:7px 10px}}
